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

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

    随着Internet的迅猛发展，网络正在逐步替代传统媒体，成为人们工作和生活中相互沟通的平台，同时在世界范围内对商业、广告业、信息业和通信业产生了深远的影响。通过利用网络资源，企业可以宣传产品，政府可以发布政策法规，学校可以为学生提供教学信息，各网络公司大力开发门户网站等。为了使网站能够吸引越来越多的用户，需要运用好网页视觉设计的知识，这就要求网页学习者和从业者补充更多艺术设计方面的知识，加强这方面的训练。网页视觉传达与布局设计成为网页视觉设计方面必备的理论学习课程。
    网页视觉传达与布局设计是通过诸多领域的知识启迪灵感，同时针对网站整体设计发展而产生的一门新艺术设计门类，是以信息网络为媒介和载体的综合性艺术，是与以往任何一种艺术形式都不同的互动媒体艺术。它具有与传统媒体相同的美学规律，同时在网页技术的支持下，互动性更强，更加人性化。
    本书所要阐述的观点是优秀的网站设计高手应该同时具有理性与感性思维模式。从前期的网站整体创意策划到网站的构成要素；从对各个网页中的色彩、图形、文字、版式的风格控制，到后台的网页代码的实现，都是整个网站设计的基石。
    本教材内容分为7章，从相关基础知识介绍开始，逐步递进，最后以案例解析结束。
    第l章网页视觉设计概述，包括了课程性质与任务、课程内容和要求、教学建议、教学时间分配及网页视觉设计一些特点与原则。
    第2章网页视觉设计要素，是本书的重点之一，主要介绍网页视觉设计基本要素及网页应用要素的构成。
    第3章CI网页中企业形象识别，是本书的重点之二，介绍网页中企业形象识别的应用。根据市场状况、企业自身情况的综合分析，做出符合企业自身需求的网页设计计划。
    第4章网页美工设计制作，主要针对如何把理论贯穿于网页视觉的制作过程中，达到一定的视觉美观。网页视觉设计的制作是理性和感性的结合，是现代媒体的发展趋势。视觉信息的处理不再是单纯地停留在静态和动态两个方面，而是升级为交互的方式，这就要求网页设计师具有艺术设计专业的审美的同时也要具有计算机学科的严谨。
    第5章HTML网页设计基础和第6章CSS层叠样式表设计基础，主要是介绍如何把具体的视觉元素通过网页语言表现出来。
    第7章美工设计全案解析，主要介绍美工前期的设计流程与后期网页语言的整体的结合。
    本书由天津交通运输部管理干部学院王华、钱哨编著，黄少波参与了部分章节的编写。本书在编写过程中得到了电子工业出版社与社会各界朋友的大力支持和帮助，笔者在此由衷地感谢！

第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 习题参考答案
参考文献

    3.媒体综合
    媒体综合是指在网页视觉设计中综合应用多种媒体视听元素，主要有文字、图像、声音、视频等。网页视觉设计是一门新光的综合媒体视觉艺术，它的综合性体现在媒体的多样化上。
    随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将促使视觉设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量的要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流（Stream）技术的推动下，Internet网上出现实时的音频和视频服务，如在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页艺术设计的特点之一，是未来的发展方向。
    4.终端可变
    终端可变指的是网页显示效果会随着显示终端的变化而出现变化，这些变化网页视觉设计者是不可控的。与传统印刷、影视艺术的不同之处，就在于网页视觉设计显示的终端是不确定的。网页视觉设计显示终端包括软件（浏览器）和硬件（显示器）两个部分，不同的用户会使用不同的显示终端。例如，同一个网页，在Windows操作系统下的Internet Explorer浏览器与Mac操作系统下的Safari浏览器中的显示效果可能是不一样的。页面的功能也可能出现兼容问题，就算是同一个浏览器软件，由于不同的版本也同样会出现显示效果不一样的情况。