网站设计 开发 维护 推广 从入门到精通
网站设计 开发 维护 推广 从入门到精通
本书特色
读者对象
第1部分 入门篇
1 网页设计基础
1.1 网页设计的相关术语
1.1.1 什么静态网页
1.1.2 什么动态网页
1.2 网页美工常用工具
1.2.1 掌握网页编辑排版软件Dreamweaver
1.2.2 掌握网页图像制作软件Photoshop
1.2.3 掌握网页动画制作软件Flash
1.3 网页版面布局设计
1.3.1 网页版面布局原则
1.3.2 点、线、面的构成
1.4 常见的网站类型
1.4.1 个人网站
1.4.2 企业类网站
1.4.3 娱乐休闲类网站
1.4.4 行业信息类网站
1.4.5 门户类网站
1.4.6 购物类网站
1.5 文字与图像版式设计
1.5.1 字体、字号、行距
1.5.2 文字的图形化
1.6 网站建设的一般流程
1.6.1 确定网站主题
1.6.2 网站整体规划
1.6.3 收集资料与素材
1.6.4 设计网页图像
1.6.5 制作网页
1.6.6 开发动态网站模块
1.6.7 发布与上传
1.6.8 后期更新与维护
1.6.9 网站的推广
1.7 经典习题与解答
1．填空题
2．简答题
2 网站页面配色和创意
2.1 色彩基础知识
2.1.1 色彩的基本概念
2.1.2 常见色彩表达的意义
2.2 网页色彩搭配
2.2.1 网页色彩搭配原理
2.2.2 网页设计中色彩搭配的技巧
2.2.3 常见的网页配色方案
2.3 页面设计创意思维
2.3.1 什么是创意
2.3.2 创意思维的原则
2.4 创意的方法
2.4.1 富于联想
2.4.2 巧用对比
2.4.3 大胆夸张
2.4.4 善用比喻
2.4.5 以小见大
2.4.6 流行时尚
2.5 经典习题与解答
1．填空题
2．简答题
第2部分 网页设计与制作篇
3 熟悉Dreamweaver CC的工作环境
3.1 Dreamweaver CC工作区
3.2 Dreamweaver CC工具栏
3.2.1 标准工具栏
3.2.2 文档工具栏
3.3 浮动面板
3.4 插入栏
3.5 创建本地站点
3.5.1 使用站点向导创建本地站点
3.5.2 使用高级设置建立站点
3.6 管理站点文件
3.6.1 创建文件夹和文件
3.6.2 移动和复制文件
3.7 经典习题与解答
1．填空题
2．简答题
4 制作简洁的文本网页
4.1 插入文本
4.1.1 普通文本
4.1.2 特殊字符
4.1.3 插入日期
4.2 设置文本属性
4.2.1 设置标题段落格式
4.2.2 设置文本字体和字号
4.2.3 添加新字体
4.2.4 设置文本颜色
4.2.5 设置文本对齐方式
4.2.6 设置文本缩进和凸出
4.3 创建项目列表和编号列表
4.3.1 创建项目列表
4.3.2 创建编号列表
4.4 插入网页头部内容
4.4.1 插入Meta
4.4.2 插入关键字
4.4.3 插入说明
4.4.4 插入脚本
4.4.5 设置Hyperlink
4.5 在网页中插入水平线
4.6 检查拼写与查找替换
4.6.1 检查拼写
4.6.2 查找和替换
4.7 实例——创建基本文本网页
4.8 经典习题与解答
1．填空题
2．操作题
5 使用图像丰富网页内容
5.1 网页中常用的图像格式
5.1.1 GIF格式
5.1.2 JPEG格式
5.1.3 PNG格式
5.2 在网页中插入图像
5.2.1 插入普通图像
5.2.2 插入鼠标经过图像
5.3 设置图像属性
5.3.1 调整图像大小
5.3.2 设置图像对齐方式
5.4 在网页中编辑图像
5.4.1 裁剪图像
5.4.2 重新取样图像
5.4.3 调整图像亮度和对比度
5.4.4 锐化图像
5.5 插入Flash
5.5.1 插入Flash动画
5.5.2 插入Flash视频
5.6 实例
实例1——创建图文混排网页
实例2——创建翻转图像导航
5.7 经典习题与解答
1．填空题
2．操作题
6 使用行为和JavaScript制作动感
6.1 行为概述
6.1.1 认识事件
6.1.2 动作类型
6.2 使用Dreamweaver内置行为
6.2.1 交换图像
6.2.2 转到URL
6.2.3 打开浏览器窗口
6.2.4 弹出信息
6.2.5 设置状态栏文本
6.2.6 预先载入图像
6.2.7 检查表单
6.3 利用脚本制作特效网页
6.3.1 制作滚动公告网页
6.3.2 制作自动关闭网页
6.3.3 利用JavaScript函数实现打印功能
6.4 经典习题与解答
1．填空题
2．操作题
7 使用表格排列网页数据
7.1 网页的基本构成
7.2 网页布局方法
7.2.1 纸上布局法
7.2.2 软件布局法
7.3 常见的网页布局类型
7.3.1 国字型布局
7.3.2 厂字型布局
7.3.3 框架型布局
7.3.4 封面型布局
7.3.5 Flash型布局
7.4 基本的表格布局方法
7.4.1 插入表格
7.4.2 设置表格属性
7.4.3 合并单元格
7.4.4 选取表格对象
7.5 实例——利用表格布局网页
7.5.1 实例1——利用表格排列数据
7.5.2 实例2——拐角型布局
7.5.3 实例3——封面型布局
7.5.4 实例4——国字型布局网页
7.6 经典习题与解答
1．填空题
2．操作题
8 创建超级链接
8.1 关于超链接的基本概念
8.1.1 绝对路径
8.1.2 相对路径
8.2 创建超链接的方法
8.2.1 使用属性面板创建链接
8.2.2 使用指向文件图标创建链接
8.2.3 使用菜单创建链接
8.3 创建各种类型的链接
8.3.1 创建文本链接
8.3.2 创建图像热点链接
8.3.3 创建E-mail链接
8.3.4 创建下载文件链接
8.3.5 创建脚本链接
8.3.6 创建空链接
8.4 管理超级链接
8.4.1 自动更新链接
8.4.2 在站点范围内更改链接
8.4.3 检查站点中的链接错误
8.5 实例——创建图像热点链接
8.6 经典习题与解答
1．填空题
2．操作题
9 使用模板和库提高网页制作效率
9.1 创建模板网页
9.1.1 直接创建模板
9.1.2 从现有文档创建模板
9.2 使用模板
9.2.1 定义可编辑区
9.2.2 定义新的可选区域
9.2.3 定义重复区域
9.2.4 基于模板创建网页
9.3 管理模板
9.3.1 更新模板
9.3.2 从模板中脱离
9.4 创建与应用库项目
9.4.1 关于库项目
9.4.2 创建库项目
9.4.3 应用库项目
9.4.4 修改库项目
9.5 实例——模板应用
9.5.1 实例1——创建网站模板
9.5.2 实例2——利用模板创建网页
9.6 经典习题与解答
9.6.1 填空题
9.6.2 操作题
10 CSS+Div布局网页
10.1 初识Div
10.1.1 Div概述
10.1.2 Div与span的区别
10.1.3 Div与CSS布局优势
10.2 CSS定位
10.2.1 盒子模型的概念
10.2.2 float定位
10.2.3 position定位
10.3 CSS布局理念
10.3.1 将页面用Div分块
10.3.2 设计各块的位置
10.3.3 用CSS定位
10.4 常见的布局类型
10.4.1 一列固定宽度
10.4.2 一列自适应
10.4.3 两列固定宽度
10.4.4 两列宽度自适应
10.4.5 两列右列宽度自适应
10.4.6 三列浮动中间宽度自适应
10.5 经典习题与解答
填空题
11 处理与优化网页中的图片
11.1 Photoshop CC工作环境简介
11.2 调整图像大小
11.3 网页图像的色彩调整
11.3.1 使用【色阶】命令优化网页图像
11.3.2 使用【曲线】命令优化网页图像
11.3.3 使用【色彩平衡】命令优化网页图像
11.3.4 使用【亮度/对比度】命令优化网页图像
11.3.5 使用【色相/饱和度】命令优化网页图像
11.4 处理产品图像
11.5 经典习题与解答
1．填空题
2．操作题
12 设计网站Logo和按钮
12.1 VI简介
12.1.1 VI设计的概念
12.1.2 VI在网站设计中的意义
12.2 网站标识设计概述
12.2.1 网站Logo设计标准
12.2.2 网站Logo的标准尺寸
12.3 按钮设计
12.3.1 制作导航按钮
12.3.2 制作发光按钮
12.4 经典习题与解答
1．填空题
2．操作题
13 设计网站动画和网络广告
13.1 Flash工作环境简介
13.2 网站广告设计指南
13.2.1 网站广告设计基本原则
13.2.2 网站广告的类型
13.3 制作网页广告实例
13.3.1 设计Banner宣传广告实例
13.3.2 纸质遮罩动画效果
13.4 经典习题与解答
1．填空题
2．操作题
第3部分 动态网站开发篇
14 在Dreamweaver中编写代码
14.1 查看源代码
14.2 管理标签库
14.3 Dreamweaver中的编码
14.3.1 使用代码提示加入背景音乐
14.3.2 使用标签选择器插入浮动框架
14.3.3 使用标签编辑器编辑标签
14.4 使用代码片断面板
14.5 经典习题与解答
1．填空题
2．操作题
15 动态网站创建基础
15.1 搭建服务器平台
IIS的安装
15.2 设计数据库
15.3 建立数据库连接
15.3.1 了解DSN
15.3.2 定义系统DSN
15.4 SQL语言简介
15.4.1 SQL语言概述
15.4.2 SQL的优点
15.5 常用的SQL语句
15.5.1 表的建立（CREATE TABLE）
15.5.2 插入数据（INSERT INTO）
15.5.3 修改数据（UPDATE）
15.5.4 删除数据（DELETE）
15.5.5 SQL查询语句（SELECT）
15.6 经典习题与解答
1．填空题
2．简答题
第4部分 网站发布与维护篇
16 网站的发布
16.1 站点的测试
16.1.1 检查断掉的链接
16.1.2 检查外部链接
16.1.3 检查孤立文件
16.2 网页的上传
16.2.1 利用Dreamweaver上传网页
16.2.2 LeapFTP上传文件
16.3 经典习题与解答
1．填空题
2．操作题
17 网站的日常维护
17.1 网站的运营维护
17.2 网站数据库内容维护
17.3 网页维护
17.4 网站安全维护
17.4.1 取消文件夹隐藏共享
17.4.2 删掉不必要的协议
17.4.3 关闭文件和打印共享
17.4.4 禁用Guest账号
17.4.5 禁止建立空连接
17.4.6 设置NTFS权限
17.4.7 管理操作系统账号
17.4.8 安装必要的杀毒软件
17.4.9 做好Internet Explorer浏览器的安全设置
17.5 经典习题与解答
1．填空题
2．简答题
18 网站宣传与推广
18.1 注册到搜索引擎
18.2 导航网站登录
18.3 友情链接
18.4 网络广告
18.5 邮件广告
18.6 聊天工具推广网站
18.7 发布信息推广
18.8 博客推广
18.9 传统媒体广告
18.10 商业资源合作推广
18.11 经典习题与解答
1．填空题
2．操作题
第5部分 综合案例篇
19 创建企业展示型网站
19.1 网站前期策划
19.1.1 企业网站分类
19.1.2 企业网站主要功能页面
19.1.3 本例网站页面
19.2 设计网站首页
19.2.1 设计首页
19.2.2 切割首页
19.3 在Dreamweaver中进行页面排版制作
19.3.1 创建本地站点
19.3.2 创建二级模板页面
19.3.3 利用模板制作其他网页
19.4 给网页添加弹出窗口页面
19.5 本地测试及发布上传
19.6 经典习题与解答
1．填空题
2．操作题
第6部分 附录篇
附录A 网页制作常见问题精解
1．在Dreamweaver中如何输入空格
2．为什么当让一行字居中时，其他行字也变成居中
3．在Dreamweaver中怎样设置水平线的颜色
4．如何清除网页中不必要的HTML代码
5．如何搜索网页并替换其内容
6．怎样定义网页语言
7．怎样在网页中添加E-mail链接并显示预定的主题
8．怎样在网页中添加电子邮件表单提交
9．如何为访问者设置正确的软件下载链接
10．如何删除图片链接的蓝色边框
11．如何利用单击来关闭浏览窗口
12．如何避免自己的图片被其他站点使用
13．怎样为图片添加边框
14．如何添加图片及链接文字的提示信息
15．如何制作“空链接”
16．如何很好地控制行距
17．如何在一个站点的不同页面间播放同一个声音文件
18．从【宽度】后面的下拉菜单里选择单位时，选择【像素】或【百分比】有什么区别
19．如何制作细线表格
20．为什么在Dreamweaver中把单元格高度设置为“1”时没有效果
21．如何制作圆角表格
22．如何精确地定位网页中的内容
23．怎样让800600分辨率下生成的网页在1024768的表格下居中显示
24．为什么不显示底图
25．如何调整框架边框的粗细
26．怎样防止别人把自己的网页放在框架里
27．怎样实现定时自动关闭窗口
28．怎样以新窗口的形式打开目标链接
29．什么是模板的可编辑区域，在定义可编辑区域时应注意什么
30．如何用图片代替表单按钮
31．怎样显示表单中的红色虚线框
32．怎样让页面四周没有空白
33．为什么表格里的文字不会自动换行
34．如何防止别人另存我的网页
35．如何为页面设置访问口令
36．如何在网页上显示当前日期、星期和时间
37．如何将站点加入收藏夹
38．如何将站点设为首页
39．如何解决表格的变形问题
40．怎样在网页中使用包含文件
41．怎样在网页中输入上下标
42．如何让浏览者知道自己访问网页的次数
43．如何禁止使用鼠标右键
44．在Dreamweaver里怎样设置Flash背景为透明
45．如何将一张图变成Flash文件后任意缩放而不出现锯齿
46．做好的Flash放到网页上面以后，它老是循环，怎么能够让它不进行循环
47．一个MC引用到场景中后如何播放
48．Flash动画窗口可以透明吗
49．怎样做一串字或一幅图由模糊变清晰的效果
50．如何进行多帧选取
51．做“沿轨迹运动”动画的时候，物件为什么总是沿直线运动
52．如何制作帧帧动画
53．如何让动画在停留一段时间后继续播放
54．如何制作补间动画
55．如何制作引导层动画
56．如何调整多个场景的播放次序
57．如何为作品加上密码保护
58．怎样使一幅图片和另一幅图片很好地融合在一起而看不出图像的边缘
59．如何在Photoshop中将图片淡化
60．怎样使文字边缘填充颜色
61．什么时候用GIF格式文件，什么时候用JPG格式图像
62．矢量图形和位图图形有什么区别，各有什么特点
63．在Photoshop中，每次打开一幅图都是背景锁定的，如何去除
64．如何制作透明GIF图像
65．动作和滤镜有什么区别
66．如何快速打开文件
67．如何随意更换画布颜色
68．【选框】工具中Shift和Alt键的使用方法
69．Shift+Ctrl+Alt+T是什么
附录B ASP函数速查表
附录C JavaScript语法速查
1．JavaScript函数
2．JavaScript方法
3．JavaScript对象
4．JavaScript运算符
5．JavaScript属性
6．JavaScript语句
附录D CSS属性一览表
思维导图
防止博客图床图片失效，防止图片源站外链：
http://www.processon.com/chart_image/5e5b2a28e4b0cb56dab10ca8.png)
思维导图在线编辑链接：
