网页设计综合实践教程

目录


第1章网页设计基础知识

1.1网络基础知识

1.1.1WWW简介

1.1.2什么是HTTP、URL和域名

1.2了解网页与网站

1.2.1网页

1.2.2网站

1.3网站的规划与设计

1.4网页设计

1.4.1网页风格设计

1.4.2网页布局设计

1.4.3网页色彩设计

1.4.4网页内容设计

1.4.5网页设计案例分析

1.5常用网页设计工具

1.5.1网页制作软件——Adobe Dreamweaver CS6

1.5.2图像处理软件——Adobe Photoshop CS6

1.5.3动画制作软件——Adobe Flash CS6

1.6网页制作入门

1.6.1HTML简介

1.6.2CSS简介

1.6.3JavaScript简介

1.7常见浏览器介绍

思考与实践

第2章Dreamweaver CS6基础入门

2.1Dreamweaver CS6简介

2.1.1Dreamweaver CS6新增功能

2.1.2Dreamweaver CS6工作区

2.2Dreamweaver CS6站点建设与管理

2.2.1案例分析： 嘉州文化长廊网站

2.2.2网站站点规划与创建

2.2.3站点管理

2.3使用Dreamweaver CS6制作简单网页

2.3.1案例分析： “嘉州画派”网页设计

2.3.2HTML基础

2.3.3CSS基础

2.3.4案例制作： 图文并茂页面制作

思考与实践

第3章Dreamweaver CS6网页综合设计

3.1表格布局

3.1.1案例分析： “文化动态”网页设计

3.1.2表格基础

3.1.3表格布局综合案例制作

3.2DIV CSS布局

3.2.1网站标准

3.2.2案例分析

3.2.3DIV基础

3.2.4案例制作——页眉Banner制作

3.2.5CSS盒子模型

3.2.6盒子的浮动

3.2.7案例制作——页眉导航条制作

3.2.8导航条专项

3.2.9清除浮动

3.2.10案例制作——主体内容和页脚制作

3.2.11盒子的定位

3.2.12综合提高练习

3.3超链接应用

3.3.1案例分析

3.3.2超链接基础

3.3.3案例制作——实现内部超链接

3.3.4案例制作——实现外部超链接

3.3.5案例制作——实现锚记超链接

3.3.6案例制作——超链接风格美化

3.4创建并使用外部CSS样式

3.4.1创建外部CSS文件

3.4.2链接外部CSS文件

3.4.3案例制作——创建并链接外部样式表

思考与实践

第4章网页设计高级应用

4.1表单

4.1.1表单概述

4.1.2案例分析

4.1.3认识表单控件

4.1.4案例制作

4.2嵌入式框架

4.2.1案例分析

4.2.2认识嵌入式框架

4.2.3案例制作

4.3CSS特效

4.3.1创建圆角

4.3.2添加阴影

4.3.3背景编辑

4.3.4透明度设置

4.3.5转换效果

4.3.6过渡动画设置

4.4JavaScript特效

4.4.1JavaScript简介

4.4.2JavaScript基本语法

4.4.3认识【行为】面板

4.4.4案例制作——滚动图片的停止与运行

4.4.5案例制作——元素的显示与隐藏

思考与实践

第5章Photoshop CS6基础入门

5.1图像处理基本知识

5.1.1像素、图像分辨率与位图

5.1.2图像的颜色模式

5.1.3图像的文件格式

5.2Photoshop CS6工作环境及优化设置

5.2.1Photoshop CS6的新增功能

5.2.2认识Photoshop CS6工作界面组件

5.2.3切换工作界面

5.2.4自定义工作界面

5.2.5工作界面相关参数设置

5.3Photoshop CS6的基本操作

5.3.1基本文件操作

5.3.2调整图像与画布

5.3.3图像的显示

5.3.4恢复错误操作或文件

思考与实践

第6章Photoshop CS6图像处理

6.1选区的创建与编辑

6.1.1选框工具

6.1.2套索工具

6.1.3快速选择工具和魔棒工具

6.1.4裁剪工具

6.1.5选区编辑

6.2图层的创建与应用

6.2.1图层的基本概念

6.2.2图层的基本操作

6.2.3编辑图层

6.2.4图层效果和样式

6.3图像的绘制和修饰

6.3.1设置颜色

6.3.2画笔工具

6.3.3渐变工具与油漆桶

6.3.4图章工具

6.3.5橡皮擦与魔术橡皮擦工具

6.3.6修复、修补和红眼工具的使用

6.3.7模糊、锐化和涂抹工具的使用

6.3.8减淡、加深和海绵工具的使用

6.4路径与文字工具

6.4.1创建路径

6.4.2编辑路径

6.4.3文字工具

6.5色彩与色调的调整

6.5.1色彩平衡调整

6.5.2【色相/饱和度】命令

6.5.3亮度对比度调整

6.5.4【色阶】命令

6.6蒙版

6.6.1图层蒙版

6.6.2快速蒙版

6.6.3图像合成案例制作

6.7滤镜

6.7.1滤镜基础知识

6.7.2风格化滤镜

6.7.3扭曲滤镜

6.7.4像素化

6.7.5渲染

6.7.6画笔描边滤镜

6.7.7素描滤镜

6.7.8纹理滤镜

6.7.9蒙版与滤镜示例制作

6.8动画的制作

6.8.1认识帧模式【时间轴】面板

6.8.2创建帧动画

6.9常见网页元素设计及图像制作综合案例

6.9.1网页背景图案制作

6.9.2网站Logo制作

6.9.3按钮案例制作

6.9.4网站Banner制作

思考与实践

第7章Flash CS6动画设计基础

7.1Flash基础入门

7.1.1Flash CS6概述

7.1.2Flash CS6的操作界面

7.2Flash动画基础

7.2.1与Flash文档相关的文件类型

7.2.2时间轴

7.2.3元件与示例

7.2.4选取对象

7.2.5Flash CS6影片制作的基本流程

7.3Flash CS6基本工具的使用

7.3.1线条、刷子、颜料桶、变形工具

7.3.2椭圆、矩形、多角星形工具

7.3.3橡皮擦、铅笔、钢笔工具

思考与实践

第8章Flash CS6动画制作

8.1制作逐帧动画

8.1.1逐帧动画的创建

8.1.2绘图纸

8.1.3逐帧动画示例

8.2制作形状补间动画

8.2.1形状补间动画的创建

8.2.2形状补间动画示例——文字变国旗

8.3制作传统补间动画

8.3.1创建传统补间的方法

8.3.2传统补间动画示例——渐变的广告动画

8.4制作补间动画

8.4.1制作补间动画

8.4.2补间动画和传统补间之间的差异

8.4.3补间动画示例——珍爱生命

8.5制作路径动画

8.5.1创建沿路径运动的传统补间

8.5.2应用沿路径运动的传统补间动画的技巧

8.5.3路径动画制作示例——蝴蝶飞舞

8.6制作遮罩动画

8.6.1创建遮罩动画

8.6.2遮罩动画制作示例

8.7为Flah动画添加声音

8.7.1导入声音

8.7.2添加声音到影片帧中

8.7.3查看声波

8.8制作交互式动画

8.8.1【动作】面板介绍

8.8.2为关键帧添加ActionScript

8.8.3为按钮添加ActionScript

8.8.4为影片剪辑添加ActionScript

8.8.5stop和play语句

8.8.6goto语句

8.8.7getURL语句

8.8.8综合案例——动画Banner制作

思考与实践

第9章网站的规划与设计

9.1网站规划概念

9.2网站内容规划

9.2.1网站类型

9.2.2网站应该包括的内容

9.2.3目录结构规划

9.2.4链接结构规划

9.2.5图片文字规格

9.3网站策划

9.3.1网站功能分析

9.3.2网站非功能分析

9.4网页制作

9.4.1首页版面设计

9.4.2首页制作

9.4.3模板制作

9.4.4其他页面制作

9.5测试和发布网站

9.5.1站点的本地测试

9.5.2域名空间的申请

9.5.3发布站点

9.5.4更新维护站点

思考与实践

参考文献