第1章  了解网页制作与Dreamweaver CC

学习目标

案例一  指出凤凰网主页的构成元素——认识网站和网页

案例说明

相关知识

一、网页、网站和主页

二、网页的构成元素

三、网页的本质

案例实施

案例二  企业网站建设基本流程——网站建设基础

案例说明

相关知识

一、Internet，IP地址和域名

二、WWW，URL，HTTP和浏览器

三、屏幕分辨率

四、HTML与CSS简介

五、网站管理与网页制作相关软件

案例实施

案例三  调整Dreamweaver CC工作界面——初识Dreamweaver CC

案例说明

相关知识

一、启动Dreamweaver CC

二、认识Dreamweaver CC工作界面

案例实施

本章总结

 

第2章  网站创建与管理

学习目标

案例一  制作企业网站栏目结构和目录结构

案例说明

相关知识

一、制作网站栏目结构

二、制作网站目录结构

案例实施

拓展知识——网站栏目策划书制作要点

案例二  创建企业网站本地站点——站点基本操作

案例说明

相关知识

一、使用Dreamweaver创建和打开本地站点

二、使用Dreamweaver管理本地站点

案例实施

案例三  为企业网站制作欢迎页面——网页文档基本操作

案例说明

相关知识

一、网页文档基本操作

二、“文件”面板基本应用

案例实施

拓展知识

一、网页文档和文件夹命名规则

二、HTML的标签构成

三、HTML网页文档的基本结构

本章总结

课堂实训——创建鲜花导购网站本地站点

 

第3章  创建简单图文网页

学习目标

案例一  为企业网站新闻显示网页设置页面基本信息——设置网页基本信息

案例说明

相关知识

一、设置文档头信息

二、设置网页页面属性

案例实施

案例二  为企业网站新闻显示网页设置文本内容——设置网页文本

案例说明

相关知识

一、添加普通文本

二、插入特殊符号

三、添加空格

四、添加与设置水平线

五、创建列表

案例实施

拓展知识

列表在HTML中的表示

案例三  为企业网站新闻显示网页设置图像——设置网页图像

案例说明

相关知识

一、插入与编辑图像

二、插入鼠标经过图像

案例实施

拓展知识

一、网页中可用的图像格式

二、图像在HTML中的表示

本章总结

课堂实训——为鲜花导购网页设置文字和图像内容

 

第4章  创建多媒体网页

学习目标

案例一  为博客网站首页设置多媒体——动画和音视频在网页中的应用

案例说明

相关知识

一、插入Flash动画

二、插入Flash FLV

三、插入并编辑插件

案例实施

拓展知识

为网页设置背景音乐

案例二  制作音视频在线播放页面——在网页中插入HTML 5音视频

案例说明

相关知识

一、插入HTML 5 Audio

二、插入HTML 5 Video

案例实施

拓展知识

HTML 5 Audio和Video所支持的音频和视频格式

本章总结

 

第5章  应用超链接

学习目标

案例一  为企业网站新闻显示网页设置基本超链接——设置超链接（上）

案例说明

相关知识

一、超链接的含义和分类

二、设置常规超链接

三、设置热点链接

案例实施

案例二  为企业网站新闻显示网页设置电子邮件链接——设置超链接（下）

案例说明

相关知识

一、设置电子邮件链接

二、设置文件下载链接

三、设置图像链接

案例实施

本章总结

课堂实训——为“鲜花导购网页”设置超链接

 

第6章  应用CSS设置网页样式

学习目标

案例一  为企业网站新闻显示网页设置整体样式——设置CSS样式（上）

案例说明

相关知识

一、CSS样式表简介

二、在页面中引入CSS样式表的几种方法

三、CSS中选择器的类型

四、设置布局样式

五、设置文本和段落样式

六、设置背景样式

七、盒子模型的概念

案例实施

拓展知识

一、选择器的集体声明、嵌套与优先级

二、选择器的继承

案例二  为企业网站新闻显示网页设置页头样式——设置CSS样式（中）

案例说明

相关知识

一、设置边框样式

二、标准流的概念

案例实施

案例三  为企业网站新闻显示网页设置正文样式——设置CSS样式（下）

案例说明

相关知识

一、设置列表样式

二、margin使用注意事项

案例实施

本章总结

课堂实训——为“鲜花导购网页”设置CSS样式

 

第7章  构建网页布局

学习目标

案例一  构建企业网站新闻列表网页整体布局——浮动布局

案例说明

相关知识

一、Div基础

二、HTML 5结构元素

三、float和clear属性

四、浮动布局的原理

五、常用的浮动布局方法

六、清除浮动对布局的不良影响

七、浮动布局应用技巧

案例实施

一、构建HTML结构

二、设置CSS样式

案例二  制作企业网站新闻列表网页的页头部分

案例说明

案例实施

一、构建HTML结构

二、设置CSS样式

案例三  制作企业网站新闻列表网页的新闻中心栏目

案例说明

案例实施

一、构建HTML结构

二、设置CSS样式

案例四  制作企业网站新闻列表网页的集团要闻栏目

案例说明

案例实施

一、构建HTML结构

二、设置CSS样式

本章总结

课堂实训——制作博客网站首页

 

第8章  在网页中应用表格

学习目标

案例一  创建2018世界杯亚洲区预选赛40强分组表——构建和美化表格

案例说明

相关知识

一、创建表格

二、表格的HTML标签

三、使用CSS设置表格和单元格属性

案例实施

一、构建HTML结构

二、设置CSS样式

案例二  制作化学实验分组表——编辑表格

案例说明

相关知识

一、拆分与合并单元格

二、在表格中添加或删除行与列

三、使用CSS设置表格内边距和外边距

四、使用CSS合并表格边框

案例实施

一、构建HTML结构

二、设置CSS样式

本章总结

课堂实训——制作月历

 

第9章  模板和库的应用

学习目标

案例一  创建并应用模板制作新闻显示页面——模板基本操作

案例说明

相关知识

一、创建模板

二、编辑模板

三、应用模板

四、管理模板

案例实施

一、创建模板

二、应用模板

案例二  创建并应用库项目制作新闻显示页面——库的基本操作

案例说明

相关知识

一、创建库项目

二、应用库项目

三、编辑库项目

案例实施

一、创建库项目

二、应用库项目制作网页

本章总结

 

第10章  应用表单和行为

学习目标

案例一  应用表单制作“欢乐购”注册页面——应用表单和表单对象

案例说明

相关知识

一、表单基础知识

二、插入表单

三、插入表单元素

案例实施

一、构建HTML结构

二、设置CSS样式

案例二  应用行为为学校网页添加弹出框——应用行为

案例说明

相关知识

一、认识行为

二、“行为”面板

三、应用行为

四、编辑行为

案例实施

本章总结

 

第11章  测试和发布网站

学习目标

案例一  检查和测试企业网站——测试网站

案例说明

相关知识

一、检查网页链接

二、修复网页链接

案例实施

案例二  申请域名和虚拟空间——域名和虚拟空间

案例说明

相关知识

一、域名

二、虚拟空间

案例实施

案例三  发布企业网站——发布网站

案例说明

相关知识

一、连接服务器

二、上传网站

三、下载网站

四、使用扩展“文件”面板管理文件上传和取回

案例实施

本章总结

 

第12章  创建移动设备网页

学习目标

案例  创建“不一样的北京”移动设备网页——使用jQuery Mobile

案例说明

相关知识

一、初识jQuery Mobile

二、创建jQuery Mobile页面

三、jQuery Mobile页面结构

四、使用jQuery Mobile组件

五、使用jQuery Mobile主题

案例实施

本章总结

 

参考文献