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

山西师范大学网络信息中心 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.5 网页可访问性 6. 确保页面能够在目前的先进技术下良好地呈现 4.1.5 网页可访问性 Flash CSS HTML 框架 JS 其它技术… 4.1.5 网页可访问性 7. 提供清晰的内容导航条 在页面的明显位置提供清晰一致的导航条，如当前位置、导航条、菜单、站点地图等，这样浏览者在网站上可以快速而精确地找到所需要的信息。 4.2 网站配色设计 4.2.1 色彩体系 4.2.2 色彩三要素 4.2.3 色彩对比与调和 三原色、色谱 三原色：红（Red）、绿（Green）、蓝（Blue） 4.2.1 色彩体系 色轮 色谱 间色、复色 4.2.1 色彩体系 1. 色相 4.2.2 色彩三要素 红色，最能激起人的生理反应，容易让人心跳加快。在光谱中，红光波长最长，在雾气中穿透性最好。绿色分布在光谱中央，明度不高，给人一种平静温和的感觉。白色是全部色彩的总和，当所有颜色照在物体表面时，它呈现的不是五颜六色，而是纯洁的白色。在网页设计中，通常会留一片空白区域，俗称留白，这样的布局给人感觉有秩序、有韵律。 2. 明度 4.2.2 色彩三要素 3. 饱和度 4.2.2 色彩三要素 1. 色相对比 4.2.3 色彩对比与调和 色相对比是指不同种类的颜色因为色相的不同而形成的差异对比。两种不同色相的颜色对比，如果颜色越接近，对比效果就越柔和。在色轮上，直径两端的颜色，其色相对比效果就比较强烈，也更醒目，因此一些户外广告牌，其文字与背景就采用这种色相对比效果。 2. 明度对比 4.2.3 色彩对比与调和 明度对比是指两种颜色在明度上的差异所形成的对比效果。当同色相的两种不同明度的颜色，如深绿、淡绿搭配在一起的时候，便形成一种明度对比。而黑、白、灰三种颜色搭配在一起的时候，通常就是明度对比。 3. 纯度对比 4.2.3 色彩对比与调和 未经调色的原色的纯度是最高的，因此称为高纯度颜色。间色的纯度较原色差一些，一般称为中纯度颜色。色轮上其他区域的颜色属于低纯度的色彩。 4. 冷暖对比 4.2.3 色彩对比与调和 不同色彩有着不同的冷暖感觉。像红、橙、黄这样的色彩能引起人们血压升高的颜色，将它们归入暖色系。而蓝、绿、紫这样能引起血压降低的色彩，将它们归入冷色系。 5. 纯度对比 4.2.3 色彩对比与调和 两种高纯度的颜色搭配在一起，在色轮上的距离越远，对比就越强烈，给人的视觉冲击力也就越大。 6. 面积对比 4.2.3 色彩对比与调和 两种颜色搭配的时候，谁占的面积大，谁就决定这幅画面的整体风格。其他面积小的颜色则起着调和、柔化、装饰的作用。面积的多少比例不同，造成的调