Dreamweaver CC网页设计实战从入门到精通（视频教学版）

第1篇 基础知识第1章

开启网页设计之路——网页设计与制作基础1.1 认识网页和网站 41.1.1

什么是网页 41.1.2

什么是网站 51.1.3

网站的种类和特点 51.2 网页的相关概念 61.2.1

因特网与万维网 61.2.2

浏览器与HTML 61.2.3

URL、域名与IP地址 71.2.4

上传和下载 81.3 网页的HTML构成 81.3.1

文档标签 91.3.2

头部标签 91.3.3

主体标签 91.4 HTML常用标签 91.5 实战演练——制作日程表 211.6 高手甜点 251.7 跟我练练手 26第2章

磨刀不误砍柴工——认识Dreamweaver CC72.1 走进DreamweaverCC 282.1.1

案例1——安装DreamweaverCC 282.1.2

案例2——启动DreamweaverCC 292.2 Dreamweaver CC的工作环境 302.2.1

认识Dreamweaver CC的工作界面 302.2.2

熟悉【插入】面板组 322.3 体验DreamweaverCC的新增功能 342.4 认识站点 362.5 创建站点 362.5.1

案例3——创建本地站点 372.5.2

案例4——创建远程站点 372.6 管理站点 382.6.1

案例5——打开站点 382.6.2

案例6——编辑站点 392.6.3

案例7——删除站点 392.6.4

案例8——复制站点 402.7 操作站点文件及文件夹 402.7.1

案例9——创建文件夹 402.7.2

案例10——创建文件 412.7.3

案例11——文件或文件夹的移动和复制 412.7.4

案例12——删除文件或文件夹 422.8 实战演练1——创建本地站点 422.9 实战演练2——创建站点文件和文件夹 432.10 高手甜点 452.11 跟我练练手 46第3章

网页内容之美——创建网页中的文本3.1 网页设计的基本操作 483.1.1

案例1——新建网页 483.1.2

案例2——保存网页 483.1.3

案例3——打开网页 493.1.4

案例4——预览网页 493.2 设置页面属性 503.3 用文字充实网页 543.3.1

案例5——插入文字 543.3.2

案例6——设置字体 553.3.3

案例7——设置字号 573.3.4

案例8——设置字体颜色 573.3.5

案例9——设置字体样式 583.3.6

案例10——编辑段落 593.3.7

案例11——检查拼写 643.3.8

案例12——创建项目列表 653.4 特殊文本的操作 673.4.1

案例13——插入换行符 673.4.2

案例14——插入水平线 673.4.3

案例15——插入日期 683.4.4

案例16——插入特殊字符 693.4.5

案例17——插入注释 703.5 实战演练——设置主页中的跟踪图像 713.6 高手甜点 733.7 跟我练练手 74第2篇 核心技术第4章

有图有真相——使用图像和多媒体4.1 选择适合网页中图像的格式 784.2 用图像美化网页 794.2.1

案例1——插入图像 794.2.2

案例2——图像属性设置 804.2.3

案例3——图像的对齐方式 824.2.4

案例4——插入鼠标经过图像 834.2.5

案例5——插入图像占位符 844.3 在网页中插入多媒体 854.3.1

案例6——插入背景音乐 854.3.2

案例7——插入Flash动画 86 4.3.3

案例8——插入FLV 874.3.4

案例9——插入HTML5音频 884.3.5

案例10——插入HTML5视频 894.4

实战演练——制作图文并茂的网页 904.5 高手甜点 924.6 跟我练练手 92第5章

Web新面孔——HTML5新增元素与属性速览5.1 新增的主体结构元素 945.1.1

案例1——section元素 945.1.2

案例2——article元素 945.1.3

案例3——aside元素 975.1.4

案例4——nav元素 985.1.5

案例5——time元素 1005.2 新增的非主体结构元素 1015.2.1

案例6——header元素 1015.2.2

案例7——hgroup元素 1025.2.3

案例8——footer元素 1035.2.4

案例9——figure元素 1045.2.5

案例10——address元素 1055.3 新增其他常用元素 1075.3.1

案例11——mark元素 1075.3.2

案例12——rp、rt与ruby元素 1075.3.3

案例13——progress元素 1085.3.4

案例14——command元素 1095.3.5

案例15——embed元素 1095.3.6

案例16——details与summary元素 1105.3.7

案例17——datalist元素 1105.4 新增的全局属性 1115.4.1

案例18——contentEditable属性 1115.4.2

案例19——spellcheck属性 1125.4.3

案例20——tabIndex属性 1125.5 新增的其他属性与废除的属性 1145.5.1

案例21——表单相关的属性 1145.5.2

案例22——链接相关属性 1195.5.3

案例23——其他新增属性 1215.5.4

案例24——HTML5废除的属性 1215.6 实战演练——制作HTML5的网页 1235.7 高手甜点 1255.8 跟我练练手 126第6章

不在网页中迷路——设计网页超链接6.1 链接与路径 1286.1.1

链接的概念 1286.1.2

链接的路径 1286.1.3

链接的类型 1296.2 添加网页超链接 1306.2.1

案例1——添加文本链接 1306.2.2

案例2——添加图像链接 1316.2.3

案例3——创建外部链接 1326.2.4

案例4——创建锚记链接 1326.2.5

案例5——创建图像热点链接 1336.2.6

案例6——创建电子邮件链接 1346.2.7

案例7——创建下载文件的链接 1356.2.8

案例8——创建空链接 1366.2.9

案例9——创建脚本链接 1366.2.10 案例10——链接的检查 1376.3 实战演练——为企业网站添加友情链接 1386.4 高手甜点 1396.5 跟我练练手 139第7章

简单的网页布局——表格的应用7.1 插入表格 1427.2 选择表格 1437.2.1

案例1——选择完整的表格 1437.2.2

案例2——选择行和列 1447.2.3

案例3——选择单元格 1447.3 表格属性 1457.3.1

案例4——设置单元格属性 1457.3.2

案例5——设置整个表格属性 1467.4 操作表格 1477.4.1

案例6——调整大小 1477.4.2

案例7——增加行、列 1477.4.3

案例8——删除行、列 1497.4.4

案例9——剪切、复制和粘贴单元格 1497.4.5

案例10——合并和拆分单元格 1507.5

操作表格数据 1517.5.1

案例11——向表格中输入文本 1517.5.2

案例12——向表格中插入图像 1517.5.3

案例13——表格数据的排序 1527.5.4

案例14——导入表格数据 1537.5.5

案例15——导出表格数据 1537.6 实战演练——使用表格布局网页 1547.7 高手甜点 1577.8 跟我练练手 158第8章

让网页互动起来——使用网页表单和行为8.1 认识表单 1608.2 在网页中插入表单元素 1608.2.1

案例1——插入表单域 1618.2.2

案例2——插入文本域 1618.2.3

案例3——插入密码域 1638.3 在网页中插入复选框和单选按钮 1648.3.1

案例4——插入复选框 1648.3.2

案例5——插入单选按钮 1658.4 制作网页菜单和列表 1658.4.1

案例6——插入下拉菜单 1658.4.2

案例7——插入滚动列表 1668.5 在网页中插入按钮 1678.5.1

案例8——插入按钮 1678.5.2

案例9——插入图像按钮 1678.6 插入文件上传域 1688.7 添加网页行为 1698.7.1

案例10——打开【行为】面板 1698.7.2

案例11——添加行为 1708.8 常用行为的应用 1708.8.1

案例12——交换图像 1718.8.2

案例13——弹出信息 1728.8.3

案例14——打开浏览器窗口 1738.8.4

案例15——检查表单行为 1758.8.5

案例16——设置状态栏文本 1778.9 实战演练——使用表单制作留言本 1788.10 高手甜点 1818.11 跟我练练手 182第9章

批量制作风格统一的网页——使用模板和库9.1 创建模板 1849.1.1

案例1——在空白文档中创建模板 1849.1.2

案例2——在【资源】面板中创建模板 1849.1.3

案例3——从现有文档创建模板 1859.1.4

案例4——创建可编辑区域 1869.2 管理模板 1879.2.1

案例5——从模板中分离文档 1879.2.2

案例6——更新模板及基于模板的网页 1889.3 库概述 1899.4 库的创建、管理与应用 1909.4.1

案例7——创建库项目 1909.4.2

案例8——库项目的应用 1919.4.3

案例9——编辑库项目 1929.5 实战演练——创建基于模板的页面 1949.6

高手甜点 1969.7

跟我练练手 196第3篇 高级应用第10章

读懂样式表密码——使用CSS样式表美化网页10.1 初识CSS 20010.1.1

CSS概述 20010.1.2

CSS的作用 20010.1.3

基本CSS语法 20110.1.4

案例1——使用DreamweaverCC 编写CSS 20110.2 使用CSS的方法 20310.2.1

案例2——行内样式 20310.2.2

案例3——内嵌样式 20310.2.3

案例4——链接样式 20410.2.4

案例5——导入样式 20510.2.5

案例6——优先级问题 20610.3 使用CSS样式美化网页 20810.3.1

案例7——使用字体样式美化文字 20810.3.2

案例8——使用文本样式美化文本 21210.3.3

案例9——使用背景样式美化背景 21510.3.4

案例10——使用链接样式美化链接 21810.3.5

案例11——使用列表样式美化列表 21910.3.6

案例12——使用区块样式美化区块 22110.3.7

案例13——使用宽高样式设定宽高 22210.3.8

案例14——使用边框样式美化边框 22310.4 实战演练——设定网页中链接样式 22510.5 高手甜点 22810.6 跟我练练手 228第11章

架构师的大比拼——网页布局典型范例11.1 使用CSS排版 23011.1.1

案例1——将页面用DIV分块 23011.1.2

案例2——设置各块位置 23011.1.3

案例3——用CSS定位 23011.2 固定宽度网页剖析与布局 23311.2.1

案例4——网页单列布局模式 23311.2.2

案例5——网页1-2-1型布局模式 23711.2.3

案例6——网页1-3-1型布局模式 24011.3 自动缩放网页1-2-1型布局模式 24411.3.1

案例7——“1-2-1”等比例变宽布局 24411.3.2

案例8——“1-2-1”单列变宽布局 24511.4 自动缩放网页1-3-1型布局模式 24611.4.1

案例9——“1-3-1”三列宽度等比例布局 24611.4.2

案例10——“1-3-1”单侧列宽度固定的 变宽布局 24611.4.3

案例11——“1-3-1”中间列宽度固定的

变宽布局 24911.4.4

案例12——“1-3-1”双侧列宽度固定的 变宽布局 25211.4.5

案例13——“1-3-1”中列和侧列宽度 固定的变宽布局 25511.5 实战演练——使用CSS设定网页布局 列的背景色 25811.6 高手甜点 25911.7 跟我练练手 260第12章

让网页更绚丽——在网页中编写JavaScript12.1 认识JavaScript 26212.1.1

什么是JavaScript 26212.1.2

JavaScript的特点 26212.2 JavaScript 在HTML中的使用 26312.2.1

案例1——在HTML网页头中嵌入 JavaScript代码 26312.2.2

案例2——在HTML网页中嵌入 JavaScript代码 26412.2.3

案例3——在HTML网页的元素事件中嵌 入JavaScript代码 26512.2.4

案例4——在HTML中调用已经存在的 JavaScript文件 26612.2.5

案例5——通过JavaScript伪URL引入 JavaScript脚本代码 26712.3

JavaScript的基本语法 26812.3.1

执行顺序 26812.3.2

区分大小写 26812.3.3

分号与空格 26812.3.4

对代码行进行折行 26912.3.5

案例6——注释 26912.4 JavaScript 的数据结构 27012.4.1

标识符 27012.4.2

关键字 27112.4.3

保留字 27112.4.4

常量 27212.4.5

变量 27212.5

案例7——使用函数 27412.6 JavaScript的常用事件 27512.6.1

案例8——页面事件 27512.6.2

案例9——鼠标事件 27612.6.3

案例10——键盘事件 27712.6.4

案例11——表单处理事件 27912.7 实战演练——使用事件动态改变图片 的焦点 28112.8 高手甜点 28212.9 跟我练练手 282第13章

让别人浏览我的成果——网站的发布13.1

上传网站前的准备工作 28413.1.1

注册域名 28413.1.2

申请空间 28513.2 测试网站 28613.2.1

案例1——测试站点范围的链接 28613.2.2

案例2——改变站点范围的链接 28613.2.3

案例3——查找和替换 28713.2.4

案例4——清理文档 28813.3 上传网站 28913.3.1

案例5——使用DreamweaverCC上传网站 28913.3.2

案例6——使用FTP工具上传网站 29013.4 高手甜点 29213.5 跟我练练手 293第14章

整体把握网站结构——网站配色与布局14.1

善用色彩设计网页 29614.1.1

认识色彩 29614.1.2

案例1——网页上的色彩处理 29714.2 网页色彩的搭配 30014.2.1

案例2——确定网站的主题色 30014.2.2

案例3——网页色彩搭配原理 30114.2.3

案例4——网页中色彩的搭配 30314.2.4

案例5——网页元素的色彩搭配 30414.2.5

案例6——网页色彩搭配的技巧 30514.3 布局网站板块结构 30614.3.1

案例7——“国”字型 30714.3.2

案例8——标题正文型 30714.3.3

案例9——左右框架型 30714.3.4

案例10——上下框架型 30714.3.5

案例11——综合框架型 30814.3.6

案例12——封面型 30814.3.7

案例13——Flash型 30814.4 网站配色应用案例 30814.4.1

案例14——网络购物网站色彩应用 30814.4.2

案例15——游戏网站色彩应用 30914.4.3

案例16——企业门户网站色彩应用 31014.4.4

案例17——时政新闻网站色彩应用 31114.4.5

案例18——影音视频网站色彩应用 31114.4.6

案例19——电子商务网站色彩应用 31214.4.7

案例20——娱乐网站色彩应用 31214.5

实战演练——定位网站页面的框架 31314.6

高手甜点 31414.7 跟我练练手 314第4篇 行业应用案例第15章

行业综合案例1——制作电子商务类网页15.1 整体布局 31815.1.1

设计分析 31815.1.2

排版架构 31815.2 模块组成 31915.3 制作步骤 31915.3.1

样式表 31915.3.2

网页头部 32515.3.3

主体第一通栏 32815.3.4

主体第二通栏 32815.3.5

主体第三通栏 32915.3.6

网页底部 331第16章

行业综合案例2——制作网上音乐类网页16.1 构思布局 33616.1.1

设计分析 33616.1.2

排版架构 33616.2 模块分割 33816.2.1

页头部分 33816.2.2

左侧内容列表 34016.2.3

中间内容列表 34216.2.4

右侧内容列表 34416.2.5

页脚部分 34616.3 整体调整 34616.3.1

页面内容主体调整 34616.3.2

页面整体调整 347第17章

行业综合案例3——制作休闲娱乐类网页17.1 整体布局 35017.1.1

设计分析 35017.1.2

排版架构 35117.2 模块组成 35117.3 制作步骤 35217.3.1

制作样式表 35217.3.2

Logo与导航菜单 35917.3.3

搜索条 35917.3.4

左侧视频模块 36017.3.5

评论模块 36117.3.6

右侧热门推荐 36217.3.7

底部模块 365第18章

行业综合案例4——制作移动设备类网页18.1 网站设计分析 36818.2 网站结构分析 36818.3 网站主页面的制作 36918.4 网站成品预览 370第5篇 全能拓展第19章

增加点击率——网站优化与推广19.1 在网站中添加广告 38019.1.1

网站广告分类 38019.1.2

添加网站广告 38119.2

添加实用查询工具 38219.2.1

添加天气预报 38219.2.2

添加IP查询 38319.2.3

添加万年历 38319.2.4

添加列车时刻查询 38419.3 网站的宣传与推广 38519.3.1

网站宣传实用策略 38519.3.2

利用大众传媒进行推广 38619.3.3

利用网络媒介进行推广 38619.3.4

利用其他形式进行推广 38819.4 实战演练——查看网站的流量 38819.5 高手甜点 39119.6 跟我练练手 391第20章

打造坚实的堡垒——网站安全与防御20.1 网站维护基础知识 39420.1.1

网站的维护与安全 39420.1.2

常见的网站攻击方式 39520.2 网站安全防御策略 39620.2.1

案例1——检测上传文件的安全性 39620.2.2

案例2——设置网站访问权限 39720.3 高手甜点 39920.4 跟我练练手 400