Dreamweaver 2021是著名影像处理软件公司Adobe推出的优秀的网站及网络应用程序制作软件。本书以项目教学的方式,循序渐进地讲解使用Dreamweaver 2021制作静态、动态网页网站的方法与技巧。全书分为12个项目,全面、详细地介绍了Dreamweaver 2021的特点、功能、使用方法和技巧。具体内容为:Dreamweaver 2021 概述、HTML与CSS基础.、构建本地站点、文本与图像、制作超链接、制作多媒体网页、用表格规划网页、Div+CSS布局、应用表单、模板与库、内置行为、时尚资讯网站设计综合实例。本书附有电子资料,内容为书中所有实例网页文件的源代码及相关资源以及实例操作过程录屏动画,另外附赠大量其他实例素材,供读者学习中使用。
王璐,女,中共党员,硕士,副教授、高级工程师,中国计算机学会沈阳学术委员会委员,辽宁广播电视大学(辽宁装备制造职业技术学院)第五届学术委员会委员。长期从事教学一线工作,多次代表学校参加省级、国家级和国际级比赛并获得优异成绩,尤其在信息化教学能力比赛和创新创业竞赛方面有突出表现。在第六届和第七届中国国际“互联网+”大学生创新创业大赛中两次指导学生团队分获国赛铜奖和国赛金奖,摘得首金为辽宁省参加同类赛事取得的历史性突破。
项目一 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 制作其他页面
任务引入
知识准备
项目总结
项目实战
实战一 制作旅游网站首页
实战二 制作儿童教育网站