新手学做网站

第 1 章快速解读网站

1.1网站的建设及流程

学习1小时

1.1.1网站和网页的认识

1.1.2网站类型

1.1.3创建网站前的准备工作

1.认识和购买服务器空间

2.申请域名

1.1.4网站建设的流程

1.收集资料和素材

2.规划站点

3.制作网页

4.测试站点

5.发布站点

6.更新和维护站点

1.1.5网站建设常用的软件

上机1小时：申请网站空间及域名

1.2网站开发环境配置

学习1小时

1.2.1安装IIS的作用

1.2.2安装IIS

1.2.3配置IIS

1.2.4建立并配置站点

1.建立并配置本地站点

2.配置测试站点

3.配置远程站点

上机1小时：配置开发环境

1.3练习1小时

1.建设网站前的准备工作

2.创建并配置sgw1站点

第 2 章制作简单绚丽的网页

2.1网页制作的基本操作

学习1小时

2.1.1认识Dreamweaver CS6的操作界面

2.1.2创建并保存网页文档

1.创建网页文档

2.保存网页文档

2.1.3打开并关闭网页文档

2.1.4设置页面属性

上机1小时：创建index.html网页

2.2添加网页元素

学习1小时

2.2.1为网页添加文本

1.添加一般的文本

2.添加空格

3.添加水平线

4.添加项目列表

5.添加编号列表

2.2.2在网页中添加图像

1.添加图像

2.设置图像属性

3.创建鼠标经过图像

2.2.3使用超级链接

2.2.4创建链接

1.创建普通链接

2.创建锚链接

3.创建邮件链接

2.2.5插入动态元素

1.插入Flash动画

2.插入Flash FLV视频

3.插入视频

4.添加背景音乐

上机1小时：制作“Game.html”网页

2.3使用CSS美化网页

学习1小时

2.3.1什么是CSS样式表

2.3.2创建并应用CSS样式

1.内部CSS样式

2.外部CSS样式表

2.3.3修改CSS样式

1.使用“规则定义”对话框修改

2.使用“属性”选项修改

2.3.4设置CSS样式的属性

1.“类型”选项

2.“背景”选项

3.“区块”选项

4.“方框”选项

5.“边框”选项

6.“列表”选项

7.“定位”选项

8.“扩展”选项

上机1小时：美化“Flower_L.html”网页

2.4练习2小时

1.制作“help.html”网页

2.美化“zhuangshi.html”网页

第 3 章网页布局

3.1使用表格进行网页布局

学习1小时

3.1.1创建表格

1.创建一般表格

2.创建嵌套表格

3.1.2选择表格元素

1.选择单元格

2.选择整行单元格

3.选择整列单元格

4.选择整个表格

3.1.3编辑表格

1.合并或拆分单元格

2.添加或删除单元格

3.1.4设置表格属性

3.1.5设置单元格的属性

上机1小时：制作“2014年日历”网页

3.2使用DIV+CSS进行网页布局

学习1小时

3.2.1认识DIV+CSS

3.2.2插入DIV标签

3.2.3DIV+CSS的盒子模型

1.盒子模型的概述

2.margin（边界）

3.border（边框）

4.padding（填充）

5.content（内容）

3.2.4DIV+CSS定位

1.Position属性

2.Float属性

3.2.5DIV+CSS布局

1.设置DIV标签的自适应高度

2.设置网页居中效果

3.设置首字下沉

上机1小时：制作花店网页

3.3使用框架进行网页布局

学习1小时

3.3.1认识框架及框架集

3.3.2创建框架网页

1.创建基本框架网页

2.手动拆分框架

3.嵌套框架

3.3.3选择框架和框架集

3.3.4保存框架和框架集

1.保存单个框架网页

2.保存框架集

3.保存所有文档

3.3.5框架及框架集的属性设置

1.框架的属性设置

2.框架集的属性设置

3.3.6IFrame框架的使用

1.创建IFrame框架

2.链接IFrame框架页面

上机1小时：制作网站后台管理页面

3.4练习1小时

1.制作摄影首页

2.制作个性网页

第 4 章表单与动态网页的制作

4.1表单和行为的使用

学习1小时

4.1.1认识表单

4.1.2表单的使用

1.插入表单

2.表单属性的设置

3.添加并设置表单对象的属性

4.1.3认识行为

4.1.4认识“行为”面板

4.1.5行为的应用

上机1小时：编辑“login.html”登录页面

4.2制作动态网页

学习1小时

4.2.1创建数据库

4.2.2动态站点的创建及配置（IIS配置）

4.2.3动态网页与数据库的连接

4.2.4数据库动态网页

1.读取数据库中的记录

2.添加记录

3.更改记录

4.删除记录

上机1小时：制作登录动态网页

4.3练习1小时

1.制作“注册”表单页面

2.制作“注册”动态页面

第 5 章绘制与编辑Flash图形

5.1Flash的基础知识

学习1小时

5.1.1Flash CS6工作界面

5.1.2Flash CS6的基础操作

1.新建Flash动画文档

2.保存和关闭Flash动画文档

3.打开Flash动画文档

4.设置动画文档属性

5.1.3使用辅助工具

上机1小时：新建“banner”动画文档

5.2使用Flash绘制与填充对象

学习1小时

5.2.1使用标准工具绘制对象

1.矩形工具和基本矩形工具

2.椭圆工具和基本椭圆工具

3.多角星形工具

5.2.2使用自由工具绘制对象

1.线条工具

2.铅笔工具

3.钢笔工具

4.Deco工具

5.2.3为对象填充颜色

上机1小时：绘制小花图形

5.3制作动画特效文字

学习1小时

5.3.1使用文本工具输入文本

5.3.2设置文本属性

1.跨多个容器的流动文本

2.设置滚动文本

3.设置输入文本

4.设置URL链接

5.3.3分离文字

上机1小时：眼镜宣传动画

5.4编辑对象

学习1小时

5.4.1选择对象

1.选择工具

2.部分选取工具

3.套索工具

5.4.2变形对象

5.4.3图形的组合

5.4.4图像的基本操作

1.移动图像

2.复制图像

3.设置图像不透明度

5.4.5图像的高级操作

1.合并对象

2.设置图像混合模式

3.为图像添加滤镜

上机1小时：制作产品宣传动画界面

5.5练习1小时

1.新建“Logo”Flash文档

2.制作Flash广告对象

第6 章快速管理Flash中的素材

6.1认识时间轴与图层

学习1小时

6.1.1认识“时间轴”面板

6.1.2时间轴的基本操作

6.1.3认识图层

6.1.4图层的基础操作

上机1小时：为“大优惠”动画创建图层

6.2素材、元件与库的使用

学习1小时

6.2.1素材的使用

1.Flash常用的图片格式

2.导入位图

6.2.2创建元件

1.认识元件

2.创建图形元件

3.创建按钮元件

4.创建影片剪辑元件

6.2.3使用“库”面板

1.认识“库”面板

2.管理和使用库

上机1小时：制作生日贺卡

6.3练习1小时

新建“唐诗”Flash文档

第 7 章制作网页简单动画

7.1创建基本动画

学习1小时

7.1.1Flash基本动画类型

7.1.2创建逐帧动画

7.1.3创建补间形状动画

7.1.4创建补间动画

7.1.5创建传统补间动画

7.1.6创建引导层动画

7.1.7创建遮罩动画

上机1小时：创建“地图”动画

7.2制作多媒体Flash动画

学习1小时

7.2.1在Flash CS6中可使用的声音类型

7.2.2导入声音

7.2.3使用声音

7.2.4设置音频

1.设置声音属性

2.将声音与动画同步

3.设置声音重复

7.2.5编辑声音

7.2.6压缩并导出声音

1.压缩声音

2.压缩声音选项

7.2.7可导入的视频格式

7.2.8导入视频

1.视频导入向导

2.使用FLVPlayback 组件

上机1小时：制作“音乐贺卡”动画

7.3练习1小时

制作“波浪”动画

第 8 章制作并发布交互式动画

8.1制作Flash脚本动画

学习1小时

8.1.1了解ActionScript

8.1.2ActionScript 3.0语法规则

1.基本语法

2.变量和常量

3.数据类型

4.函数

5.类型转换

6.运算符

7.属性

8.1.3常用ActionScript语句

1.播放控制语句

2.播放跳转语句

3.条件语句

4.循环语句

上机1小时：制作Flash导航菜单

8.2Flash的优化与发布

学习1小时

8.2.1优化动画

1.优化文档

2.优化颜色

3.优化元素和线条

4.优化文本和字体

5.优化图形

6.优化动画

7.加快文档显示速度

8.2.2测试动画

8.2.3设置动画发布格式

8.2.4预览发布效果

8.2.5发布动画

8.2.6导出动画

8.2.7导出图像

上机1小时：优化并发布“爱”动画

8.3练习1小时

制作游戏开场动画

第 9 章在Photoshop中制作网页主体界面

9.1Photoshop的基础知识

学习1小时

9.1.1Photoshop CS6的工作界面

9.1.2Photoshop CS6的基本操作

1.新建图像

2.打开图像

3.设置图像大小和画布大小

4.旋转与裁剪图像

5.复制和粘贴图像

6.移动图像

9.1.3使用“辅助”工具

1.使用标尺和参考线

2.网格

上机1小时：制作“奖品展示”图像

9.2绘制与编辑图像

学习1小时

9.2.1颜色的选取方法

9.2.2使用形状工具组绘制图像

9.2.3为图像填充颜色

1.使用“油漆桶工具”

2.使用“渐变工具”

上机1小时：制作“帮助中心”页面图像

9.3使用路径进行网站标志绘制

学习1小时

9.3.1认识“路径”面板

9.3.2创建路径

9.3.3选择路径

9.3.4调整路径

上机1小时：使用路径绘制网站Logo

9.4制作网页文本

学习1小时

9.4.1文字的类型

9.4.2输入文字

9.4.3设置变形文字

9.4.4创建路径文字

上机1小时：制作“兑奖广告”图像

9.5网页切片输出

学习1小时

9.5.1创建切片

9.5.2编辑切片

9.5.3输出切片

上机1小时：为“热门商品”图像切片并输出

9.6练习1小时

制作“用户登录效果图”

第 10章编辑网页图像

10.1图像编辑与色彩调整

学习1小时

10.1.1使用工具创建选区

1.“选框”工具组

2.“套索”工具组

3.“魔棒”工具组

10.1.2修改选区

1.增删反选选区

2.收缩与扩展选区

10.1.3使用工具修复与编辑图像

1.使用画笔工具

2.使用“图章”工具组

3.使用“修复”工具组

4.使用“橡皮擦”工具组

5.使用“减淡”工具组

10.1.4调整图像颜色

1.调整色相/饱和度

2.调整亮度/对比度

3.调整曲线

4.调整黑白色

10.1.5使用蒙版编辑图像

1.创建与编辑快速蒙版

2.创建并编辑剪贴蒙版

上机1小时：处理“清纯少女”图像

10.2使用图层和滤镜美化图像

学习1小时

10.2.1使用图层美化图像

10.2.2设置图层样式

1.设置图层不透明度

2.设置图层的混合模式

3.打开“图层样式”对话框

10.2.3认识滤镜

10.2.4使用滤镜美化图像

1.“马赛克”滤镜

2.“高斯模糊”滤镜

3.“光圈模糊”滤镜

4.“添加杂色”滤镜

5.“镜头光晕”滤镜

6.“液化”滤镜

上机1小时：制作“对话”图像

10.3练习1小时

制作“童话”图像

第 11章网页设计技巧

11.1学习1小时

学习目标

11.1.1网页制作原理以及技巧

1.网页制作的基本原则

2.网页基本元素的标准及使用技巧

11.1.2网页配色原理

1.色彩搭配技巧

2.网站的配色方案

11.1.3收集站点的素材和内容

1.素材的收集原则

2.素材的获取方式

11.1.4网页版面布局设计

11.1.5图文搭配方法

11.2上机1小时

上机目标：制作电影宣传网站

11.3练习1小时

制作“个人作品网站”图像

第 12章综合实例演练

12.1上机1小时：制作订餐网站首页图像

12.1.1实例目标

12.1.2制作思路

12.1.3制作过程

1.新建图像

2.为网页布局

3.对网站素材进行编辑

12.2上机1小时：制作RMWT网站宣传动画

12.2.1实例目标

12.2.2制作思路

12.2.3制作过程

1.制作元件

2.为元件输入脚本

12.3上机1小时：制作订餐网站首页

12.3.1实例目标

12.3.2制作思路

12.3.3制作过程

1.DIV+CSS布局网页

2.制作头部内容

3.制作网页的中间部分

4.制作网页信息链接

12.4练习1小时

制作家具网站首页

附录A秘技连连看

一、Dreamweaver的使用技巧

1.将配置好的文件快速复制到另一台电脑上

2.选择网页文字的技巧

3.网页图像的选用技巧

4.修改文本超级链接

5.调整表格属性

6.将内部样式表中的样式保存为外部样式表

7.手动更新站点中用模板制作的网页

8.为整个框架集统一设置背景色

9.使框架变得更加灵活

10.消除网页中的乱码

11.将网页设置为禁止保存

12.去掉单击超级链接后的图像虚线

二、Flash的使用技巧

1.擦除图形和图像的技巧

2.使用选择工具调整形状的方法

3.合并绘制模式

4.快速复制关键帧

5.粘贴传统补间属性

6.将MP3声音导出为WAV文件

7.声音的编辑技巧

8.嵌入视频的注意事项和技巧

三、Photoshop的使用技巧

1.快速恢复图像效果

2.控制图像显示大小

3.增加黑白照片层次感

4.制作从实到虚过渡的效果

5.滤镜的作用范围和使用注意事项

6.重复滤镜效果

7.对文字使用滤镜

8.为一个图像添加多个滤镜

9.使修复的图片更加逼真

10.使用外部画笔

11.将画笔预设恢复成默认状态

附录B72小时后该如何提升

1.加强实际操作

2.总结经验和教训

3.多观看、分析别人制作的网页作品

4.学习其他的软件协同编辑素材

5.吸取多方面的专业知识

6.上技术论坛进行学习

7.还可以找我们

《新手学做网站（Dreamweaver+Flash+Photoshop CS6版）》一书详细而又全面地介绍了学习网页制作的相关知识，主要内容包括：快速解读网站、制作简单绚丽的网页、网页布局、表单与动态网页的制作、绘制与编辑Flash图形、快速管理Flash中的素材、制作网页简单动画、制作并发布交互式动画、在Photoshop中制作网页主体界面、编辑网页图像、网页设计技巧等。最后一章还通过制作一个完整的商业网站实例，对全书内容进行了较为综合的演练。本书内容全面，图文对应，讲解深浅适宜，叙述条理清楚，并配有多媒体教学光盘，对学习网站制作的初、中级用户有很大的帮助。本书适用于公司职员、在校学生、教师以及各行各业网页制作相关人员进行学习和参考，也可作为各类电脑培训班的网页制作教材。本书和光盘有以下显著特点： 105节交互式视频讲解，可模拟操作和上机练习，边学边练更快捷！实例素材及效果文件，实例及练习操作，直接调用更方便！全彩印刷，炫彩效果，像电视一样，摒弃“黑白”，进入“全彩”新时代！ 372页数字图书，在电脑上轻松翻页阅读，不一样的感受！

105节交互式视频讲解，可模拟操作和上机练习，边学边练更快捷！
实例素材及效果文件，实例及练习操作，直接调用更方便！
全彩印刷，炫彩效果，像电视一样，摒弃“黑白”，进入“全彩”新时代！
372页数字图书，在电脑上轻松翻页阅读，不一样的感受！
丰富学习套餐：
122节《Dreamweaver CS5网页制作》交互式视频讲解
Dreamweaver案例赏析
网页设计常用的图标和按钮
经典网页模板
Dreamweaver常用快捷键
Flash案例赏析