第4章 Web网站设计及管理基础_杨威.pptVIP

局域网组建、管理与维护 杨 威 山西师范大学网络信息中心 问题思考 Web主页设计原则有哪些？ Web网站设计包括那些方面？ 学习目标 （1）理解主页制作原则，熟悉主页框架组织、造型组合，基本掌握主页配色设计，包括色彩体系、色彩三要素、色彩对比和调和。 （2）理解主页视觉效果，熟悉面向公众的不同行业门户网站主页风格设计。 （3）基本掌握 Web 网站发布，以及 Web 网站测试与维护的方法。 4.1 网站策划 4.1.1 网站目标 4.1.2 网页设计原则 4.1.3 网站框架组织 4.1.4 网页造型 4.1.5 网页可访问性 4.1.1 网站目标 网站目标 为了在众多同类网站中脱颖而出，需要明确网站的主题，针对性要强，题材要新颖。对于企业宣传、医院、银行、学校等不同性质的网站，弄清网站的目标，确定网站所应达到的预期目标。之后才可以恰当的设计网页的风格，并确定网站的功能。采用相关技术和配置的服务器、数据库。 4.1.2 网页设计原则 1. 形式与内容的统一 形式构成内容 内容决定形式 4.1.2 网页设计原则 2. 强化主题 大多数人在短暂记录中只能同时把握4—7独立的信息，过多的信息会令人产生记忆上的模糊或淡忘。视觉表现要突出主题，吸引浏览者的注意力，切忌内容过于杂乱。 4.1.2 网页设计原则 3. 整体与变化的统一 强调网站的整体性，在内容和形式上和谐统一，但又不能太过死板，否则不能唤起用户的浏览欲望。还要有一定的变化层次，但又不能过于杂乱。 4.1.2 网页设计原则 4. 技术与设计的协调 4.1.3 网站框架组织 1. 链状结构 4.1.3 网站框架组织 2. 树状结构 4.1.3 网站框架组织 3. 网状结构 4.1.3 网站框架组织 4. 大学网站内容的组织框架 4.1.4 网页造型 1. T型结构 4.1.4 网页造型 2. “三”字型结构 4.1.4 网页造型 3. “口”字型结构 4.1.4 网页造型 4. 网格结构 4.1.4 网页造型 5. Pop结构 4.1.5 网页可访问性 1. 为视觉与听觉内容提供等义的替代 所有呈现给网民的内容，在视觉、听觉上都必须提供功能、语义上的替代。比如当网页中的图片、电影、声音、Flash等信息不能正常呈现时，最好提供相关的文字内容信息。 4.1.5 网页可访问性 2. 不要只依靠色彩来提供信息 为使一些使用黑白显示器的用户、或者有些许色盲的用户也能正常访问网页，适当增加网页色彩的对比度，布局干净利落。前景、背景对比适当，既不过分刺激，又要有一定的对比效果。 4.1.5 网页可访问性 3. 恰当地使用HTML和CSS 超文本标识语言HTML是有语义的。如H1代表标题一，Cite代表引用，A代表超级链接，P代表段落文字。标记多半会有自己的属性，如A的href属性指定超级链接的目的页 A href=“”谷歌搜索/A 可以用CSS（样式表语言）控制布局和外观表现。 4.1.5 网页可访问性 4. 讲明使用何种语言 html lang=“zh” head meta http-equiv=Content-Type content=text/html; charset=gb2312 title- - 山西师范大学 - - 2011版 - -/title meta name=“keywords” content=“山西师范大学，山西，临汾，山西师大 /head body abbr title=“” lang=“zh”SXNU/abbr ……………. ……………. /body 4.1.5 网页可访问性 5. 创建干净利落的表格 TABLE width=500 border=1 summary=山西师范大学2010届一年级下半学期成绩 CAPTION 山西师范大学某班级学生成绩表 /CAPTION THEAD TR TH姓名/TH TH英语/TH TH计算机/TH TH排名/TH TH均分/TH /TR /THEAD TBODY TR TD小华/TD TD95/TD TD97/TD TD1/TD TD96/TD /TR TR TD小白/TD TD90/TD TD88/TD TD2/TD TD89/TD /TR /TBODY TFOOT TR TH align=left colspan=4班级均分/TH TH92.5/TH /TR /TFOOT /TABLE 4.1.5 网页可访问性 5. 创建干净利落的表格 4.1.