目 录 第1 章 网络与Web基础 1 1.1 Internet基础 2 1.1.1 Internet概述 2 1.1.2 WWW 2 1.1.3 网页与网站 3 1.1.4 TCP/IP协议栈 3 1.1.5 HTTP与HTTPS 4 1.1.6 域名与IP地址 5 1.2 网页设计与制作工具 8 1.2.1 网页编辑工具 8 1.2.2 图形和图像处理工具 9 1.2.3 网站原型设计工具 9 1.3 超文本标记语言HTML5 10 1.3.1 HTML语法结构 10 1.3.2 HTML5简介 11 1.3.3 常见的HTML标签(HTML5标准) 12 小结 16 练习题 16 上机实验 16 第2 章 网站规划 19 2.1 网站规划的流程 20 2.2 网站规划的内容 21 2.2.1 建设网站前的市场分析 21 2.2.2 建设网站的目的及功能定位 21 2.2.3 分析目标客户及潜在客户对站点的需求 22 2.2.4 网站类型 22 2.2.5 网站风格 25 2.2.6 考虑网络的技术问题 27 2.3 网页设计的要点与原则 28 2.4 域名、Web服务器申请及ICP备案 30 2.4.1 域名申请 30 2.4.2 Web服务器的选择 32 2.4.3 ICP备案 32 2.5 网站的测试、发布与维护 34 2.6 网站规划案例 34 小结 37 练习题 38 上机实验 38 第3章 网页设计基础理论 39 3.1 平面设计基础 40 3.1.1 图像类型 40 3.1.2 图像分辨率 41 3.1.3 图像文件格式 41 3.1.4 图像设计的分类 41 3.2 色彩的应用 45 3.2.1 色彩模式 45 3.2.2 应用色彩 48 3.2.3 配色方案的应用实例 50 3.3 网页设计的构图 54 3.3.1 构图概述 54 3.3.2 构图范例欣赏 58 3.4 网页设计的流程 60 3.4.1 网页策划 60 3.4.2 设计网页原型图 61 3.4.3 设计网页效果图 62 3.4.4 网页设计实例——嘟嘟甜品网站设计 62 3.4.5 网页设计实例——海派婚纱网站设计 67 小结 70 练习题 70 上机实验 70 第4章 Axure RP原型设计 73 4.1 原型设计基础 74 4.1.1 原型设计概念 74 4.1.2 Axure RP简介 74 4.2 Axure RP的工作界面 77 4.3 Axure RP软件操作基础 83 4.4 Axure RP预览、发布与生成 88 4.5 Axure RP交互制作 90 4.5.1 交互事件与交互样式 90 4.5.2 交互事件动作介绍 96 4.6 Axure RP综合实例操作 103 小结 108 练习题 108 上机实验 108 第5章 利用Photoshop设计网页 115 5.1 Photoshop CC简介 116 5.2 Photoshop CC的工作界面 119 5.3 Photoshop CC基本应用 121 5.3.1 Photoshop CC基本操作 121 5.3.2 Photoshop CC常用工具详解 126 5.3.3 Photoshop CC功能介绍 136 5.3.4 Photoshop CC文件的存储格式 137 5.4 Photoshop CC网页设计 137 5.4.1 网页设计的组成与规范 137 5.4.2 网页设计 139 小结 147 练习题 147 上机实验 147 第6章 创建站点 153 6.1 Dreamweaver CC 2019简介 154 6.2 Dreamweaver CC 2019工作界面简介 155 6.3 定义本地站点 157 6.3.1 创建站点 158 6.3.2 管理站点 161 6.3.3 创建网页 162 小结 164 练习题 164 上机实验 164 第7章 制作页面 167 7.1 实例导入：中国传统节日——端午节 168 7.2 页面属性的设置 169 7.3 文本的修饰 170 7.3.1 输入文本 171 7.3.2 文本属性的设置 172 7.3.3 段落格式的设置 174 7.3.4 列表格式的设置 175 7.3.5 滚动文本 176 7.4 设置超链接 177 7.4.1 URL地址 177 7.4.2 超链接的分类 177 7.4.3 选择链接目标 180 7.5 制作包含超链接的纯文本网站 180 7.6 使用图像 184 7.6.1 插入图像 185 7.6.2 设置图像属性 185 7.6.3 制作翻转图像 186 7.6.4 制作图像映射 187 7.7 插入Flash动画与Flash视频 188 7.7.1 插入Flash动画 188 7.7.2 插入Flash Video 189 7.8 插入HTML5音频与HTML5视频 191 7.8.1 插入HTML5音频 191 7.8.2 插入HTML5视频 191 7.9 使用表格布局网页 193 7.9.1 插入表格和编辑表格 193 7.9.2 表格及单元格属性的设置 196 7.9.3 使用表格布局网页 198 小结 200 练习题 201 上机实验 201 第8章 CSS+DIV页面布局技术 203 8.1 实例导入：利用CSS+DIV完成西京小学网站 204 8.2 网页版面布局概述 205 8.3 CSS的简单应用 207 8.4 定义CSS 209 8.4.1 CSS概述 209 8.4.2 在Dreamweaver中定义CSS 211 8.5 利用CSS美化网页 213 8.5.1 背景样式的应用 214 8.5.2 文本及列表样式的应用 215 8.5.3 方框和边框样式的应用 217 8.5.4 动态链接样式的应用 218 8.5.5 CSS3的应用 220 8.6 利用CSS＋DIV进行 网页布局 223 小结 226 练习题 226 上机实验 226 第9章 使用表单 231 9.1 实例导入：利用表单创建用户信息注册表 232 9.2 创建表单 233 9.3 插入表单对象 234 9.3.1 表单网页的布局 234 9.3.2 插入和编辑表单对象 235 9.4 制作用户注册表 240 9.5 验证表单 243 小结 244 练习题 244 上机实验 244 第10章 模板与库的应用 249 10.1 实例导入：利用模板生成站点 250 10.2 模板的创建和编辑 250 10.2.1 创建模板 251 10.2.2 编辑模板 252 10.3 模板的应用和更新 253 10.3.1 模板的应用 253 10.3.2 更新模板 254 10.4 使用库 255 10.4.1 创建库 255 10.4.2 应用库 256 10.4.3 修改库 256 10.5 实例：利用模板和库生成站点的过程 257 小结 262 练习题 262 上机实验 262 第11章 响应式网页设计 267 11.1 实例导入：利用Bootstrap完成西度科技网站 268 11.2 初识响应式网页设计 268 11.2.1 响应式网页设计的优势 268 11.2.2 响应式网页设计的理念 269 11.2.3 发展趋势及主流开发框架 270 11.2.4 主流的响应式网站测试工具 272 11.3 Bootstrap响应式布局 273 11.3.1 Bootstrap简介 273 11.3.2 Bootstrap网格系统及组件 275 11.3.3 基于Bootstrap搭建响应式布局网站 282 11.4 jQuery在Dreamweaver中的应用 288 11.4.1 jQuery简介 288 11.4.2 应用Dreamweaver内置的行为 289 11.4.3 使用Dreamweaver自带的jQuery效果 292 11.4.4 使用jQuery Mobile创建适用于移动设备的Web应用程序 293 11.4.5 插入jQuery Widget 297 小结 299 练习题 299 上机实验 299 参考文献 303