任务1：认识Dreamweaver CS3(1) Dreamweaver CS3的特点
1. 形式灵活
Dreamweaver CS3将“设计”和“代码”编辑器集成在一起，既可以方便的进行源代码编辑，也可以使用鼠标方式添加和设置对象。
2. 可视化编辑环境
Dreamweaver CS3是一种所见即所得的网页编辑器，即有效减少了代码编写的工作量，也确保所设计文档的专业性和兼容性。
3. 强大的CSS功能
CSS样式可以有效地控制网页对象的外观，美化网页界面，如文本字体、颜色、表单样式、图像风格等。
4. 站点管理功能完善
Dreamweaver CS3提供了强大的站点管理功能，可以安全、系统地维护和管理各种规模的网站。
5. 集成性高
Dreamweaver CS3与Fireworks、Flash、Shockwave具有良好的集成性可以在这些Web创作工具之间自由的进行切换。
6. 媒体支持能力强7. 扩展能力强
(2) Dreamweaver CS3的界面
1. Dreamweaver CS3的主界面
菜单栏、插入栏、文档窗、状态栏、属性面板、面板、文件面板2. Dreamweaver CS3的主界面包括
1) 菜单栏
标题栏下方显示的是菜单栏，它包括“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“命令”、“站点”、“窗口”和“帮助”10个菜单项。
插入：用来插入网页元素，包括插入图像、多媒体、框架、表格、表单、电子邮件链接、日期、特殊字符及标签等。
修改：用来实现对页面元素修改的功能，包括面板、快速标签编辑器、链接、表格、框架、导航条、对象的对齐方式、层与表格的转换、模版、库及时间轴等。
2) 属性面板
属性面板显示了文档窗口中选择的元素的属性，并允许用户在属性面板中对元素属性直接进行修改，选择的元素不同，属性面板中的内容就不同。属性面板用于查看和编辑当前选定对象的各种属性。不同页面元素未对应的属性面板也不同。
3) 插入栏
插入栏包括用于创建和插入对象的按钮。当将鼠标移动到一个按钮上时，会出现一条提示信息，其中包括该按钮的名称，单击该按钮即可插入相应的元素。它包括常用、布局、表单、数据、Spry、文本和收藏夹共七个类别。
4) 浮动面板
Dreamweaver中的面板被组织到面板组中，每个面板组都可以展开或折叠，并且和其他面板组停靠在一起或取消停靠。面板组还可以停靠到集成的应用程序窗口中，这使得用户能够很容易的访问所需的面板。
(3) 安装Dreamweaver CS3的步骤
1. 运行Dreamweaver CS3安装程序。稍等片刻，出现“初始化”对话框；2. 初始化完成，进入“Dreamweaver CS3”的“许可协议”选项卡，点“接受”按钮；
3. 进入“安装位置”，点“浏览”按钮，选择要安装的位置后点“下一步”；4. 进入“摘要”，查看摘要，点“安装”；5. 查看安装进度；6. 进入“完成”选项卡。
(4) 启动Dreamweaver CS3中文版
第一次启动时，会出现“默认编辑器”对话框，从中可以复选其中的文件类型，将Dreamweaver CS3设置为这些文件类型的默认编辑器。
通过初始化界面，便可打开Dreamweaver CS3工作区的开始界面。在默认情况下，Dreamweaver CS3的工作界面是以“设计视图”布局的。
在开始界面中，单击“新建”栏下边的“HTML”选项，便可打开Dreamweaver CS3的工作界面。
任务2：创建站点
1、 网站的基本概念（1） 网页
网页是一个文件，它存放在世界的某个角落的某台计算机中，而这部计算机必须是与互联网相连的。 网页经由网址（URL）来识别与存取， 通过浏览器解释网页内容，将其展示在用户眼前。 一张网页是万维网中的一“页”，通常是HTML格式（文件扩展名为.html或.htm）。
（2） 网站
网站又称web站点，是指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合。
（3） 主页
主页是一个网页，是进入一个网站的开始页面。与“Windows系统桌面”的蓝天白云类似 。
（4） 超级链接
超级连接是万维网的神经系统，也是向导。 把浏览者从一个网页带到另一个网页，或者从网页的某一部分引导到另一部分。超级链接是用特殊的文本或图像来实现链接的，单击它就可以实现它的功能。（5） 超文本
超文本是一种新的文件形式，指一个文件的内容可以无限制地与相关资料链接。
（6） 超文本语言
超文本语言（简称HTML）是制作编写网页、包含超级链接的超文件的标准语言，由文本和标记组成。超文本文件的扩展名一般为“.html”和“.htm” 。（7） www服务
www是world wide web 的缩写，它是以HTTP为基础，提供面向Internet 的信息查询服务。（8） Internet的概念
Internet是一个全球性的计算机互联网络，中文名称为“国际互联网”或“因特网”，它是由不同地区、规模大小不一的网络互相连接而成。2、 网站的组织结构1. 线性结构2. 二维表结构3. 等级结构4. 网状结构
3、 创建本地站点
（1） 打开Dreamweaver CS3，执行“站点”——“新建站
点“菜单命令；
（2） 在“站点定义”窗口，设置站点的名字，单击“下一步”；（3） 选择“否，我不想使用服务器技术”，单击“下一步”；（4） 选择“编辑我的计算机上的本地副本，完成后再上传到服务
器”，点击文件夹图标，设置站点保存的路径，单击“下一步”；
（5） 在“您如何连接到远程服务器？”一栏中选择“无”，单
击“下一步”；
（6） “站点定义”对话框显示刚才设置的站点包含信息，确认无
误后单击“完成”；
（7） 在Dreamweaver CS3“文件”面板的“本地文件”窗口中会
显示该站点的根目录。4、 管理站点1、 新建站点；
2、 编辑站点：可以对站点定义信息进行修改；3、 复制站点；
4、 删除站点：站点删除后，只是删除了站点的定义信息，，硬盘
中相应位置的文件和文件夹并不会被删除；
5、 导出站点：将站点定义信息保存到一个扩展名为.ste，站点定义
文件夹中，不包括站点文件夹中的文件和文件夹；
6、 导入站点：从站点建立文件夹中读取站点信息，将站点添加到
站点管理列表中。
5、 操作站点文件及文件夹(1) 创建文件夹
（1） 选择“窗口”—“文件”菜单，打开“文件”面板，在准备
新建文件夹的位置右击，在弹出快捷菜单中选择新建文件夹菜单命令。
（2） 新建文件夹的名称处于可编辑状态，可以对新建文件夹重新
命名。
（3） 将新建文件夹命名为“Images”，通常用此文件夹存放图
片。(2) 创建文件
（1） 选择“窗口”—“文件”菜单，打开“文件”面板，在准备
新建文件的位置右击，在弹出快捷菜单中选择新建文件菜单命令。
（2） 新建文件夹的名称处于可编辑状态，可以对新建文件夹重新
命名。
（3） 将新建文件夹命名为“Index .html”。6、 创建网站目录结构(1) 创建目录的方法
在“文件“面板中选择站点名称或父级文件夹，单击鼠标右键，在弹出的快捷菜单中选择”新建文件夹“菜单命令。
(2) 建立网站目录结构时的注意点
1 不要将所有文件都存放在根目录下，以免造成文件管理混乱。2 按照栏目内容建立子目录。
3 在每个栏目目录下都建立独立的“Images”目录保存图像资源。4 目录层次不要太深，建议不要超过3层。5 目录使用英文名称，不要使用中文名称。6 不要使用过长的目录名称。7、 网页的基本操作(1) 新建网页文件
新建网页文件(2) 设置首页
首页：在浏览器地址中输入网站网址后，默认显示的页面也称为主页。设置方法：在“文件”面板中右键单击网页文件，选择“设成首页”命令。
(3) 保存网页
“文件保存”命令，或按ctrl+s快捷键。
(4) 预览网页
选择“文件在浏览器中浏览iexplore”命令，或按F12快捷键。“文件”面板
Dreamweaver CS3使用“文件”面板来管理文件和文件夹，完成本地
站点和远程服务器间传输文件。
因篇幅问题不能全部显示，请点此查看更多更全内容