第1章 初识Dreamweaver CS3

第1章 认识Dreamweaver CS3
本章将介绍Dreamweaver CS3 的基本概况、工作界面及其新特性， 为后续内容的学习奠定一个初步基 础。
学习目标
了解Dreamweaver CS3的基本概况 熟悉Dreamweaver CS3的工作界面 掌握常用工具栏和面板的基本使用方法 了解Dreamweaver CS3的新特性
如果希望在启动时不显示欢迎屏幕，可以勾选页脚中的 【不再显示】复选框。也可以在【首选参数】对话框的【常规】1 认识工作界面
二、工作界面
1.2.2 了解常用工具栏
【插入】工具栏 【文档】工具栏 【标准】工具栏
1.2.2 了解常用工具栏
一、【插入】工具栏 选择【查看】/【工具栏】/【插入】命令或【窗口】/【插 入】命令将其显示或隐藏。
1.2 熟悉Dreamweaver CS3的工作界面
在使用Dreamweaver CS3进行网页制作之前，首先 要对Dreamweaver CS3的工作界面有一个总体认识.包 括欢迎屏幕、【插入】工具栏、【文档】工具栏、 【标准】工具栏、【文件】面板、【属性】面板等。
1.2.1 认识工作界面
一、欢迎屏幕
1.3 了解Dreamweaver CS3的新特 性
增加Spry功能 与Adobe Photoshop集成 浏览器兼容性检查 提供一组预先设计的CSS布局 Adobe Device Central Adobe Bridge CS3
1.1 了解Dreamweaver CS3
Dreamweaver和Flash、Fireworks原是由Macromedia 公司（1984年成立于美国芝加哥，现已被Adobe公司并购） 推出的一套网页制作软件，国内用户习惯称其为“网页三 剑客”。其中，Flash用来生成矢量动画，Fireworks用来 制作Web图像，而Dreamweaver用来制作和发布网页。在 2005年，Macromedia公司被Adobe公司并购后，这几款软 件也就成为了Adobe家庭的成员。Adobe公司推出了 Creative Suite 3创意套件，Dreamweaver CS3因此诞生。 不过，现在又有了新网页三剑客的说法，通常是指 Dreamweaver和Flash、Photoshop。

网页效果
活动三：打造自己的个性化站点
活动小结：
在这次活动中我们完完整整的制作了一个个人的网站，
是不是比想象中的容易啊！在本次制作中使用了“高级”
选项卡来建立网站，这比使用向导建立更快捷。 在制作中，网页间的链接是很重要的，作为一个设计者
值得注意的是，你的设计要让使用者能方便的在你的站点
中的任何网页之中进行跳转。
件的特点。
活动一：初识网页
活动小结：
网页中使用的最多的元素是文字和图片。图 片的一般格式为jpg或gif文件。flash的使用能使网 页增加动感。 动态网页能对用户提交的信息作出及时的反 馈，使网页更具人性化。 Dreamweave有着可视化的操作界面，特别在 与flash和fireworks的相互配合，成为网页创意组 件中最重要的一员。
活动三：制作 “我的第一张网页”
制作完成后的 效果图
活动三：制作 “我的第一张网页”
活动小结：
制作网页的基本流程可以分为：建立
站点->创建网页->插入网页元素->编辑网
页元素->保存网页->预览效果。
第一章实验：制作“我的个人介 绍”
实验要求：
一、建立站点目录mysitelx，并将站点指定至站点目录。 二、制作网页“我的个人介绍”，在网页中加入背景图片、文字、 水平线、图片和超级链接。 三、通过记事本打开网页，修改现有的HTML代码，比较前后效果。
活动四：编辑我的站点
教学目标：
掌握编辑站点的方法。
知识要点：
网站地图，管理网站文件、链接检查、添加和 删除站点。
活动四理功能 （2）站点视觉地图 （3）添加和删除站点
视图工具栏
“管理站点”对话框

Fireworks：主要用于制作网页图像、网站标志、GIF 动画、图像按钮与导航栏等。 Flash：主要用于制作矢量动画，如广告条、网站片 头动画、动画短片、MTV等。 Photoshop：Adobe公司出品的一个优秀而强大的图形 图像处理软件，起初它的应用领域主要是平面设计而 不是网页设计，但是它所具有的强大功能完全涵盖了 网页设计的需要（除了多媒体）。
1.3.4 测试和发布网站
有了空间和域名后，就可以测试并发布网站了， 网站测试一般包括服务器稳定和安全测试、程序 和数据库测试、网页兼容性测试等。
1.3.5 网站推广
1. 注册到搜索引擎 2. 交换广告条 3. 宣传 4. 网络广告 5. 报纸、杂志
第2章 Dreamweaver CS3入门
初识Dreamweaver CS3 网站创建与管理 页面总体设置
2.2.3 “文件”面板的应用
利用“文件”面板，可以高效地管理站 点。实际操作中，在定义站点后，我们 通常是利用该面板来创建、重命名或打 开站点中的网页文档或文件夹。
在定义了多个站点 后，可利用该下拉 列表选择要进行操 作的站点
2.3 页面总体设置
2.3是检索网页的整个内容，而是只检索 网页中的关键字和说明文本，如果想要自己的 网页能够被搜索引擎检索到，则最好把关键字 设定为人们经常使用的词语。
选择目标 文件所在 文件夹
单击选 择文件
单击“打 开”按钮
5．预览文档
如要预览文档，可在打开文档后单击“文档” 工具栏中的“在浏览器中预览/调试”按钮 ， 在弹出的菜单中选择“预览在IExplore”菜单 项（或直接按【F12】键），在浏览器中打开 文档。
2.2 网站创建与管理
2.2.1 确定站点目录结构

项目一：
初识Dreamweaver CS3
操作二 制作网页
八、了解【文档】工具栏。
如果窗口中没有显示【文档】工具栏，可以选择主菜单栏栏中的 【查看】／【工具栏】／【文档】命令。
任务一 任务二 任务三 实训 小结
网页设计与制作
Dreamweaver CS3
项目一：
初识Dreamweaver CS3
任务一 任务二 任务三 实训 小结
网页设计与制作
Dreamweaver CS3
项目一：
初识Dreamweaver CS3
任务一 任务二 任务三 实训 小结
操作二 了解Dreamweaver CS3
3. Dreamweaver的作用
Dreamweaver的主要作用是设计网页和管理网站，它 在各个行业领域都得到广泛的应用，如个人网站、教育科 研网站、企业网站、商业网站、政府网站、公益性网站以 及其他网站等。
第1，结合个人的实际选取适当的学习方法。 第2，对网上的典型网页多观察多思考。 第3，由实践到理论，由简单到复杂。 第4，要有信息、决心和恒心，贵在坚持。 第5，选择合适的参考书。
网页设计与制作
Dreamweaver CS3
项目一：
初识Dreamweaver CS3
任务一 任务二 任务三 实训 小结
Dreamweaver与Flash、Fireworks一度被称为网页三剑 客，但Fireworks近年来已逐渐被Photoshop取代，现在所说的 新网页三剑客是指Dreamweaver、Flash和Photoshop。
网页设计与制作
Dreamweaver CS3
项目一：
初识Dreamweaver CS3
网页设计与制作