网页设计与前端开发

畅销图书 全新升级 经久不衰的经典教程震撼升级，诠释网页制作的新技术。 实例典型 轻松易学 以实例方式讲解理论知识，直观、具体，有助于快速上手。 边学边做 学以致用 涵盖网页制作中的各类知识，高效解决工作中的实际问题。 配套课件 便于总结 精心配备了课件和案例文件，便于老师教学以及学生复习。 (配套素材文件及PPT课件请扫描封底左侧二维码进入社区，搜索本书书名即可进去资源下载页面)

本书主要内容分为以下7个部分。 ● 部分 网页设计基础与HTM L篇：网页设计基础知识、HTML基础。 ● 第2部分 Dreamweav er CC网页制作篇：Dreamweaver CC创建基本文本网页、创建不错链 接、使用图像和多媒体创建丰富多彩的网页、使用表格布局排版网页、使用模板和库批量制作风格 统一网页、使用行为创建网页、创建动态数据库网页。 ● 第3部分 CSS美化布局网页篇：使用CSS样式表美化网页、CSS属性基础、CSS+Div布局方法。 ● 第4部分 JavaScript网页篇：JavaScript脚本基础、JavaScript中的事件、JavaScript 函数与对象。 ● 第5部分 Flash动画设计篇：Flash绘制图形和编辑对象、使用文本工具创建文字、使用时间 轴与图层、创建基本Flash动画、使用ActionScript制作交互动画、HTM L5创建动画。 ● 第6部分 Photoshop 图像处理篇：Photoshop基础操作、使用绘图工具绘制图像、图层与文本 的使用、设计制作网页中的图像。 ● 第7部分 网站综合案例篇：从综合应用的方面讲述了一个完整建站过程，包括网站规划、设计网站 封面型首页、使用CSS+Div 布局网站主页。

全书由不同行业中的实例组成，操作步骤清晰简明，技术分析深入浅出，实例效果精 美实用。本书还精心配备了PPT电子课件，便于老师课堂教学和学生把握知识要点。

目录 部分 网页设计基础与HTML篇 章 网页设计基础知识 2 1.1  网页基础知识入门 2 1.1.1 认识互联网 2 1.1.2 域名与空间 3 1.1.3 网页与网站 3 1.1.4 静态网页与动态网页 4 1.1.5 网站的类型 4 1.2 网页的基本构成元素 9 1.2.1 网站Logo 9 1.2.2 网站Banner 9 1.2.3 导航栏 10 1.2.4 文本 10 1.2.5 图像 10 1.2.6 Flash动画 11 1.3  网页设计的原则 12 1.4  常用网页设计软件 13 1.4.1 Dreamweaver CC概述 13 1.4.2 Photoshop CC概述 13 1.4.3 Flash CC概述 14 第2章 HTML基础 15 2.1 HTML的基本概念 15 2.1.1 HTML简介 15 2.1.2 HTML文件的基本结构 16 2.1.3 认识HTML标记 16 2.2 HTML文件的编写方法 16 2.2.1 使用记事本手工编写 HTML 16 2.2.2 使用Dreamweave编写 HTML文件 18 2.3 HTML头部标记head 19 2.4 网页的主体标记body 19 2.4.1 网页背景色bgcolor 19 2.4.2 网页背景图片background 20 2.4.3 文字颜色text 21 2.4.4 链接文字属性link 22 第2部分 Dreamweaver CC网页制作篇 第3章 Dreamweaver CC创建基本 文本网页 26 3.1 Dreamweaver CC工作环境 26 3.1.1 菜单栏 27 3.1.2 文档窗口 27 3.1.3 属性面板 28 3.1.4 面板组 28 3.1.5 插入栏 29 3.2 创建站点 29 3.2.1 使用向导建立站点 29 3.2.2 使用高级设置建立站点 32 3.3  添加文本元素 36 3.3.1  在网页中添加文本 36 3.3.2  插入日期 38 3.3.3  插入特殊字符 40 3.3.4 插入水平线 41 3.4  编辑文本格式 44 3.4.1  设置文本字体 44 3.4.2  设置文本大小 45 3.4.3  设置文本颜色 46 3.5  设置头信息 47 3.5.1  设置META 47 3.5.2  插入关键字 47 3.5.3  插入说明 48 3.5.4  插入脚本 48 3.6  实战演练——创建基本文本 网页 49 第4章 创建超级链接 53 4.1 超级链接的基本概念 53 4.2 创建超级链接的方法 53 4.2.1 使用属性面板创建 链接 53 4.2.2 使用指向文件图标创建 链接 54 4.2.3 使用菜单命令创建链接 54 4.3 实战演练 55 4.3.1 实例1——创建外部 链接 55 4.3.2  实例2——创建E-mail 链接 56 4.3.3  实例3——创建下载文 件的链接 58 4.3.4  实例4——创建图像热 点链接 60 4.3.5  实例5——创建脚本链接 63 4.3.6  实例6——创建空链接 65 第5章 使用图像和多媒体创建 丰富多彩的网页 67 5.1 网页中图像的使用常识 67 5.2 在网页中插入图像 68 5.2.1 插入普通图像 68 5.2.2 设置图像的属性 71 5.2.3 裁剪图像 73 5.3 插入其他网页图像 75 5.3.1 背景图像 75 5.3.2 创建鼠标经过图像 77 5.4 添加Flash影片 81 5.5 使用代码提示添加背景音乐 84 5.6 实战演练 87 实例1——创建翻转图像导航 87 实例2——创建图文混排网页 90 第6章 使用表格布局排版网页 94 6.1 插入表格 94 6.1.1 表格的基本概念 94 6.1.2 插入表格 95 6.2 设置表格的各项属性 96 6.2.1 设置表格的属性 96 6.2.2 设置单元格属性 97 6.3 选择表格 98 6.3.1 选择整个表格 98 6.3.2 选取行或列 100 6.3.3 选取单元格 101 6.4  表格的基本操作 102 6.4.1  调整表格高度和宽度 102 6.4.2  添加或删除行或列 103 6.4.3  拆分单元格 105 6.4.4  合并单元格 106 6.4.5  剪切、复制、粘贴 单元格 107 6.5  排序及整理表格内容 108 6.5.1  导入表格式数据 108 6.5.2  排序表格 110 6.6  实战演练 112 6.6.1  实例1——创建细线 表格 112 6.6.2  实例2——创建圆角 表格 116 第7章 使用模板和库批量制作风格 统一的网页 122 7.1 创建模板 122 7.1.1 新建模板 122 7.1.2 从现有文档创建模板 124 7.2 创建可编辑区域 125 7.2.1 插入可编辑区域 125 7.2.2  删除可编辑区域 126 7.2.3 更改可编辑区域 127 7.3 使用模板创建新网页 127 7.4 管理站点中的模板 132 7.4.1 从模板中脱离 132 7.4.2 修改模板 133 7.5 创建与应用库项目 135 7.5.1 创建库项目 135 7.5.2 应用库项目 137 7.5.3 修改库项目 139 7.6 实战演练 141 7.6.1 实例1——创建模板 141 7.6.2 实例2——利用模板 创建网页 150 第8章 使用行为创建特效网页 155 8.1 行为的概述 155 8.1.1 认识事件 156 8.1.2 动作类型 156 8.2  制作指定大小的弹出窗口 157 8.3  调用JavaScript 160 8.3.1  利用JavaScript实现 打印功能 160 8.3.2  利用JavaScript实现 关闭网页 162 8.4  设置浏览器环境 164 8.4.1  检查表单 164 8.4.2  检查插件 166 8.5 对图像设置动作 167 8.5.1  预先载入图像 167 8.5.2  交换图像 169 8.6 设置状态栏文本 172 8.7 转到URL 174 第9章 创建动态数据库网页 177 9.1 搭建服务器平台 177 9.2 设计数据库 182 9.3 建立数据库连接 184 9.3.1 了解DSN 184 9.3.2 定义系统DSN 184 9.4  SQL语言简介 185 9.4.1  SQL语言概述 186 9.4.2  SQL的优点 187 9.5  常用的SQL语句 187 9.5.1  表的建立： CREATE TABLE 187 9.5.2  插入数据： INSERT INTO 188 9.5.3  修改数据：UPDATE 189 9.5.4  删除数据：DELETE 190 9.5.5  SQL查询语句：SELECT 190 第3部分 CSS美化布局网页篇 0章 使用CSS美化网页 194 10.1  了解CSS样式表 194 10.2  CSS的使用 195 10.2.1  CSS基本语法 195 10.2.2  添加CSS的方法 195 10.3  设置CSS属性 197 10.3.1  设置CSS类型属性 197 10.3.2  设置CSS背景属性 198 10.3.3  设置CSS区块属性 198 10.3.4  设置CSS方框属性 199 10.3.5  设置CSS边框属性 200 10.3.6  设置CSS列表属性 200 10.3.7  设置CSS定位属性 201 10.3.8  设置CSS扩展属性 202 10.3.9 设置过渡样式 202 10.4  实战演练 203 10.4.1  实例1——应用CSS 样式定义字体大小 203 10.4.2 实例2——应用CSS 样式制作阴影文字 205 1章 CSS属性基础 209 11.1 字体属性 209 11.1.1 字体font-family 209 11.1.2 字号font-size 210 11.1.3 字体风格font-style 212 11.1.4 字体加粗font-weight 213 11.1.5 字体变形font-variant 214 11.2 段落属性 215 11.2.1 单词间隔 word-spacing 215 11.2.2 字符间隔 letter-spacing 216 11.2.3 文字修饰 text-decoration 217 11.2.4 垂直对齐方式 vertical-align 218 11.2.5 文本转换 text-transform 220 11.2.6 水平对齐方式 text-align 221 11.2.7 文本缩进 text-indent 222 11.2.8 文本行高 line-height 223 11.3 图片样式设置 224 11.3.1 定义图片边框 225 11.3.2 文字环绕图片 227 11.4 背景样式设置 228 11.4.1 设置页面背景颜色 228 11.4.2 定义背景图片 229 11.5  滤镜概述 230 11.5.1 动感模糊 230 11.5.2 对颜色进行透明处理 232 11.5.3 设置阴影 233 2章 CSS+Div布局网页 235 12.1 初识Div 235 12.1.1  Div概述 235 12.1.2  Div与span的区别 236 12.1.3  Div与CSS布局优势 237 12.2 CSS定位 238 12.2.1  盒子模型的概念 238 12.2.2  float定位 238 12.2.3  position定位 240 12.3 CSS布局理念 241 12.3.1  将页面用Div分块 241 12.3.2  设计各块的位置 242 12.3.3  用CSS定位 242 12.4 常见的布局类型 244 12.4.1 一列固定宽度 244 12.4.2 一列自适应 245 12.4.3 两列固定宽度 246 12.4.4 两列宽度自适应 247 12.4.5 两列右列宽度自适应 248 12.4.6 三列浮动中间宽度 自适应 249 第4部分 JavaScript网页特效篇 3章 JavaScript脚本基础 252 13.1  JavaScript简介 252 13.1.1  JavaScript的历史 252 13.1.2  JavaScript特点 253 13.2  JavaScript的放置位置 253 13.2.1