内容简介
Dreamweaver CC是一款集网页制作和管理网站于一身的网页编辑器,是针对专业网页设计师特别开发的视觉化网页开发工具。本书以通俗易懂的语言、翔实生动的操作案例、精挑细选的使用技巧,指导初学者快速掌握Dreamweaver CC中文版的基础知识与方法。全书共分为16章,主要内容包括网页设计制作基础入门、Dreamweaver CC轻松入门、创建与管理本地站点、编辑结构清晰的网页信息、在网页中应用图像与多媒体、超链接、使用表格布局页面、应用CSS样式美化网页、应用Div+CSS布局网页、使用模板和库创建网页、创建表单网页、使用行为创建动态效果、制作jQuery Mobile页面、编辑HTML代码与实践应用、站点的发布与推广以及设计与制作网站等方面的知识。全书结构清晰、图文并茂,以实战演练的方式介绍知识点,让读者一看就懂。
本书面向学习该软件的初、中级用户,适合无基础又想快速掌握Dreamweaver CC入门操作经验的读者,同时对有经验的Dreamweaver CC使用者也有很高的参考价值,还可以作为高等院校专业课教材和社会培训机构的培训教材。
前 言
Adobe公司的网页设计软件Dreamweaver就是当下最流行的Web开发工具之一。为帮助读者快速掌握与应用Dreamweaver CC软件,以便在工作中学以致用,我们编写了《Dreamweaver CC中文版网页设计与制作(微课版)》。
一、购买本书能学到什么?
本书为读者快速入门Dreamweaver CC提供了一个崭新的学习和实践平台,无论从基础知识安排还是应用能力的训练,都充分地考虑了用户的需求,可以快速达到理论知识与应用能力的同步提高。本书在编写过程中根据电脑初学者的学习习惯,采用由浅入深、由易到难的方式讲解。全书结构清晰、内容丰富,主要内容包括以下5个方面。
1. 基础入门
第1~2章介绍关于Dreamweaver CC的一些基础知识,包括网页的基本要素、网页中的色彩特性以及Dreamweaver CC的工作环境等内容。
2. 网页设计与制作
第3~7章主要讲解网页设计与制作的内容,全面介绍创建管理站点、在网页中编排文本、使用图像与多媒体丰富网页内容、网页超级链接的应用和使用表格布局页面的方法与技巧。
3. CSS样式布局页面
第8~9章主要讲解利用样式布局页面,介绍认识CSS样式表、创建CSS样式、将CSS应用到网页、应用CSS+Div灵活布局网页、CSS布局方式和使用AP Div元素布局页面、使用框架布局页面等方面的方法与技巧。
4. 动态网页设计
第10~15章全面讲解动态网页设计方面的知识,包括利用模板和库创建网页、使用行为创建动态效果、使用表单、HTML代码与时间应用、制作jQuery Mobile页面以及站点的发布和推广方面的知识。
5. 网页制作案例
第16章通过制作一个完整的网页案例来帮助读者回顾前面所讲的知识点,并达到巩固与提高的目的。
二、如何获取本书的学习资源?
为帮助读者高效、快捷地学习本书知识点,我们不但为读者准备了与本书知识点有关的配套素材文件,而且还设计并制作了精品视频教学课程,同时还为教师准备了PPT课件资源。
读者在学习本书过程中,可以使用手机浏览器、QQ或者微信的扫一扫功能,扫描本书各节标题左下角的二维码,在打开的视频播放页面中在线观看视频课程,也可以下载并保存到手机中离线观看。免费赠送的图书配套素材文件和PPT教学课件可登录清华大学出版社官方网站,打开网页后,搜索本书专属服务网页进行下载。
本书由文杰书院组织编写,参与本书编写工作的有李军、袁帅、文雪、李强、高桂华、蔺丹、张艳玲、李统财、安国英、贾亚军、蔺影、李伟、冯臣、宋艳辉等。
我们真切希望读者在阅读本书之后,可以开阔视野,增长实践操作技能,并从中学习和总结操作的经验和规律,达到灵活运用的水平。鉴于编者水平有限,书中纰漏和考虑不周之处在所难免,热忱欢迎读者予以批评、指正,以便我们日后能为您编写更好的图书。
编 者
目 录
第1章 网页设计制作基础入门 11.1 什么是网页 21.1.1 认识网站与网页 21.1.2 静态网页 31.1.3 动态网页 41.2 制作网页的常用工具 51.2.1 网页编辑排版软件Dreamweaver 51.2.2 图像制作软件Photoshop和Fireworks 61.2.3 网页动画制作软件Flash 71.2.4 网页标记语言HTML 81.2.5 网页脚本语言JavaScript 81.2.6 动态网页编程语言ASP 81.3 网页的基本要素 91.3.1 Logo 91.3.2 Banner 91.3.3 导航栏 101.3.4 文本 101.3.5 图像 101.3.6 Flash动画 111.3.7 表单 111.3.8 屏幕分辨率 111.4 网页的相关知识 121.4.1 因特网 121.4.2 万维网 131.4.3 浏览器 131.4.4 HTML 131.4.5 电子邮件 131.4.6 URL 141.4.7 域名 141.4.8 IP地址 141.5 网页设计中的色彩应用 151.5.1 网页色彩的特性 151.5.2 网页安全色 161.5.3 色彩模式 161.5.4 网页配色的基本规则 171.5.5 网页配色中的文本颜色 181.6 怎样设计出好的网页 191.6.1 网页设计的基本原则 191.6.2 网页设计的成功要素 201.6.3 网页的色彩搭配 211.7 范例应用与上机操作 221.7.1 网站的制作流程 221.7.2 静态网页的制作流程 241.7.3 网页编辑器 241.8 本章小结与课后练习 25第2章 Dreamweaver CC轻松入门 272.1 认识工作界面 282.1.1 界面布局 282.1.2 菜单栏 282.1.3 【插入】面板 292.1.4 工具窗口和面板 302.1.5 属性检查器 312.1.6 使用管理面板和面板组 322.2 设置Dreamweaver视图 332.2.1 切换“文档”视图 332.2.2 使用可视化助理 342.3 范例应用与上机操作 362.3.1 使用辅助线 362.3.2 使用跟踪图像 372.3.3 设置缩放比率 382.3.4 调整窗口大小 392.3.5 调整页面方向 392.3.6 设置工具栏显示方式 402.4 本章小结与课后练习 412.4.1 思考与练习 412.4.2 上机操作 41第3章 创建与管理本地站点 433.1 站点及站点结构 443.1.1 什么是站点 443.1.2 站点结构 443.2 创建本地站点 453.2.1 使用向导搭建站点 453.2.2 使用高级面板创建站点 463.3 管理站点 463.3.1 认识【管理站点】对话框 473.3.2 打开站点 483.3.3 编辑站点 483.3.4 复制站点 493.3.5 删除站点 493.3.6 站点的切换 503.4 站点的规划与操作 513.4.1 站点规划 513.4.2 在站点中新建文件夹 513.4.3 在站点中新建网页文件 523.4.4 使用【新建文档】对话框新建文件 533.4.5 移动和复制文件或文件夹 533.4.6 重命名文件或文件夹 553.4.7 删除文件或文件夹 563.5 范例应用与上机操作 573.5.1 在站点中新建名为“音乐”的文件夹 573.5.2 在站点中新建名为“视频网页”的文件 573.5.3 使用站点地图 583.5.4 Business Catalyst站点 583.5.5 文件视图列 593.6 本章小结与课后练习 603.6.1 思考与练习 603.6.2 上机操作 60第4章 编辑结构清晰的网页信息 614.1 在网页中插入文本 624.1.1 输入网页文本 624.1.2 设置文本属性 634.1.3 允许输入连续的空格 634.1.4 设置是否显示不可见元素 644.1.5 设置页边距 644.2 插入特殊文本对象 654.2.1 插入特殊字符 664.2.2 插入水平线 664.2.3 插入日期和时间 674.3 项目列表和编号列表 674.3.1 设置项目列表或编号列表 684.3.2 修改项目列表或编号列表 684.3.3 设置文本缩进格式 694.4 设置页面的META信息 704.4.1 设置网页的文字编码格式 704.4.2 设置网页的到期时间 704.4.3 禁止浏览器从本地计算机的缓存中读取页面内容 704.5 设置网页的头信息 714.5.1 设置网页标题 714.5.2 添加关键字 724.5.3 添加说明 724.6 设置页面属性 734.6.1 设置外观(CSS) 734.6.2 设置外观(HTML) 744.6.3 设置链接(CSS) 744.6.4 设置标题(CSS) 754.6.5 设置标题和编码 754.6.6 设置跟踪图像 764.7 范例应用与上机操作 764.7.1 设置cookie过期 774.7.2 强制网页在当前窗口中以独立页面显示 774.7.3 设置网页打开时的效果 784.7.4 设置网页退出时的效果 784.7.5 插入短破折线 794.8 本章小结与课后练习 794.8.1 思考与练习 804.8.2 上机操作 80第5章 在网页中应用图像与多媒体 815.1 常用的图像格式 825.1.1 JPEG格式图像 825.1.2 GIF格式图像 825.1.3 PNG格式图像 825.2 插入与设置图像 835.2.1 在网页中插入图像文件 835.2.2 设置网页背景图 845.2.3 图像的对齐方式 845.2.4 插入Photoshop智能对象 855.2.5 更改图像的基本属性 865.3 多媒体在网页中的应用 875.3.1 插入并设置Flash动画 885.3.2 插入Flash Video 895.3.3 插入普通音频 915.4 插入其他图像 925.4.1 插入鼠标经过图像 925.4.2 插入Fireworks HTML 935.5 编辑图像 945.5.1 裁剪图像 945.5.2 更改图像大小 955.5.3 调整亮度和对比度 955.5.4 锐化图像 965.6 使用热区 975.6.1 绘制热区 975.6.2 在【属性】面板中设置热区 985.7 范例应用与上机操作 985.7.1 插入HTML5 Video 985.7.2 插入HTML5 Audio 995.7.3 插入Edge Animate 1005.7.4 重新取样 1015.7.5 复制Photoshop选区图像 1025.8 本章小结与课后练习 1035.8.1 思考与练习 1045.8.2 上机操作 104第6章 超链接 1056.1 超链接基本概念 1066.1.1 超链接的定义 1066.1.2 内部、外部与脚本链接 1066.1.3 超链接的类型 1076.2 链接路径 1096.2.1 绝对路径 1096.2.2 文档相对路径 1106.2.3 站点根目录相对路径 1116.3 创建超链接的方法 1126.3.1 使用指向文件图标创建链接 1126.3.2 使用【属性】面板创建链接 1126.4 创建不同种类的超链接 1136.4.1 文本超链接 1136.4.2 空链接 1146.4.3 电子邮件链接 1156.5 管理与设置超链接 1166.5.1 自动更新链接 1166.5.2 在站点范围内更改链接 1176.5.3 检查站点中的链接错误 1186.6 超链接的属性控制 1196.6.1 a:link 1196.6.2 a:active 1196.6.3 a:hover 1196.6.4 a:visited 1196.7 范例应用与上机操作 1206.7.1 创建脚本链接 1206.7.2 创建下载文件链接 1216.7.3 创建锚记链接 1226.7.4 创建音视频链接 1226.7.5 使用Hyperlink对话框 1236.8 本章小结与课后练习 1246.8.1 思考与练习 1246.8.2 上机操作 125第7章 使用表格布局页面 1277.1 表格的创建与应用 1287.1.1 表格的定义与用途 1287.1.2 创建表格 1297.1.3 在表格中输入内容 1307.1.4 在单元格中插入图像 1307.1.5 创建嵌套表格 1317.2 设置表格及单元格的属性 1327.2.1 设置表格属性 1327.2.2 设置单元格属性 1337.3 调整表格结构 1347.3.1 选择单元格和表格 1347.3.2 调整单元格和表格的大小 1357.3.3 插入与删除表格的行和列 1377.4 处理表格数据 1397.4.1 导入Excel文档 1397.4.2 排序表格 1407.5 数据表格样式 1417.5.1 表格模型 1427.5.2 表格标题 1437.5.3 表格样式控制 1437.6 范例应用与上机操作 1447.6.1 拆分单元格 1447.6.2 合并单元格 1457.6.3 复制、剪切和粘贴表格 1467.6.4 导入表格式数据 1487.6.5 导入Word文档 1497.7 本章小结与课后练习 1497.7.1 思考与练习 1507.7.2 上机操作 150第8章 应用CSS样式美化网页 1518.1 什么是CSS样式表 1528.1.1 认识CSS 1528.1.2 CSS样式的类型 1528.1.3 CSS样式基本语法 1538.2 使用【CSS设计器】面板 1548.2.1 认识【CSS设计器】面板 1548.2.2 创建与附加CSS样式表 1568.2.3 设定媒体查询 1588.2.4 定义选择器 1598.2.5 设置CSS规则属性 1618.3 CSS选择器的类型 1618.3.1 通配符选择器 1628.3.2 标签选择器 1628.3.3 类选择器 1628.3.4 ID选择器 1648.3.5 伪类及伪对象选择器 1648.3.6 群选择器 1658.3.7 派生选择器 1658.4 创建CSS样式 1668.4.1 创建标签CSS样式 1668.4.2 创建类CSS样式 1678.4.3 创建ID CSS样式 1688.4.4 创建复合CSS样式 1708.5 编辑CSS样式 1718.5.1 设定类型属性 1718.5.2 设定背景属性 1728.5.3 设定方框属性 1738.5.4 设定区块属性 1748.5.5 设定边框属性 1748.5.6 设定列表属性 1758.5.7 设定定位属性 1768.5.8 设定扩展属性 1768.5.9 设定过渡属性 1778.6 在Dreamweaver中使用CSS样式 1788.6.1 内联CSS样式 1788.6.2 内部CSS样式 1788.6.3 链接外部CSS样式表文件 1798.6.4 导入外部CSS样式表文件 1798.7 应用CSS3过渡效果 1798.7.1 创建CSS3过渡效果 1798.7.2 编辑CSS3过渡效果 1818.7.3 删除CSS3过渡效果 1818.8 范例应用与上机操作 1838.8.1 应用CSS设置固定字体、字号以及字体颜色 1838.8.2 给网页添加边框效果 1838.8.3 为网页添加CSS类选区 1848.8.4 设置内边距属性 1858.8.5 给文本添加列表项目符号 1868.8.6 给网页添加背景 1878.9 本章小结与课后练习 1888.9.1 思考与练习 1888.9.2 上机操作 188第9章 应用Div+CSS布局网页 1899.1 Div概述 1909.1.1 什么是Div 1909.1.2 Div CSS布局的优势 1909.1.3 Div标记和Span标记的区别 1919.2 应用Div布局网页 1919.2.1 页面布局分析 1919.2.2 插入和编辑Div标签 1929.2.3 Div的嵌套和固定格式 1939.3 可视化盒模型 1949.3.1 盒模型的概念 1949.3.2 CSS盒模型的要点 1959.3.3 margin属性 1969.3.4 border属性 1979.3.5 padding属性 1989.3.6 空白边的叠加 2009.4 CSS的布局定位 2009.4.1 浮动定位 2019.4.2 通过position属性定位 2019.4.3 相对定位 2039.4.4 绝对定位 2049.4.5 固定定位 2059.5 范例应用与上机操作 2059.5.1 一列固定宽度布局 2059.5.2 一列自适应布局 2069.5.3 两列固定宽度布局 2079.5.4 两列宽度自适应布局 2089.5.5 两列右列宽度自适应布局 2099.5.6 三列浮动中间列宽度自适应布局 2099.6 本章小结与课后练习 2119.6.1 思考与练习 2119.6.2 上机操作 212第10章 使用模板和库创建网页 21310.1 使用模板 21410.1.1 模板的特点 21410.1.2 创建模板 21410.1.3 嵌套模板 21510.2 设置模板 21610.2.1 定义可编辑区域 21610.2.2 定义可选区域 21710.2.3 定义重复区域 21710.2.4 定义可编辑的可选区域 21810.2.5 定义重复表格 21910.2.6 设置可编辑标签属性 22010.3 应用模板 22110.3.1 创建基于模板的网页 22110.3.2 更新模板和基于模板的网页 22210.3.3 从模板中脱离 22310.4 创建与应用库项目 22310.4.1 认识库项目 22410.4.2 创建库项目 22410.4.3 插入库项目 22510.5 范例应用与上机操作 22610.5.1 修改库项目 22610.5.2 更新库项目 22610.5.3 重命名库项目 22710.5.4 删除库项目 22810.5.5 恢复库项目 22810.6 本章小结与课后练习 22810.6.1 思考与练习 22910.6.2 上机操作 229第11章 创建表单网页 23111.1 表单概述 23211.1.1 关于表单 23211.1.2 常用表单元素 23211.1.3 HTML5表单元素 23411.2 添加表单 23611.2.1 插入表单域 23611.2.2 插入文本域 23711.3 网页元素 23911.3.1 表单密码 23911.3.2 Url对象 23911.3.3 Tel对象 24011.3.4 搜索对象 24011.3.5 数字对象 24111.3.6 范围对象 24111.3.7 颜色对象 24211.4 日期与时间元素 24311.4.1 月对象 24311.4.2 周对象 24311.4.3 日期对象 24411.4.4 时间对象 24411.4.5 日期时间对象 24511.5 选择元素 24611.5.1 选择对象 24611.5.2 单选按钮 24711.5.3 单选按钮组 24811.5.4 复选框 24911.6 按钮元素 25011.6.1 普通按钮 25011.6.2 【提交】按钮 25111.6.3 【重置】按钮 25211.7 范例应用与上机操作 25311.7.1 插入电子邮件对象 25311.7.2 插入本地日期时间对象 25411.7.3 复选框组 25411.7.4 图像按钮 25511.7.5 隐藏域 25711.8 本章小结与课后练习 25811.8.1 思考与练习 25811.8.2 上机操作 258第12章 使用行为创建动态效果 25912.1 认识网页行为 26012.1.1 事件与动作 26012.1.2 使用【行为】面板 26012.1.3 常见动作类型 26112.1.4 常见事件 26212.1.5 编辑与应用网页行为 26312.2 使用行为调节浏览器 26312.2.1 打开浏览器窗口 26412.2.2 调用JavaScript 26512.2.3 转到URL 26612.3 使用行为控制图像 26712.3.1 交换图像 26712.3.2 预先载入图像 26812.3.3 恢复交换图像 26912.4 使用行为显示文本 26912.4.1 弹出信息 26912.4.2 设置状态栏文本 27012.4.3 设置容器的文本 27112.5 使用行为加载多媒体 27212.5.1 检查插件 27212.5.2 改变属性 27412.6 控制表单 27512.6.1 跳转菜单 27512.6.2 跳转菜单开始 27712.6.3 检查表单 27712.7 使用JavaScript 27812.7.1 利用JavaScript实现打印功能 27912.7.2 利用JavaScript函数跳转到某个页面 27912.7.3 利用JavaScript创建自动滚屏网页效果 28012.7.4 利用JavaScript函数实现动态时间 28112.7.5 利用JavaScript函数实现动态侧边栏 28212.8 范例应用与上机操作 28412.8.1 设置文本域文字 28412.8.2 设置框架文本 28512.8.3 显示和隐藏元素 28512.8.4 拖动AP元素 28712.8.5 利用JavaScript函数实现随意更改背景颜色 28812.9 本章小结与课后练习 29012.9.1 思考与练习 29012.9.2 上机操作 290第13章 制作jQuery Mobile页面 29113.1 了解jQuery Mobile 29213.1.1 什么是jQuery 29213.1.2 认识jQuery Mobile 29213.2 创建jQuery Mobile页面 29313.2.1 使用jQuery Mobile起始页 29313.2.2 使用HTML5页面 29413.2.3 jQuery Mobile页面结构 29413.3 使用jQuery Mobile组件 29513.3.1 使用列表视图 29513.3.2 使用布局网格 29613.3.3 使用可折叠区块 29713.3.4 使用文本输入框 29813.3.5 使用密码输入框 29813.3.6 使用文本区域 29913.3.7 使用选择菜单 30013.4 列表与主题 30013.4.1 创建有序列表 30113.4.2 创建内嵌列表 30113.4.3 使用jQuery Mobile主题 30113.5 范例应用与上机操作 30313.5.1 使用复选框 30313.5.2 使用单选按钮 30413.5.3 使用按钮 30413.5.4 使用滑块 30513.5.5 设置翻转切换开关 30613.6 本章小结与课后练习 30713.6.1 思考与练习 30713.6.2 上机操作 307第14章 编辑HTML代码与实践应用 30914.1 HTML概述 31014.1.1 什么是HTML 31014.1.2 HTML的语法结构 31014.1.3 HTML中的3种标签形式 31114.2 HTML中的标签 31214.2.1 文件结构标签 31214.2.2 字符格式标签 31314.2.3 区段格式标签 31314.2.4 列表标签 31414.2.5 表格标签 31514.2.6 超链接标签 31514.3 在Dreamweaver中编辑HTML 31614.3.1 在代码视图中创建HTML页面 31614.3.2 代码视图 31714.3.3 折叠代码 31814.3.4 选择父标签 31814.4 使用快速标签编辑器 31914.4.1 使用插入模式的快速标签编辑器 31914.4.2 使用编辑模式的快速标签编辑器 32014.4.3 使用环绕模式的快速标签编辑器 32014.5 使用代码片段 32014.5.1 插入代码片段 32114.5.2 创建代码片段 32114.6 优化代码 32214.6.1 优化HTML代码 32214.6.2 清理Word生成的HTML代码 32314.7 网页中的其他源代码 32514.7.1 CSS样式代码 32514.7.2 JavaScript脚本代码 32514.7.3 源代码中的注释 32614.8 范例应用与上机操作 32614.8.1 多媒体标签 32614.8.2 表单标签 32714.8.3 代码的注释 32714.8.4 分区标签 32814.8.5 环绕标签 32814.9 本章小结与课后练习 32814.9.1 思考与练习 32914.9.2 上机操作 330第15章 站点的发布与推广 33115.1 测试与维护站点 33215.1.1 创建站点报告 33215.1.2 使用链接检查器 33315.2 上传发布网站 33415.2.1 设置FTP服务器 33415.2.2 连接到远程服务器 33515.2.3 文件上传 33515.3 网站的运营与维护 33615.3.1 网站的运营 33615.3.2 网站的更新维护 33715.4 推广网站 33815.4.1 注册搜索引擎 33815.4.2 资源合作推广方法 33815.4.3 电子邮件推广 33915.4.4 导航网站登录 34015.4.5 软文推广 34015.4.6 BBS论坛网站推广 34015.4.7 博客推广 34015.4.8 微博推广 34115.4.9 口碑营销 34115.4.10 微信营销 34215.5 范例应用与上机操作 34315.5.1 W3C验证 34315.5.2 文件下载 34415.5.3 优化网站SEO 34415.6 本章小结与课后练习 34515.6.1 思考与练习 34515.6.2 上机操作 345第16章 设计与制作网站 34716.1 确定网页主题 34816.1.1 选择网站的主题 34816.1.2 创建网页 34816.1.3 创建CSS链接 34816.1.4 设置CSS样式 34916.2 添加网页内容 35016.2.1 插入Div 35016.2.2 插入图片 35016.2.3 插入Flash 35116.2.4 插入表单 35216.2.5 插入类样式 35316.2.6 添加列表标签代码 35416.2.7 插入媒体插件 35616.3 上传与浏览网页 35716.3.1 连接远程服务器 35716.3.2 浏览网页 357参考答案 359