第1章 了解网页设计的基础 11.1 网页的概述 11.1.1网页的基本要素 21.1.2网页的基本术语 31.1.3静态网页和动态网页 61.2 网页编辑器和屏幕分辨率 61.2.1网页编辑器 71.2.2屏幕分辨率 71.3 网站制作的基本流程 81.3.1前期策划 81.3.2收集素材 81.3.3页面的版式和布局分析 81.3.4确定网站的主色调 101.3.5设计页面整体 101.3.6其他页面元素的设计 111.3.7切割和优化页面 111.3.8制作HTML页面 111.3.9测试并上传网站 121.3.10网站的更新与维护 121.4 网页的色彩特效 121.4.1网页色彩的特性 121.4.2网页安全色 131.4.3色彩模式 131.4.4网页配色的基本规则 141.4.5网页配色中的文本颜色 151.4.6网页配色中各元素的关系 161.5 专家支招 161.5.1网页设计师有哪些基本要求 161.5.2建设一个网站都需要准备什么 171.6 总结扩展 171.6.1本章小结 171.6.2举一反三——网页设计师需要的基本素质有哪些 182.1 安装Dreamweaver CC 192.1.1 Dreamweaver CC的系统要求 192.1.2 Dreamweaver CC的安装 19应用案例——安装Dreamweaver CC 202.1.3启动Dreamweaver CC 212.2 Dreamweaver CC新增功能 212.2.1简化的用户界面 222.2.2“新建文档”对话框 222.2.3 Dreamweaver与Creative Cloud云同步 222.2.4全新的“插入”面板 232.2.5全新的“CSS设计器”面板 232.2.6新增HTML5画布插入按钮 232.2.7新增网页结构元素 232.2.8新增HTML5音频和视频插入按钮 242.2.9支持导入Adobe Edge Animate作品 242.2.10新增HTML5表单输入类型 242.2.11新增适用于jQuery Mobile的表单元素 242.2.12 jQuery Widget 252.2.13集成Edge Web Fonts 252.2.14支持全新的平台 252.2.15增强表单元素对HTML5的支持 252.2.16增强FTP 262.3 使用Dreamweaver CC工作区 262.3.1在文档窗口工作 272.3.2使用工具栏、检查器和快捷菜单 292.3.3自定义Dreamweaver工作区 29应用案例——自定义工作区 312.3.4使用键盘快捷键 33应用案例——自定义键盘快捷键 342.3.5添加管理扩展功能 35应用案例——添加扩展功能 352.4 Dreamweaver 工作流程 36 2.5 使用可视化助理布局 372.5.1使用标尺 372.5.2网格的设置 382.5.3使用辅助线 392.5.4使用跟踪图像 402.6 专家支招 412.6.1网页设计的常用尺寸 412.6.2定义不同工作环境的作用 412.7 总结扩展 412.7.1本章小结 412.7.2举一反三——Dreamweaver CC 的卸载 423.1 建立站点 433.1.1方便快捷地建立站点 43应用案例——创建站点 443.1.2设置站点服务器 443.1.3设置站点服务器选项 453.1.4设置版本控制 483.1.5站点的高级设置 493.1.6新建Business Catalyst 站点 523.2 站点管理 533.2.1切换站点 533.2.2“管理站点”对话框 54应用案例——新建并管理站点 553.2.3规划站点结构 55应用案例——设置站点远程服务器 563.3 构建站点结构 573.3.1创建和打开文档 573.3.2管理文件和文件夹 603.3.3重命名和删除文件 603.3.4存回和取出文件 603.3.5同步文件 613.3.6比较文件的差别 623.3.7测试站点 62应用案例——创建站点文件结构 633.4 专家支招 643.4.1什么是本地站点和远程站点 643.4.2如何进行站点的管理 643.5 总结扩展 643.5.1本章小结 653.5.2举一反三——备份站点并导入站点 654.1 HTML的技术介绍 674.1.1认识HTML语言 674.1.2 HTML文档的基本结构 68应用案例——创建简单的HTML页面 694.1.3 HTML标签形式 704.2 常用的重要标签 714.2.1文件结构标签 714.2.2字符格式标签 724.2.3区段格式标签 724.2.4表格标签 734.2.5列表标签 734.2.6链接标签 744.2.7表单标签 744.2.8多媒体标签 75应用案例——为网页添加音乐播放器 754.3 全新的HTML5 764.3.1 HTML 5标签 76应用案例——为网页添加视频 794.3.2全局属性 804.3.3事件属性 814.3.4字符引用 824.4 为文档添加注释 834.5 关于空白和空白字符 844.5.1使用断行符 844.5.2空白字符 854.6 在Dmeamweaver CC中编写HTML 854.6.1认识代码视图 864.6.2使用代码视图 874.6.3代码的折叠 884.6.4选择父标签 884.6.5代码的注释 894.6.6环绕标签 89应用案例——使用“环绕标签”创建超链接 894.7 使用快速标签编辑器 904.7.1使用插入模式的快速标签编辑器 904.7.2使用编辑模式的快速标签编辑器 904.7.3使用环绕模式的快速标签编辑器 914.7.4设置标签编辑器属性 914.8 站点特定代码提示 914.8.1创建配置文件 924.8.2保存站点结构 934.9 优化和清理HTML代码 934.9.1优化HTML代码 934.9.2清理Word生成的HTML代码 94应用案例——清理Word生成的HTML 954.10 使用“代码片段”面板 954.10.1插入代码片段 954.10.2新建代码片段 964.11 HTML与CSS 964.12 HTML与JavaScript 974.12.1什么是JavaScript 974.12.1 JavaScript放在HTML中的位置 974.13 专家支招 984.13.1如何理解HTML的标签、属性和事件 984.13.2英文不好可以学习HTML吗 984.14 总结扩展 994.14.1本章小结 994.14.2举一反三——制作一个简单的广告页面 995.1 设置页面的头部内容 1005.1.1设置标题 1005.1.2 设置META 1015.1.3插入关键字 103应用案例——向页面添加关键字 1035.1.4插入说明 104应用案例——向页面添加说明 1045.1.5插入视口 105应用案例——向页面添加视口 1055.2 设置网页基本属性 1055.2.1设置外观(CSS) 105应用案例——设置页面字体 107应用案例——设置页面外观(CSS) 1085.2.2设置外观(HTML) 109应用案例——设置页面外观(HTML) 1095.2.3设置链接(CSS) 110应用案例——设置页面链接(CSS) 1105.2.4设置标题(CSS) 1115.2.5设置标题/编码 1125.2.6设置跟踪图像 112应用案例——设置页面跟踪图像 1135.3 专家支招 1145.3.1如何手写头部信息 1145.3.2网页基本属性对网页有什么影响 1145.4 总结扩展 1145.4.1本章小结 1155.4.2举一反三——设置网页的头部信息 1156.1 认识CSS样式表 1166.1.1什么是CSS 1166.1.2 CSS的优越性 1176.1.3 CSS样式的类型 1176.1.4 CSS样式的分类 1196.2 使用“CSS设计器”面板 1206.2.1源 1206.2.2 @媒体 1226.2.3选择器 1226.2.4属性 1226.3 关于响应式设计 1236.3.1媒体查询 1236.3.2有用的媒体特性 1246.3.3常见的媒体查询 1266.3.4应用媒体查询的方法 1266.4 创建与编辑CSS样式 1276.4.1建立标签样式 127应用案例——建立标签CSS样式 1276.4.2建立类样式 128应用案例——建立类CSS样式 1286.4.3建立ID样式 129应用案例——建立ID CSS样式 1296.4.4建立复合内容样式 130应用案例——建立复合内容 CSS样式 1306.4.5链接外部样式表 1316.4.6编辑样式 131应用案例——编辑CSS样式 1326.5 在面板中设置CSS样式 1336.5.1布局样式设置 133应用案例——搭建页面布局 1356.5.2文本样式设置 136应用案例——控制页面中的文本 1376.5.3边框样式设置 1386.5.4背景样式设置 139应用案例——使用背景丰富页面 1396.5.5其他样式设置 1406.6 CSS的语法结构 1416.6.1 CSS属性与选择符 1416.6.2选择符的类型 1426.6.3伪类及伪对象