网页制作与网站建设课堂实录

第1课 网页设计与布局基础
1.1 预备知识
1.2 如何设计网页
1.2.1 网页设计的任务
1.2.2 网页设计的实现
1.2.3 网页设计的基本原则
1.3 常用网页设计软件
1.4 网页版面布局设计
1.4.1 网页版面布局原则
1.4.2 点、线、面的构成
1.5 网页布局方法
1.5.1 纸上布局法
1.5.2 软件布局法
1.6 常见的版面布局形式
1.6.1 “国”字型布局
1.6.2 “厂”字型布局
1.6.3 “框架”型布局
1.6.4 “封面”型布局
1.6.5 Flash型布局
1.7 课后习题
1.7.1 选择题
1.7.2 填空题
1.7.3 问答题
第2课 合理搭配网页的色彩
2.1 网页配色原理
2.1.1 色彩的产生
2.1.2 色彩的三要素
2.2 色彩与网页表现
2.3 网页色彩搭配
2.3.1 网页色彩搭配原理
2.3.2 网页色彩搭配技巧
2.3.3 网页色彩选择标准
2.3.4 常见的几种网页配色方案
2.4 课 后习题
2.4.1 选择题
2.4.2 填空题
2.4.3 问答题
第3课 网页图像处理软件PhotoshopCS3基础
3.1 熟悉PhotoshopCS3的工作界面
3.2 调整图像
3.2.1 调整图像大小
3.2.2 调整画布大小
3.3 调整图像的色彩
3.3.1 使用“色阶”命令
3.3.2 使用“曲线”命令
3.3.3 使用“色彩平衡”命令
3.3.4 使用“亮度/对比度”命令
3.3.5 使用“色相/饱和度”命令
3.4 设置前景色和背景色
3.4.1 使用“拾色器”对话框
3.4.2 使用“吸管”工具
3.5 选择操作区域
3.5.1 选择规则选区
3.5.2 选择不规则选区
3.6 图层的基本操作
3.6.1 添加图层
3.6.2 删除图层
3.6.3 合并图层
3.6.4 设置图层样式
3.7 课 堂练习——创建简单的网页图像
3.8 高手支招
3.9 课 后习题
3.9.1 选择题
3.9.2 填空题
3.9.3 操作题
第4课 设计丰富多彩的网页特效文字
4.1 使用“文字”工具
4.1.1 输入文字山
4.1.2 设置文字属性
4.1.3 文字的变形
4.2 设计常见的网页特效文字
课堂练习1——发光文字
课堂练习2——渐变文字
课堂练习3——水晶文字
课堂练习4——描边文字
课堂练习5一立体字
课堂练习6——火焰文字
4.3 高手支招
4.4 课后习题
4.4.1 选择题
4.4.2 填空题
4.4.3 操作题
第5课 设计网页按钮、导航栏和Logo
5.1 设计常见的网页按钮
课堂练习1——制作圆角按钮
课堂练习2——制作发光按钮
课堂练习3——制作水晶按钮
5.2制作导航栏
课堂练习4——制作丰富多彩的导航栏
课堂练习5——设计Banner实例
5.3 网站L0g0设计
课堂练习6——Logo设计
5.4 高手支招
5.5 课后习题
5.5.1 选择题
5.5.2 填空题
5.5.3 操作题
第6课 网站动画设计软件Flash CS3基础
6.1 Flash CS3的工作环境简介
6.1.1 菜单栏
6.1.2 工具箱
6.1.3 “时间轴”面板
6.1.4 舞台
6.1.5 “属性”面板
6.1.6 面板组
6.2 创建各种类型的Flash动画
课堂练习1——创建逐帧动画
课堂练习2——创建动画补间动画
课堂练习3——创建形状补间动画
课堂练习4——创建引导层动画
课堂练习5——创建遮罩层动画
6.3 高手支招
6.4 课后习题
6.4.1 选择题
6.4.2 填空题
6.4.3 操作题
第7课 设计网站中常见的Flash动画
7.1 设计网站Flash动画广告
7.1.1 网站广告设计基本原則
7.1.2 网站广告的类型
7.2 设计网站动画实例
课堂练习1——设计Banner广告
课堂练习2——设计声音动画
课堂练习3——创建导航按钮
7.3 高手支招
7.4 课后习题
7.4.1选择题
7.4.2 填空题
7.4.3 操作题
第8课 使用Dreamweaver CS3创建基本网页
8.1 Dreamweaver CS3简述.
8.2 熟悉Dreamweaver CS3的工作环境
8.2.1 菜单栏
8.2.2 插入栏
8.2.3 浮动面板组
8.2.4 “属性”面板
8.2.5 文档窗口
8.3 创建和管理站点
8.3.1 创建本地站点
8.3.2 管理本地站点
8.4 插入和设置文本属性
8.4.1 插入普通文本
8.4.2 设置文本属性
8.5 创建各种类型的超级链接
8.5.1 创建下载文件的超级链接
8.5.2 创建电子邮件超级链接
8.5.3 创建图像热区链接
8.5.4 创建锚点链接
8.6 插入文件头部内容
8.6.1 插入META信息
8.6.2 设置基础
8.6.3 插入关键字
8.6.4 插入说明文字
8.6.5 设置刷新
8.7 课堂练习
课堂练习1——创建本地、站点
课堂练习2——创建基本文本网页
8.8 高手支招
8.9 课后习题
8.9.1 选择题
8.9.2 填空题
8.9.3 操作题
第9课 使用图像和多媒体创建丰多彩的网页
9.1 在网页中插入图像
9.1.1 插入图像
9.1.2 设置图像属性
9.2 在Dreamweaver中编辑图像
9.2.1 裁剪图像
9.2.2 调整图像的亮度和对比度
9.2.3 锐化图像
9.3 插入其他网页图像
9.3.1 插入图像占位符
9.3.2 插入鼠标经过图像
9.4 插入丰富多彩的媒体
9.4.1 插入Flash动画
9.4.2 ~Flash按钮对象
9.4，3 插入Flash文本对象
9.4.4 插入Java Applet
9.4.5 添加背景音乐
9.5 课堂练习
课堂练习1——创建图文混排网页
课堂练习2——创建翻书图像效果
9.6 高手支招
9.7 课后习题
9.7.1 选择题
9.7.2填空题
9.7.3操作题
第10课 使用表格排版布局网页
10.1 在网页中插入表格
10.1.1 插入表格
10.1.2 设置表格属性
10.2 选择表格元素
10.2.1 选择表格
10.2.2 选择行或列
10.2.3 选择单元格
10.3 表格的基本操作
10.3.1 添加或删除行或列
10.3.2 拆分单元格
10.3.3 合并单元格
10.4 排序及整理表格内容
10.4.1 导入表格式数据
10.4.2 排序表格
10.5 课堂练习
课堂练习1——制作细线表格
课堂练习2——制作圆角表格
课堂练习3——利用表格布局网页
10.6 高手支招
10.7 课后习题
10.7.1 选择题
10.7.2 填空题
10.7.3 操作题
第11课 使用APDiv和框架布局网页
11.1 使用APDiv
11.1.1 关于“AP元素”面板
11.1.2 插入AP Div
11.1.3 选择AP Div
11.1.4 调整APDiv的大，小
11.2 Spry布局的使用
11.2.1 Spry菜单栏
11.2.2 Spry选项卡式面板
11.2.3 使用Spry折叠式
11.3 创建框架网页
11.3.1 创建框架集
11.3.2 保存框架和框架集文件
11.3.3 在顶部框架中添加内容
11.3.4 在底部框架中添加内容
11.4 课堂练习
课堂练习1——创建网页下拉菜单
课堂练习2——创建浮动框架网页
11.5 高手支招
11.6 课后习题
11.6.1 选择题
11.6.2填空题
11.6.3 操作题
第12课 使用模板和库批量制作网页
12.1 创建模板
12.1.1 新建模板
12.1.2 从现有文档创建模板
12.2 创建可编辑区域
12.2.1 插入可编辑区域
12.2.2 删除可编辑区域
12.3 应用模板创建网页
12.4 创建与应用库项目
12.4.1 创建库项目
12.4.2 应用库项目
12.5课堂练习
课堂练习1——创建模板
……
第13课 利用行为和脚本制作动感特效网页
第14课 使用CSS样式美化和布局网页
第15课 设计动态交互式网页
第16课 网站的发布维护与推广
第17课 网站建设基础
第18课 企业网站建设综合实例