网页视觉设计案例教程

第1章 网页视觉设计概述

1.1 网页视觉设计教学

1.2 网页视觉设计概述

1.2.1 互联网的起源

1.2.2 网页视觉设计定义

1.2.3 网页视觉设计要点

1.2.4 网页视觉设计特点

1.2.5 网页视觉设计的原则

第2章 网页视觉设计要素

2.1 网页视觉设计基础要素

2.1.1 网页视觉创意方法

2.1.2 视觉基础元素

2.2 文字篇

2.2.1 文字的演变和发展

2.2.2 网页视觉设计中的基本字体

2.2.3 网页中文字设计原则

2.2.4 文字的版式编排

2.2.5 网页文字的色彩处理

2.2.6 网页文字情感因素

2.3 图形(图像)篇

2.3.1 图形(图像)概述

2.3.2 网页设计中的图形(图像)存在形式

2.3.3 网页中图形(图像)文件格式

2.3.4 网页图形创意设计

2.4 色彩篇

2.4.1 色彩的基本原理

2.4.2 Web中色彩管理

2.4.3 网页视觉设计中色彩的作用

2.4.4 色彩情感

2.5 版式设计篇

2.5.1 版式设计原理

2.5.2 版式设计法则

2.5.3 常用的版式

第3章 CI网页中企业形象识别

3.1 CI概述

3.1.1 CI的形成与历史沿革

3.1.2 CI的概念

3.1.3 CI的价值

3.2 CI系统构成与相互关系

3.2.1 CI系统构成要素

3.2.2 MI、BI、VI之间的相互关系

3.2.3 CI设计原则

3.2.4 CI功能

3.3 网络CI策划与设计

3.3.1 明确形象建设的目的与动因

3.3.2 设计调查

3.3.3 形象识别定位

3.3.4 标志设计

3.3.5 网页形象视觉设计

第4章 网页美工设计制作

4.1 网页美工设计工具

4.1.1 选择适合的设计软件

4.1.2 网页美工设计工具——Photoshop

4.1.3 Web图像的生成

4.2 网页视觉设计中元素制作

4.2.1 网页图标设计

4.2.2 网页logo图标

4.2.3 网页banner制作

4.2.4 网页导航菜单的制作

4.3 首页设计制作

4.3.1 首页设计的原则

4.3.2 首页设计案例制作

第5章 HTML网页设计基础

5.1 HTML基础知识

5.1.1 Dreamweaver软件与网页设计准备

5.1.2 HTML的页面(PAGE)标记(TAGS)

5.1.3 字体(FONT)标记(T'AGS)

5.1.4 文字布局(TEXTSTYLE)标记(TAGS)

5.1.5 文字列表

5.1.6 图像(IMAGE)标记(TAGS)

5.2 HTML的表格设计与布局

5.2.1 表格(TABLE)标记(TAGS)

5.2.2 表格设计进阶

5.3 HTML的表单设计

5.3.1 表单基础

5.3.2 表单进阶

5.4 HTML的框架结构

5.4.1 框架结构基础

5.4.2 框架结构进阶

5.5 HTML的文字移动和背景音乐

5.5.1 文字移动(Marque)

5.5.2 背景音乐

第6章 CSS层叠样式表设计基础

6.1 Web标准历史与发展

6.1.1 W3C技术架构

6.1.2 了解CSS的应用本质和优点

6.1.3 网页的表现与分离

6.2 CSS基础知识

6.2.1 XHTML基础

6.2.2 XHTML头部的meta标签

6.2.3 第一个CSS样式设计

6.2.4 CSS的语法结构

6.2.5 (SSS的类型

6.2.6 CSS的标签

6.2.7 XHTML的书写规范

6.2.8 如何将样式表加入到网页

6.2.9 CSS基本的书写顺序及规范

6.2.10 CSS的优先级

6.2.11 CSS的计量单位

6.3 CSS网页布局(Inside CSS Layout)

6.4 网页布局基础

6.4.1 布局页面的基本步骤

6.4.2 网页布局基础综合实训

6.5 CSS容器属性

6.5.1 盒模型的概念

6.5.2 边界属性的概念

6.5.3 综合实训——网站首页CSS实战设计

第7章 美工设计全案解析

7.1 企业应用型网站规划与设计

7.1.1 建设网站前的市场分析

7.1.2 建设网站的目的及功能定位

7.1.3 网站技术解决方案

7.1.4 网站内容规划

7.1.5 网页设计

7.1.6 网站维护

7.1.7 网站测试

7.1.8 网站发布与推广

7.2 网页的切割技巧分析

7.3 门户类型网站全案分析

7.3.1 门户类网站

7.3.2 AOL网站的美丁制作过程

7.3.3 AOL网站的切割实训案例

7.3.4 AOL网站的CSS设计实例

7.4 企业类型网站全案分析

7.4.1 惠好公司网站

7.4.2 惠好公司(Weyerhaeuser)网站美工制作过程

7.5 功能类型网站全案分析

7.6 休闲类型网站全案分析

附录A 习题参考答案

参考文献

《网页视觉设计案例教程》源于视觉传达专业与计算机专业教学一线教师们多年的随堂讲义和授课心得，全面系统地介绍了网页视觉设计概述，网页视觉设计要素及网页应用要素的构成，CI网页中企业形象识别，网页美工设计制作，HTML网页设计基础，CSS层叠样式表设计基础，以及网页美工设计全案解析，其中应用了大量的国内外知名企业网站典型案例。
全书由浅入深，层层深入地讲解了视觉元素基础知识到高级阶段网站具体布局知识。《网页视觉设计案例教程》面向高职高专院校视觉传达专业和计算机等相关专业学生，以及网页设计方面初、中级用户。华信教育资源网上提供配套的电子课件、学习资料及源代码等资源。

国家人力资源和社会保障部，国家工业和信息化部信息专业技术人才知识更新工程指定教材，全国软件专业人才设计与开发大赛指定参考教材。
教育部高职高专计算机类专业教学指导委员会高职高专计算机类专业2010年度立项课题“校企合作下的计算机类专业人才培养方案研究”课题成果教材。
网络课程、教学课件、电子教案、习题答案、练习素材等立体化教学资源支持，选用此教材的任课老师可获赠考试系统一套(含题库)。