模块一 网页设计基础知识

任务1 Dreamweaver CC 2017的安装

任务描述

知识准备

1.1 Dreamweaver CC 2017的新增功能

任务实现

任务小结

任务2 网站的建立

任务描述

知识准备

1.2 网页、网站、首页

1.3 静态网页和动态网页

1.4 IP地址、域名和URL

1.5 HTTP和FTP

任务实现

任务小结

任务3 网页的基本知识

任务描述

知识准备

1.6 网页的基本结构

1.7 网页的基本内容

1.8 网页的表现

1.9 网页的行为

1.10 网页的Web标准

任务小结

思考与练习

模块二 HTML5开发基础

任务1 编写一个简单的HTML5页面

任务描述

知识准备

2.1 HTML简介

2.2 HTML的基本结构

任务实现

任务小结

任务2 设置“在线学习网”的首页文件头部信息

任务描述

知识准备

2.3 页面文件的头部信息

任务实现

任务小结

思考与练习

模块三 文本与段落

任务1 文字的基本排版

任务描述

知识准备

3.1 段落

3.2 换行

3.3 预格式化

3.4 水平线

3.5 各级标题

任务实现

任务小结

任务2 对文字进行加强描述

任务描述

知识准备

3.6 强调文本

3.7 作品标题

3.8 小型文本

3.9 标记文本的更改

3.10 文本的上下标

3.11 时间和日期

3.12 其他相关元素

任务实现

任务小结

任务3 使用块级元素和行内元素制作专业信息页面

任务描述

知识准备

3.13 块级元素

3.14 行内元素

3.15 ＜span＞标记

任务实现

任务小结

任务4 特殊符号的使用

任务描述

知识准备

3.16 字符实体

任务实现

任务小结

任务5 添加注释

任务描述

知识准备

3.17 旁注

3.18 注释

任务实现

任务小结

思考与练习

模块四 网页中的图像与多媒体技术

任务1 制作“在线学习网”的平面作品展示页面

任务描述

知识准备

4.1 网页中的图像

4.2 使用＜img＞标记插入图像

任务实现

任务小结

任务2 制作“在线学习网”的广告作品展示页面

任务描述

知识准备

4.3 使用＜object＞标记在网页中插入Flash动画

4.4 使用＜embed＞标记在网页中插入多媒体内容

任务实现

任务小结

任务3 制作“在线学习网”的多媒体作品展示页面

任务描述

知识准备

4.5 网页中的多媒体内容

4.6 使用＜video＞标记在网页中插入视频

4.7 使用＜audio＞标记在网页中插入音频

任务实现

任务小结

思考与练习

模块五 应用表格布局页面

任务1 图书借阅详情页面的制作

任务描述

知识准备

5.1 表格的基本结构

5.2 创建表格

5.3 表格的其他元素

任务实现

任务小结

任务2 课程表的制作

任务描述

知识准备

5.4 跨行跨列设置

5.5 背景颜色设置

任务实现

任务小结

任务3 学院首页页面的制作

任务描述

知识准备

5.6 对齐方式的设置

5.7 宽度、高度的设置

5.8 背景图片的设置

任务实现

任务小结

思考与练习

模块六 创建网页中的超链接

任务 创建“在线学习网”页面的超链接

任务描述

知识准备

6.1 创建超链接

6.2 超链接的类型

任务实现

任务小结

思考与练习

模块七 网页表单设计

任务1 注册页面的设计

任务描述

知识准备

7.1 了解表单

7.2 输入元素input

任务实现

任务小结

任务2 读者留言板的设计

任务描述

知识准备

7.3 下拉选择框元素select

7.4 多行文本域textarea

任务实现

任务小结

思考与练习

模块八 网页的CSS样式设计

任务1 网页大标题的样式设计

任务描述

知识准备

8.1 什么是CSS

8.2 CSS的应用

任务实现

任务小结

任务2 网页中的文字排版

任务描述

知识准备

8.3 CSS字体样式

任务实现

任务小结

任务3 制作新闻列表排行榜

任务描述

知识准备

8.4 列表的应用

任务实现

任务小结

思考与练习

模块九 使用DIV＋CSS布局页面

任务1 网页中的图文混排

任务描述

知识准备

9.1 CSS盒子模型

9.2 CSS浮动与定位

任务实现

任务小结

任务2 网页中的全图排版

任务描述

知识准备

9.3 CSS背景控制

任务实现

任务小结

任务3 多行多列式布局

任务描述

知识准备

9.4 CSS代码优化

任务实现

任务小结

思考与练习

模块十 使用CSS3美化网站元素

任务1 使用CSS3设计网站导航

任务描述

知识准备

10.1 CSS3背景渐变及阴影

10.2 CSS超链接样式

任务实现

任务小结

任务2 使用CSS3美化表格

任务描述

知识准备

10.3 HTML表格的特殊应用

任务实现

任务小结

任务3 使用CSS3美化表单

任务描述

知识准备

10.4 CSS属性选择器

任务实现

任务小结

思考与练习

模块十一 综合案例

任务 学校网站的页面设计

任务描述

任务实现

任务小结

参考文献