网页设计原则.ppt

网站设计原则电子商务网站开发基础
电子商务教研室王玉玉
一网站的设计步骤
确定网站主题
收集素材:图片、音频、文字、视频、动画等
规划站点结构:网站的结构、栏目的设置、网站的风格、网站导航、颜色搭配、版面布局、文字图片应用等
网页设计及开发
网站上传及推广
网站的更新维护
二网站结构规划
善于建立目录结构
一般利用文件夹来管理文档。首先为站点创建一个根文件夹(根目录),用于存放网站的所有内容,再在根文件夹内建立几个文件夹,再将文档分门别类地存储到相应的文件夹下。若站点较大,可创建多级子文件夹,先按栏目分类,在栏目里再分类。
目录层次不宜太深,一般不要超过三层。(链接关系清晰直观—“三次点击”,通过三次点击找到相关信息)
维护文件目录,最好在Dreamweaver中进行,如文件的改名等,保证相关的链接正常。
二网站结构规划
使用合理的文件名称
不要使用特殊符号命名,最好用字母和数字。因有些服务器不认识这些特殊符号,会导致文件链接出错。
不要用汉字作为文件名。因为很多web服务器或浏览网页的用户使用英文的操作系统,对中文支持不好,称为乱码,中文的文件名会导致浏览错误或访问失败。
所有文件名建议用小写。上大多数服务器的操作系统为UNIX类,对大小写是敏感的,同样会出现文件调用出错或链接不正常。
文件名最好有一定的意义。容易理解,便于日后的修改和维护。
二网站结构规划
网页的适应性
即在不同系统、不同浏览器和不同分辨率的适应能力。
网页的尺寸通常以像素为单位,显示器的分辨率通常为1024*768或800*600,网页宽度最好在760——770像素之间,这样在两种分辨率下都能达到较佳的视觉效果,一般不要超过780,一定不要让用户横向拖页面。
向下拖动页面是唯一给网页增加更多内容的方法。一般不要让访问者拖动页面超过三屏。如果内容多,最好通过链接的形式方便浏览。
避免滥用动态技术。动态技术和图片、音乐文件相似,即体积大、浏览慢,所以不要用的太过多样和复杂。
二网站结构规划
规划站点的浏览机制
网站导航要清晰
防止空链接、死链接
创建返回主页链接
显示网站简明目录结构(应该在主页或任何一个页面上,提供站点的简明目录结构,引导用户从一个页面快速进入到其他的页面)
反馈(网站发布后,多少会存在问题,从用户那里获得建议非常重要,应该提供联系途径,如公布管理员等版权信息,创建电子邮件链接等)
一网页设计的基本原则
主题内容明确
主题选材要小而精
最好选择自己擅长或感兴趣的内容
选题不要太滥(到处可见),目标定位不宜太高
页面下载速度快
操作使用方便
链接无错误
网页特效宁少勿滥
保证页面兼容
二网站风格设计
确信风格是建立在有价值的内容之上
需要彻底弄清网站要给人的印象是什么
在明确印象后开始努力建立和加强这种印象
风格就是与众不同
二网站风格设计
将网站标志logo,尽可能的放在每个页面上最突出的位置。
突出网站标准色彩。文字的链接色彩,图片的主色彩、背景色、边框等色彩尽量使用与标准色彩一致的色彩。
突出网站的标准字体。在关键的标题、菜单和图片里使用统一的标准字体。
设计一条朗朗上口的宣传标语,把它放在网站的横幅里,或放在醒目的位置上以体现本网站的特色。
相同类型的图像采用相同效果,比如阴影效果的方向、厚度、模糊度都一样。
版面设计要一致
导航条的风格要一致
使用自己设计的花边、线条或点。
展示网站的荣誉或成功作品
告诉网友关于个人真实的故事或想法
使用CSS可以更好地提高网页创作效率,同时可以方便地保持网页风格的统一。