商务网页设计与制作实验教程

第1章 网页入门基础
1.1 理论知识讲解
1.1.1 网页基本概念
1.1.2 HTML基础
1.1.3 网站构建的基本流程
1.1.4 网页的色彩搭配
1.1.5 选择网页制作软件
1.2 实验任务优秀商务网页赏析
第2章 Dreamweaver CS6基础
2.1 理论知识讲解
2.1.1 Dreamweaver CS6工作环境
2.1.2 建立本地站点
2.2 实验任务
第3章 制作网页内容
3.1 理论知识讲解
3.1.1 网页中文本的应用
3.1.2 网页中图像的应用
3.1.3 网页中多媒体对象的应用
3.1.4 网页中的超链接
3.2 实验任务
3.2.1 实验任务一 文本属性设置
3.2.2 实验任务二 创建鼠标经过交换图像
3.2.3 实验任务三 在网页中插入一个Flash动画
3.2.4 实验任务四 插入音频文件
3.2.5 实验任务五 设置超链接
第4章 CSS样式表
4.1 理论知识讲解
4.1.1 认识CSS样式
4.1.2 CSS样式详解
4.1.3 创建CSS样式
4.2 实验任务
4.2.1 实验任务一 使用内部CSS样式美化页面
4.2.2 实验任务二 利用外部CSS样式美化页面
第5章 网页布局
5.1 理论知识讲解
5.1.1 表格布局
5.1.2 框架布局
5.1.3 DIV+CSS布局
5.1.4 使用Div+CSS布局页面
5.2 实验任务
5.2.1 实验任务一 使用表格布局
5.2.2 实验任务二 框架网页
5.2.3 实验任务三 使用DIV+CSS布局“国”字形页面
第6章 网页特效与交互
6.1 理论知识讲解
6.1.1 AP元素
6.1.2 行为
6.1.3 Spry框架
6.2 实验任务
6.2.1 实验任务一 制作网页加载时的弹出公告页
6.2.2 实验任务二 设置交换图像
第7章 模板和库的运用
7.1 理论知识讲解
7.1.1 模板
7.1.2 库
7.2 实验任务
实验任务 创建基于模板的网页
第8章 Photoshop网页设计基础
8.1 理论知识讲解
8.1.1 认识Photoshop CS4工作界面
8.1.2 认识工具箱工具
8.1.3 认识图像文件
8.1.4 第一工具区工具使用——选择工具组
8.1.5 第二工具区工具使用——绘制图像组
8.1.6 橡皮擦工具组
8.1.7 第三工具区工具使用——矢量图形绘制工具组.
8.2 实验任务
8.2.1 实验任务一 书页中的山水画
8.2.2 实验任务二 菊花仙子
8.2.3 实验任务三 卡通拼图
8.2.4 实验任务四 网页模板切片制作
8.2.5 实验任务五 商品水印
8.2.6 实验任务六 雨后彩虹
第9章 Photoshop网页元素设计
9.1 理论知识讲解
9.1.1 设计网站图标
9.1.2 导航按钮设计
9.1.3 网页导航条设计
9.1.4 简单网络广告设计
9.2 实验任务
9.2.1 实验任务一 制作网站导航
9.2.2 实验任务二 制作商品导购界面
第10章 综合实例
10.1 实验任务一 设计网站的logo
10.2 实验任务二 制作主页效果
10.3 实验任务三 制作模板页面
10.4 实验任务四 利用模板来制作其他网页