网页设计与前端开发从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript

本书主要内容

本书主要特色

本书读者对象

第1部分 网页设计基础与HTML篇

1 网页设计基础知识

1.1 网页基础知识入门
1.1.1 认识互联网
1.1.2 域名与空间
1.1.3 网页与网站
1.1.4 静态网页与动态网页
1.1.5 网站的类型
1.2 网页的基本构成元素
1.2.2 网站Banner
1.2.3 导航栏
1.2.4 文本
1.2.5 图像
1.2.6 Flash动画
1.3 网页设计的原则
1.4 常用网页设计软件
1.4.1 Dreamweaver CC概述
1.4.2 Photoshop CC概述
1.4.3 Flash CC概述

2 HTML基础

2.1 HTML的基本概念
2.1.1 HTML简介
2.1.2 HTML文件的基本结构
2.1.3 认识HTML标记
2.2 HTML文件的编写方法
2.2.1 使用记事本手工编写HTML
2.2.2 使用Dreamweaver编写HTML文件
2.3 HTML头部标记head
2.4 网页的主体标记body
2.4.1 网页背景色bgcolor
2.4.2 网页背景图片background
2.4.3 文字颜色text

第2部分 Dreamweaver CC网页制作篇

3 Dreamweaver CC创建基本文本网页

3.1 Dreamweaver CC工作环境
3.1.1 菜单栏
3.1.2 文档窗口
3.1.3 属性面板
3.1.4 面板组
3.1.5 插入栏
3.2 创建站点
3.2.1 使用向导建立站点
3.2.2 使用高级设置建立站点
3.3 添加文本元素
3.3.1 在网页中添加文本
3.3.2 插入日期
3.3.3 插入特殊字符
3.3.4 插入水平线
3.4 编辑文本格式
3.4.1 设置文本字体
3.4.2 设置文本大小
3.4.3 设置文本颜色
3.5 设置头信息
3.5.1 设置META
3.5.2 插入关键字
3.5.3 插入说明
3.5.4 插入脚本
3.6 实战演练——创建基本文本网页

4 创建超级链接

4.1 超级链接的基本概念
4.2 创建超级链接的方法
4.2.1 使用属性面板创建链接
4.2.2 使用指向文件图标创建链接
4.2.3 使用菜单命令创建链接
4.3 实战演练
4.3.1 实例1——创建外部链接
4.3.2 实例2——创建E-mail链接
4.3.3 实例3——创建下载文件的链接
4.3.4 实例4——创建图像热点链接
4.3.5 实例5——创建脚本链接
4.3.6 实例6——创建空链接

5 使用图像和多媒体创建丰富多彩的网页

5.1 网页中图像的使用常识
5.2 在网页中插入图像
5.2.1 插入普通图像
5.2.2 设置图像的属性
5.2.3 裁剪图像
5.3 插入其他网页图像
5.3.1 背景图像
5.3.2 创建鼠标经过图像
5.4 添加Flash影片
5.5 使用代码提示添加背景音乐
5.6 实战演练
实例1——创建翻转图像导航
实例2——创建图文混排网页

6 使用表格布局排版网页

6.1 插入表格
6.1.1 表格的基本概念
6.1.2 插入表格
6.2 设置表格的各项属性
6.2.1 设置表格的属性
6.2.2 设置单元格属性
6.3 选择表格
6.3.1 选择整个表格
6.3.2 选取行或列
6.3.3 选取单元格
6.4 表格的基本操作
6.4.1 调整表格高度和宽度
6.4.2 添加或删除行或列
6.4.3 拆分单元格
6.4.4 合并单元格
6.4.5 剪切、复制、粘贴单元格
6.5 排序及整理表格内容
6.5.1 导入表格式数据
6.5.2 排序表格
6.6 实战演练
6.6.1 实例1——创建细线表格
6.6.2 实例2——创建圆角表格

7 使用模板和库批量制作风格统一的网页

7.1 创建模板
7.1.1新建模板
7.1.2 从现有文档创建模板
7.2 创建可编辑区域
7.2.1 插入可编辑区域
7.2.2 删除可编辑区域
7.2.3 更改可编辑区域
7.3 使用模板创建新网页
7.4 管理站点中的模板
7.4.1 从模板中分离
7.4.2 修改模板
7.5 创建与应用库项目
7.5.1 创建库项目
7.5.2 应用库项目
7.5.3 修改库项目
7.6 实战演练
7.6.1 实例1——创建模板
7.6.2 实例2——利用模板创建网页

8 使用行为创建特效网页

8.1 行为的概述
8.1.1 认识事件
8.1.2 动作类型
8.2 制作指定大小的弹出窗口
8.3 调用JavaScript
8.3.1 利用JavaScript实现打印功能
8.3.2 利用JavaScript实现关闭网页
8.4 设置浏览器环境
8.4.1 检查表单
8.4.2 检查插件
8.5 对图像设置动作
8.5.1 预先载入图像
8.5.2 交换图像
8.6 设置状态栏文本
8.7 转到URL

9 创建动态数据库网页

9.1 搭建服务器平台
IIS的安装
9.2 设计数据库
9.3 建立数据库连接
9.3.1 了解DSN
9.3.2 定义系统DSN
9.4 SQL语言简介
9.4.1 SQL语言概述
9.4.2 SQL的优点
9.5 常用的SQL语句
9.5.1 表的建立：CREATE TABLE
9.5.2 插入数据：INSERT INTO
9.5.3 修改数据：UPDATE
9.5.4 删除数据：DELETE
9.5.5 SQL查询语句：SELECT

第3部分 CSS美化布局网页篇

10 使用CSS美化网页

10.1 了解CSS样式表
10.2 CSS的使用
10.2.1 CSS基本语法
10.2.2 添加CSS的方法
10.3 设置CSS属性
10.3.1 设置CSS类型属性
10.3.2 设置CSS背景属性
10.3.3 设置CSS区块属性
10.3.4 设置CSS方框属性
10.3.5 设置CSS边框属性
10.3.6 设置CSS列表属性
10.3.7 设置CSS定位属性
10.3.8 设置CSS扩展属性
10.3.9 设置过渡样式
10.4 实战演练
10.4.1 实例1——应用CSS样式定义字体大小
10.4.2 实例2——应用CSS样式制作阴影文字

11 CSS属性基础

11.1 字体属性
11.1.1 字体font-family
11.1.2 字号font-size
11.1.3 字体风格font-style
11.1.4 字体加粗font-weight
11.1.5 字体变形font-variant
11.2 段落属性
11.2.1 单词间隔word-spacing
11.2.2 字符间隔letter-spacing
11.2.3 文字修饰text-decoration
11.2.4 垂直对齐方式vertical-align
11.2.5 文本转换text-transform
11.2.6 水平对齐方式text-align
11.2.7 文本缩进text-indent
11.2.8 文本行高line-height
11.3 图片样式设置
11.3.1 定义图片边框
11.3.2 文字环绕图片
11.4 背景样式设置
11.4.1 设置页面背景颜色
11.4.2 定义背景图片
11.5 滤镜概述
11.5.1 动感模糊
11.5.2 对颜色进行透明处理
11.5.3 设置阴影

12 CSS+Div布局网页

12.1 初识Div
12.1.1 Div概述
12.1.2 Div与span的区别
12.1.3 Div与CSS布局优势
12.2 CSS定位
12.2.1 盒子模型的概念
12.2.2 float定位
12.2.3 position定位
12.3 CSS布局理念
12.3.1 将页面用Div分块
12.3.2 设计各块的位置
12.3.3 用CSS定位
12.4 常见的布局类型
12.4.1 一列固定宽度
12.4.2 一列自适应
12.4.3 两列固定宽度
12.4.4 两列宽度自适应
12.4.5 两列右列宽度自适应
12.4.6 三列浮动中间宽度自适应

第4部分 JavaScript网页特效篇

13 JavaScript脚本基础

13.1 JavaScript简介
13.1.1 JavaScript的历史
13.1.2 JavaScript特点
13.2 JavaScript的放置位置
13.2.1 < script/>使用方法
13.2.2 位于网页之外的单独脚本文件
13.2.3 直接位于事件处理部分的代码中
13.3 JavaScript基本语法
13.3.1 常量和变量
13.3.2 表达式和运算符
13.3.3 基本语句
13.3.4 函数

14 JavaScript中的事件

14.1 onClick事件
14.2 onChange事件
14.3 onSelect事件
14.4 onFocus事件
14.5 onLoad事件
14.6 onBlur事件
14.7 onMouseOver事件
14.8 onMouseOut事件
14.9 onDblClick事件
14.10 其他常用事件

15 JavaScript函数和对象

15.1 什么是函数
15.2 函数的定义
15.2.1 函数的普通定义方式
15.2.2 函数的变量定义方式
15.2.3 函数的指针调用方式
15.3 JavaScript对象的声明和引用
15.3.1 声明和实例化
15.3.2 对象的引用
15.4 浏览器对象
15.4.1 navigator对象
15.4.2 windows对象
15.4.3 location对象
15.4.4 history对象
15.4.5 document对象
15.5 内置对象
15.5.1 date对象
15.5.2 数学对象math
15.5.3 字符串对象string
15.5.4 数组对象array

第5部分 Flash动画设计篇

16 绘制图形和编辑对象

16.1 Flash概述
16.2 Flash CC工作界面
16.2.1 菜单栏
16.2.2 工具箱
16.2.3 时间轴面板
16.2.4 舞台
16.2.5 属性面板
16.2.6 面板组
16.3 绘制图形对象
16.3.1 线条工具
16.3.2 铅笔工具
16.3.3 钢笔工具
16.3.4 椭圆工具
16.3.5 矩形工具
16.3.6 多角星形工具
16.4 填充图形对象
16.4.1 墨水瓶工具
16.4.2 颜料桶工具
16.4.3 滴管工具
16.4.4 刷子工具
16.4.5 渐变变形工具
16.5 对象的基本操作
16.5.1 使用选择工具选择对象
16.5.2 使用套索工具选择对象
16.5.3 移动、复制和删除对象
16.6 实战演练—绘制网页标志

17 使用文本工具创建文字

17.1 使用文本工具
17.1.1 静态文本
17.1.2 动态文本
17.1.3 输入文本
17.2 设置文本样式
17.2.1 消除文本锯齿
17.2.2 设置文字属性
17.2.3 创建文字链接
17.2.4 分离与打散文字
17.3 对文本使用滤镜效果
17.3.1 给文本添加滤镜
17.3.2 设置滤镜效果
17.4 实战演练——制作立体文字

18 使用时间轴与图层

18.1 时间轴与帧
18.1.1 时间轴
18.1.2 帧
18.2 图层概述
18.2.1 图层的类型
18.2.2 创建图层和图层文件夹
18.2.3 修改图层属性
18.2.4 编辑图层
18.3 使用引导层
18.3.1 引导层动画创建方法和技巧
18.3.2 创建引导层动画实例
18.4 使用遮罩层
18.4.1 遮罩层动画创建方法和技巧
18.4.2 利用遮罩层创建滚动图片效果
18.5 实战演练——利用遮罩层制作动画

19 创建基本Flash动画

19.1 动画的基本类型
19.2 利用逐帧动画制作圣诞贺卡
19.3 创建动画补间动画
19.3.1 动画补间动画的创建方法和技巧
19.3.2 利用动画补间创建对象的缩放与淡出效果
19.3.3 利用动画补间创建对象的旋转与颜色变化效果
19.4 创建形状补间动画
形状补间动画的创建方法和技巧
19.5 制作带音效的按钮

20 使用ActionScript制作交互动画

20.1 ActionScript简介
20.2 ActionScript基础
20.2.1 ActionScript中的相关术语
20.2.2 ActionScript 3.0基本语法
20.3 常用ActionScript语句
20.3.1 for循环
20.3.2 while和do while循环
20.3.3 if语句
20.3.4 特殊条件判断
20.4 ActionScript的编辑环境
20.5 实战演练
实例1——stop和play语句
实例2——制作下雪效果

21 HTML5动画

21.1 HTML 5简介
21.1.1 HTML5基础
21.1.2 向后兼容
21.1.3 更加简化
21.1.4 HTML 5语法中的三个要点
21.2 新增的主体结构元素
21.2.1 实例应用——article元素
21.2.2 实例应用——section元素
21.2.3 实例应用——nav元素
21.2.4 aside元素
21.3 canvas元素
21.3.1 绘制矩形
21.3.2 绘画对角线
21.4 实战演练——利用HTML5制作3D爱心动画

第6部分 Photoshop CC图像处理篇

22 Photoshop基础操作

22.1 Photoshop CC工作界面
22.1.1 菜单栏
22.1.2 工具箱及工具选项栏
22.1.3 文档窗口及状态栏
22.1.4 面板组
22.2 快速调整图像
22.2.1 调整图像大小
22.2.2 使用色阶命令美化图像
22.2.3 使用曲线命令美化图像
22.2.4 调整图像亮度与对比度
22.2.5 使用色彩平衡
22.2.6 调整图像色相与饱和度
22.3 实战演练
实例1——制作电影图片效果
实例2——调整曝光不足的照片

23 使用绘图工具绘制图像

23.1 创建选择区域
23.1.1 选框工具
23.1.2 套索工具
23.1.3 魔棒工具
23.2 基本绘图工具
23.2.1 画笔工具
23.2.2 铅笔工具
23.2.3 仿制图章工具
23.2.4 图案图章工具
23.2.5 橡皮擦工具
23.2.6 油漆桶工具和渐变工具
23.3 形状工具
23.3.1 矩形工具
23.3.2 圆角矩形工具
23.3.3 椭圆工具
23.3.4 多边形工具
23.4 实战演练—绘制网页标志

24 图层与文本的使用

24.1 新建和删除图层
24.1.1 新建图层
24.1.2 删除图层
24.1.3 新建图层组
24.2 图层的特殊混合
24.3 应用图层样式
24.4 使用文本工具
24.4.1 输入文字
24.4.2 设置文字属性
24.4.3 创建路径文字
24.5 实战演练
实例1——制作立体文字效果
实例2——制作图案文字效果

25 设计制作网页中的图像

25.1 网站Logo的制作
25.1.1 Logo设计标准
25.1.2 网站Logo的规格
25.2 网络广告的制作
25.2.1 网页广告设计要素
25.2.2 网络广告设计技巧
25.2.3 实战演练2——制作宣传广告
25.3 网页切片输出
25.3.1 创建切片
25.3.2 编辑切片
25.3.3 优化和输出切片
实战演练3——设计网站主页

第7部分 网站综合案例篇

26 企业网站制作综合实例

26.1 网站规划
26.1.1 网站需求分析
26.1.2 确定网站的版式设计
26.1.3 确定网站主要色彩搭配
26.2 设计网站封面型首页
26.2.1 设计网站首页
26.2.2 切割网站首页
26.3 使用CSS+Div布局网站主页
26.3.1 分析架构
26.3.2 页面通用规则
26.3.3 制作网站header导航部分
26.3.4 制作网站special部分
26.3.5 制作会员登录部分
26.3.6 制作装修案例部分

思维导图

网页设计与前端开发从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript

防止博客图床图片失效，防止图片源站外链：

http://www.processon.com/chart_image/5e5b2a9ee4b03627650b04e7.png)

思维导图在线编辑链接：

https://www.processon.com/view/5e5b2a9de4b03627650b04e4

版权声明：本文为jingle1267原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/jingle1267/p/12778744.html