网页视觉设计案例教程

第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)标记(TAGS)
5.1.4 文字布局(TEXT STYLE)标记(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 CSS的类型
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 习题参考答案
参考文献