11科学的网站设计原则介绍.ppt

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