静态网页设计与制作

项目一　Dreamweaver 2021概述
任务1　Dreamweaver 2021窗口组成
任务引入
知识准备
一、菜单栏
二、文档工具栏
三、通用工具栏
四、插入面板
五、文档窗口
六、属性面板
七、浮动面板组
任务2　文件操作
任务引入
知识准备
一、打开文件
二、创建文件
三、保存文件
四、设置文档属性
项目总结
项目实战
实战一　认识Dreamweaver 2021界面
实战二　新建HTML文件并保存
项目二　HTML与CSS基础
任务1　HTML基础
任务引入
知识准备
一、HTML语言概述
二、HTML的语法特性
任务2　常用的HTML标签
任务引入
知识准备
一、文档的结构标签
二、注释标签
三、文本格式标签
四、排版标签
五、列表标签
六、表格标签
七、表单标签
八、其他标签
任务3　CSS基础
任务引入
知识准备
一、CSS概述
二、CSS样式表的组成
任务4　CSS设计器
任务引入
知识准备
一、创建和附加样式表
二、定义媒体查询
三、定义 CSS 选择器
四、设置CSS属性
综合案例　CSS样式的应用
项目总结
项目实战
实战一　编写网页文件
实战二　用CSS样式控制文本样式
项目三　构建本地站点
任务1　站点概述
任务引入
知识准备
一、Internet服务器和本地计算机
二、本地站点与远程站点
任务2　构建本地站点
任务引入
知识准备
任务3　管理本地站点和站点文件
任务引入
知识准备
一、管理站点
二、操作站点文件或文件夹
任务4　站点发布
任务引入
知识准备
一、配置远程站点
二、上传、下载与同步更新
项目总结
项目实战
实战一　在本机上创建站点bz
实战二　为创建的站点设置服务器
项目四　文本与图像
任务1　在网页中插入文本
任务引入
知识准备
一、插入文本
二、设置文本属性
三、创建列表项
四、插入日期
任务2　在网页中插入图像
任务引入
知识准备
一、关于图像
二、插入图像
三、图像的属性
四、修改图像尺寸
五、创建翻转图像
六、设置背景图像
项目总结
项目实战
实战一　在网页中插入文本和日期
实战二　在网页中插入图像和文字
项目五　制作超链接
任务1　 认识超链接
任务引入
知识准备
任务2　制作、管理超链接
任务引入
知识准备
一、创建文本超链接
二、创建图像超链接
三、链接到命名锚点
四、创建E-mail超链接
五、虚拟链接和脚本链接
六、使用“URLs”面板管理超链接
任务3　使用热点制作图像映射
任务引入
知识准备
综合案例　文本超链接的应用
项目总结
项目实战
实战一　创建脚本链接
实战二　制作图像映射
项目六　制作多媒体网页
任务1　添加声音
任务引入
知识准备
一、关于声音
二、链接到音频文件
三、嵌入音频文件
任务2　HTML5多媒体
任务引入
知识准备
一、插入HTML5视频
二、设置HTML5视频属性
三、插入HTML5音频
四、设置HTML5音频属性
任务3　Flash对象
任务引入
知识准备
一、添加Flash动画
二、插入Flash视频
三、修改Flash视频属性
项目总结
项目实战
实战一　在网页中添加声音
实战二　插入Flash视频
项目七　用表格规划网页
任务1　创建表格
任务引入
知识准备
一、创建表格、单元格
二、创建嵌套表格
任务2　表格操作
任务引入
知识准备
一、选定表格对象
二、设置表格和单元格属性
三、扩展表格模式
四、增加、删除行或列
五、拆分、合并单元格
六、在表格中添加内容
七、复制、粘贴单元格
八、导出/导入表格数据
九、表格排序
综合案例　利用表格布局页面
项目总结
项目实战
实战一　创建表格和嵌套表格
实战二　对表格进行排序
项目八　div CSS布局
任务1　div CSS概述
任务引入
知识准备
任务2　CSS盒模型
任务引入
知识准备
一、CSS盒模型简介
二、常用的盒模型属性
任务3　CSS层叠顺序
任务引入
知识准备
一、外部样式
二、内部样式
三、行内样式
四、导入样式
任务4　CSS布局块
任务引入
知识准备
一、创建div标签
二、编辑div标签
三、可视化 CSS 布局块
任务5　常用CSS布局版式
任务引入
知识准备
一、一列布局
二、两列布局
三、三列布局
综合案例　div标签应用实例
项目总结
项目实战
实战一　制作简易公告栏
实战二　利用CSS规则隐藏布局块
项目九　应用表单
任务1　创建表单网页
任务引入
知识准备
一、插入表单
二、文本字段和文件域
三、选择框
四、单选按钮与复选框
五、按钮
六、图像按钮
七、隐藏域
任务2　处理表单
任务引入
知识准备
项目总结
项目实战
实战一　在文档中插入文本字段
实战二　在文档中插入复选按钮组
项目十　模板与库
任务1　模板
任务引入
知识准备
一、“模板”面板
二、建立模板
三、定义可编辑区域
四、定义重复区域
五、定义可选区域
六、定义嵌套模板
七、应用模板创建文档
八、应用模板到页
九、修改模板并更新站点
十、管理模板
任务2　库
任务引入
知识准备
一、“库”面板
二、创建及使用库项目
三、操作库项目
综合案例　模板与库的应用
项目总结
项目实战
实战一　在模板文档中插入可选区域
实战二　制作版权声明
项目十一　行为
任务1　行为概述
任务引入
知识准备
一、事件与动作
二、“行为”面板
三、附加行为到页面元素
四、编辑行为
任务2　Dreamweaver 2021的内置行为
任务引入
知识准备
一、调用JavaScript
二、改变属性
三、检查插件
四、jQuery效果
五、转到URL
六、交换图像/恢复交换图像
七、弹出信息
八、打开浏览器窗口
九、显示-隐藏元素
十、检查表单
十一、设置文本
十二、预先载入图像
项目总结
项目实战
实战一　为网页按钮调用JavaScript行为
实战二　改变标签的属性
项目十二　时尚资讯网站设计综合实例
任务1　网站概述
任务引入
知识准备
一、网站介绍
二、准备工作
任务2　制作模板
任务引入
知识准备
一、设计基本布局
二、制作导航菜单
三、插入模板元素
四、制作嵌套模板
任务3　制作库文件
任务引入
知识准备
任务4　制作网站主页
任务引入
知识准备
任务5　制作其他页面
任务引入
知识准备
项目总结
项目实战
实战一　制作旅游网站首页
实战二　制作儿童教育网站