Dreamweaver CC网页设计实战从入门到精通-(视频教学版)

目录 第1篇 基础知识 第1章　开启网页设计之路——网页设计与制作基础 1.1 认识网页和网站 4 1.1.1　什么是网页 4 1.1.2　什么是网站 5 1.1.3　网站的种类和特点 5 1.2 网页的相关概念 6 1.2.1　因特网与万维网 6 1.2.2　浏览器与HTML 6 1.2.3　URL、域名与IP地址 7 1.2.4　上传和下载 8 1.3 网页的HTML构成 8 1.3.1　文档标签 9 1.3.2　头部标签 9 1.3.3　主体标签 9 1.4 HTML常用标签 9 1.5 实战演练——制作日程表 21 1.6 高手甜点 25 1.7 跟我练练手 26 第2章　磨刀不误砍柴工——认识Dreamweaver CC7 2.1 走进Dreamweaver CC 28 2.1.1　案例1——安装Dreamweaver CC 28 2.1.2　案例2——启动Dreamweaver CC 29 2.2 Dreamweaver CC的工作环境 30 2.2.1　认识Dreamweaver CC的工作界面 30 2.2.2　熟悉【插入】面板组 32 2.3 体验Dreamweaver CC的新增功能 34 2.4 认识站点 36 2.5 创建站点 36 2.5.1　案例3——创建本地站点 37 2.5.2　案例4——创建远程站点 37 2.6 管理站点 38 2.6.1　案例5——打开站点 38 2.6.2　案例6——编辑站点 39 2.6.3　案例7——删除站点 39 2.6.4　案例8——复制站点 40 2.7 操作站点文件及文件夹 40 2.7.1　案例9——创建文件夹 40 2.7.2　案例10——创建文件 41 2.7.3　案例11——文件或文件夹的移动和复制 41 2.7.4　案例12——删除文件或文件夹 42 2.8 实战演练1——创建本地站点 42 2.9 实战演练2——创建站点文件和文件夹 43 2.10 高手甜点 45 2.11 跟我练练手 46 第3章　网页内容之美——创建网页中的文本 3.1 网页设计的基本操作 48 3.1.1　案例1——新建网页 48 3.1.2　案例2——保存网页 48 3.1.3　案例3——打开网页 49 3.1.4　案例4——预览网页 49 3.2 设置页面属性 50 3.3 用文字充实网页 54 3.3.1　案例5——插入文字 54 3.3.2　案例6——设置字体 55 3.3.3　案例7——设置字号 57 3.3.4　案例8——设置字体颜色 57 3.3.5　案例9——设置字体样式 58 3.3.6　案例10——编辑段落 59 3.3.7　案例11——检查拼写 64 3.3.8　案例12——创建项目列表 65 3.4 特殊文本的操作 67 3.4.1　案例13——插入换行符 67 3.4.2　案例14——插入水平线 67 3.4.3　案例15——插入日期 68 3.4.4　案例16——插入特殊字符 69 3.4.5　案例17——插入注释 70 3.5 实战演练——设置主页中的跟踪图像 71 3.6 高手甜点 73 3.7 跟我练练手 74 第2篇 核心技术 第4章　有图有真相——使用图像和多媒体 4.1 选择适合网页中图像的格式 78 4.2 用图像美化网页 79 4.2.1　案例1——插入图像 79 4.2.2　案例2——图像属性设置 80 4.2.3　案例3——图像的对齐方式 82 4.2.4　案例4——插入鼠标经过图像 83 4.2.5　案例5——插入图像占位符 84 4.3 在网页中插入多媒体 85 4.3.1　案例6——插入背景音乐 85 4.3.2　案例7——插入Flash动画 86 4.3.3　案例8——插入FLV 87 4.3.4　案例9——插入HTML5音频 88 4.3.5　案例10——插入HTML5视频 89 4.4　实战演练——制作图文并茂的网页 90 4.5 高手甜点 92 4.6 跟我练练手 92 第5章　Web新面孔——HTML5新增元素与属性速览 5.1 新增的主体结构元素 94 5.1.1　案例1——section元素 94 5.1.2　案例2——article元素 94 5.1.3　案例3——aside元素 97 5.1.4　案例4——nav元素 98 5.1.5　案例5——time元素 100 5.2 新增的非主体结构元素 101 5.2.1　案例6——header元素 101 5.2.2　案例7——hgroup元素 102 5.2.3　案例8——footer元素 103 5.2.4　案例9——figure元素 104 5.2.5　案例10——address元素 105 5.3 新增其他常用元素 107 5.3.1　案例11——mark元素 107 5.3.2　案例12——rp、rt与ruby元素 107 5.3.3　案例13——progress元素 108 5.3.4　案例14——command元素 109 5.3.5　案例15——embed元素 109 5.3.6　案例16——details与summary元素 110 5.3.7　案例17——datalist元素 110 5.4 新增的全局属性 111 5.4.1　案例18——content Editable属性 111 5.4.2　案例19——spellcheck属性 112 5.4.3　案例20——tabIndex属性 112 5.5 新增的其他属性与废除的属性 114 5.5.1　案例21——表单相关的属性 114 5.5.2　案例22——链接相关属性 119 5.5.3　案例23——其他新增属性 121 5.5.4　案例24——HTML5废除的属性 121 5.6 实战演练——制作HTML5的网页 123 5.7 高手甜点 125 5.8 跟我练练手 126 第6章　不在网页中迷路——设计网页超链接 6.1 链接与路径 128 6.1.1　链接的概念 128 6.1.2　链接的路径 128 6.1.3　链接的类型 129 6.2 添加网页超链接 130 6.2.1　案例1——添加文本链接 130 6.2.2　案例2——添加图像链接 131 6.2.3　案例3——创建外部链接 132 6.2.4　案例4——创建锚记链接 132 6.2.5　案例5——创建图像热点链接 133 6.2.6　案例6——创建电子邮件链接 134 6.2.7　案例7——创建下载文件的链接 135 6.2.8　案例8——创建空链接 136 6.2.9　案例9——创建脚本链接 136 6.2.10 案例10——链接的检查 137 6.3 实战演练——为企业网站添加友情链接 138 6.4 高手甜点 139 6.5 跟我练练手 139 第7章　简单的网页布局——表格的应用 7.1 插入表格 142 7.2 选择表格 143 7.2.1　案例1——选择完整的表格 143 7.2.2　案例2——选择行和列 144 7.2.3　案例3——选择单元格 144 7.3 表格属性 145 7.3.1　案例4——设置单元格属性 145 7.3.2　案例5——设置整个表格属性 146 7.4 操作表格 147 7.4.1　案例6——调整大小 147 7.4.2　案例7——增加行、列 147 7.4.3　案例8——删除行、列 149 7.4.4　案例9——剪切、复制和粘贴单元格 149 7.4.5　案例10——合并和拆分单元格 150 7.5　操作表格数据 151 7.5.1　案例11——向表格中输入文本 151 7.5.2　案例12——向表格中插入图像 151 7.5.3　案例13——表格数据的排序 152 7.5.4　案例14——导入表格数据 153 7.5.5　案例15——导出表格数据 153 7.6 实战演练——使用表格布局网页 154 7.7 高手甜点 157 7.8 跟我练练手 158 第8章　让网页互动起来——使用网页表单和行为 8.1 认识表单 160 8.2 在网页中插入表单元素 160 8.2.1　案例1——插入表单域 161 8.2.2　案例2——插入文本域 161 8.2.3　案例3——插入密码域 163 8.3 在网页中插入复选框和单选按钮 164 8.3.1　案例4——插入复选框 164 8.3.2　案例5——插入单选按钮 165 8.4 制作网页菜单和列表 165 8.4.1　案例6——插入下拉菜单 165 8.4.2　案例7——插入滚动列表 166 8.5 在网页中插入按钮 167 8.5.1　案例8——插入按钮 167 8.5.2　案例9——插入图像按钮 167 8.6 插入文件上传域 168 8.7 添加网页行为 169 8.7.1　案例10——打开【行为】面板 169 8.7.2　案例11——添加行为 170 8.8 常用行为的应用 170 8.8.1　案例12——交换图像 171 8.8.2　案例13——弹出信息 172 8.8.3　案例14——打开浏览器窗口 173 8.8.4　案例15——检查表单行为 175 8.8.5　案例16——设置状态栏文本 177 8.9 实战演练——使用表单制作留言本 178 8.10 高手甜点 181 8.11 跟我练练手 182 第9章　批量制作风格统一的网页——使用模板和库 9.1 创建模板 184 9.1.1　案例1——在空白文档中创建模板 184 9.1.2　案例2——在【资源】面板中创建模板 184 9.1.3　案例3——从现有文档创建模板 185 9.1.4　案例4——创建可编辑区域 186 9.2 管理模板 187 9.2.1　案例5——从模板中分离文档 187 9.2.2　案例6——更新模板及基于模板的网页 188 9.3 库概述 189 9.4 库的创建、管理与应用 190 9.4.1　案例7——创建库项目 190 9.4.2　案例8——库项目的应用 191 9.4.3　案例9——编辑库项目 192 9.5 实战演练——创建基于模板的页面 194 9.6　高手甜点 196 9.7　跟我练练手 196 第3篇 高级应用 第10章　读懂样式表密码——使用CSS样式表美化网页 10.1 初识CSS 200 10.1.1　CSS概述 200 10.1.2　CSS的作用 200 10.1.3　基本CSS语法 201 10.1.4　案例1——使用Dreamweaver CC 编写CSS 201 10.2 使用CSS的方法 203 10.2.1　案例2——行内样式 203 10.2.2　案例3——内嵌样式 203 10.2.3　案例4——链接样式 204 10.2.4　案例5——导入样式 205 10.2.5　案例6——优先级问题 206 10.3 使用CSS样式美化网页 208 10.3.1　案例7——使用字体样式美化文字 208 10.3.2　案例8——使用文本样式美化文本 212 10.3.3　案例9——使用背景样式美化背景 215 10.3.4　案例10——使用链接样式美化链接 218 10.3.5　案例11——使用列表样式美化列表 219 10.3.6　案例12——使用区块样式美化区块 221 10.3.7　案例13——使用宽高样式设定宽高 222 10.3.8　案例14——使用边框样式美化边框 223 10.4 实战演练——设定网页中链接样式 225 10.5 高手甜点 228 10.6 跟我练练手 228 第11章　架构师的大比拼——网页布局典型范例 11.1 使用CSS排版 230 11.1.1　案例1——将页面用DIV分块 230 11.1.2　案例2——设置各块位置 230 11.1.3　案例3——用CSS定位 230 11.2 固定宽度网页剖析与布局 233 11.2.1　案例4——网页单列布局模式 233 11.2.2　案例5——网页1-2-1型布局模式 237 11.2.3　案例6——网页1-3-1型布局模式 240 11.3 自动缩放网页1-2-1型布局模式 244 11.3.1　案例7——“1-2-1”等比例变宽布局 244 11.3.2　案例8——“1-2-1”单列变宽布局 245 11.4 自动缩放网页1-3-1型布局模式 246 11.4.1　案例9——“1-3-1”三列宽度等比例布局 246 11.4.2　案例10——“1-3-1”单侧列宽度固定的 变宽布局 246 11.4.3　案例11——“1-3-1”中间列宽度固定的 变宽布局 249 11.4.4　案例12——“1-3-1”双侧列宽度固定的 变宽布局 252 11.4.5　案例13——“1-3-1”中列和侧列宽度 固定的变宽布局 255 11.5 实战演练——使用CSS设定网页布局 列的背景色 258 11.6 高手甜点 259 11.7 跟我练练手 260 第12章　让网页更绚丽——在网页中编写JavaScript 12.1 认识JavaScript 262 12.1.1　什么是JavaScript 262 12.1.2　JavaScript的特点 262 12.2 JavaScript 在HTML中的使用 263 12.2.1　案例1——在HTML网页头中嵌入 JavaScript代码 263 12.2.2　案例2——在HTML网页中嵌入 JavaScript代码 264 12.2.3　案例3——在HTML网页的元素事件中嵌 入JavaScript代码 265 12.2.4　案例4——在HTML中调用已经存在的 JavaScript文件 266 12.2.5　案例5——通过JavaScript伪URL引入 JavaScript脚本代码 267 12.3　JavaScript的基本语法 268 12.3.1　执行顺序 268 12.3.2　区分大小写 268 12.3.3　分号与空格 268 12.3.4　对代码行进行折行 269 12.3.5　案例6——注释 269 12.4 JavaScript 的数据结构 270 12.4.1　标识符 270 12.4.2　关键字 271 12.4.3　保留字 271 12.4.4　常量 272 12.4.5　变量 272 12.5　案例7——使用函数 274 12.6 JavaScript的常用事件 275 12.6.1　案例8——页面事件 275 12.6.2　案例9——鼠标事件 276 12.6.3　案例10——键盘事件 277 12.6.4　案例11——表单处理事件 279 12.7 实战演练——使用事件动态改变图片 的焦点 281 12.8 高手甜点 282 12.9 跟我练练手 282 第13章　让别人浏览我的成果——网站的发布 13.1　上传网站前的准备工作 284 13.1.1　注册域名 284 13.1.2　申请空间 285 13.2 测试网站 286 13.2.1　案例1——测试站点范围的链接 286 13.2.2　案例2——改变站点范围的链接 286 13.2.3　案例3——查找和替换 287 13.2.4　案例4——清理文档 288 13.3 上传网站 289 13.3.1　案例5——使用Dreamweaver CC上传网站 289 13.3.2　案例6——使用FTP工具上传网站 290 13.4 高手甜点 292 13.5 跟我练练手 293 第14章　整体把握网站结构——网站配色与布局 14.1　善用色彩设计网页 296 14.1.1　认识色彩 296 14.1.2　案例1——网页上的色彩处理 297 14.2 网页色彩的搭配 300 14.2.1　案例2——确定网站的主题色 300 14.2.2　案例3——网页色彩搭配原理 301 14.2.3　案例4——网页中色彩的搭配 303 14.2.4　案例5——网页元素的色彩搭配 304 14.2.5　案例6——网页色彩搭配的技巧 305 14.3 布局网站板块结构 306 14.3.1　案例7——“国”字型 307 14.3.2　案例8——标题正文型 307 14.3.3　案例9——左右框架型 307 14.3.4　案例10——上下框架型 307 14.3.5　案例11——综合框架型 308 14.3.6　案例12——封面型 308 14.3.7　案例13——Flash型 308 14.4 网站配色应用案例 308 14.4.1　案例14——网络购物网站色彩应用 308 14.4.2　案例15——游戏网站色彩应用 309 14.4.3　案例16——企业门户网站色彩应用 310 14.4.4　案例17——时政新闻网站色彩应用 311 14.4.5　案例18——影音视频网站色彩应用 311 14.4.6　案例19——电子商务网站色彩应用 312 14.4.7　案例20——娱乐网站色彩应用 312 14.5　实战演练——定位网站页面的框架 313 14.6　高手甜点 314 14.7 跟我练练手 314 第4篇 行业应用案例 第15章　行业综合案例1——制作电子商务类网页 15.1 整体布局 318 15.1.1　设计分析 318 15.1.2　排版架构 318 15.2 模块组成 319 15.3 制作步骤 319 15.3.1　样式表 319 15.3.2　网页头部 325 15.3.3　主体**通栏 328 15.3.4　主体第二通栏 328 15.3.5　主体第三通栏 329 15.3.6　网页底部 331 第16章　行业综合案例2——制作网上音乐类网页 16.1 构思布局 336 16.1.1　设计分析 336 16.1.2　排版架构 336 16.2 模块分割 338 16.2.1　页头部分 338 16.2.2　左侧内容列表 340 16.2.3　中间内容列表 342 16.2.4　右侧内容列表 344 16.2.5　页脚部分 346 16.3 整体调整 346 16.3.1　页面内容主体调整 346 16.3.2　页面整体调整 347 第17章　行业综合案例3——制作休闲娱乐类网页 17.1 整体布局 350 17.1.1　设计分析 350 17.1.2　排版架构 351 17.2 模块组成 351 17.3 制作步骤 352 17.3.1　制作样式表 352 17.3.2　Logo与导航菜单 359 17.3.3　搜索条 359 17.3.4　左侧视频模块 360 17.3.5　评论模块 361 17.3.6　右侧热门推荐 362 17.3.7　底部模块 365 第18章　行业综合案例4——制作移动设备类网页 18.1 网站设计分析 368 18.2 网站结构分析 368 18.3 网站主页面的制作 369 18.4 网站成品预览 370 第5篇 全能拓展 第19章　增加点击率——网站优化与推广 19.1 在网站中添加广告 380 19.1.1　网站广告分类 380 19.1.2　添加网站广告 381 19.2　添加实用查询工具 382 19.2.1　添加天气预报 382 19.2.2　添加IP查询 383 19.2.3　添加万年历 383 19.2.4　添加列车时刻查询 384 19.3 网站的宣传与推广 385 19.3.1　网站宣传实用策略 385 19.3.2　利用大众传媒进行推广 386 19.3.3　利用网络媒介进行推广 386 19.3.4　利用其他形式进行推广 388 19.4 实战演练——查看网站的流量 388 19.5 高手甜点 391 19.6 跟我练练手 391 第20章　打造坚实的堡垒——网站安全与防御 20.1 网站维护基础知识 394 20.1.1　网站的维护与安全 394 20.1.2　常见的网站攻击方式 395 20.2 网站安全防御策略 396 20.2.1　案例1——检测上传文件的安全性 396 20.2.2　案例2——设置网站访问权限 397 20.3 高手甜点 399 20.4 跟我练练手 400