网页网站制作教程第01章

《网页网站制作教程第01章》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第01章走近Dreamweaver8Dreamweaver8(网页制作）主讲：张景山□本章知识点及学习目标本章是Dreamweaver8的入门章节。首先对Dreamweaver8软件进行简单介绍，接着对Dreamweaver8的工作界面、面板和参数设置进行讲解。使初次接触Dreamweaver8的使用者能较快上手，免去不必要的重复操作。前期的准备工作使读者有一个良好的开端，这些都是为以后的学习做铺垫。最后通过实战演练和练习题近一步巩固本章所学知识。■认识Dreamweaver8■认识Dreamweaver8■认

2、识Dreamweaver8的操作环境■插入工具栏■熟悉工具栏■面板的基本操作■认识【属性】面板■Dreamwaver8的参数设置本书内容概览1.1认识Dreamweaver81.2认识Dreamweaver8的操作环境1.2.1熟悉工具栏1.2.2【属性】面板1.2.3插入工具栏1.3面板的基本操作1.3.1显示面板1.3.2分离面板以及将其完全关闭的方法1.3.3伸缩面板组区域1.4Dreamwaver8的参数设置1.4.1【常规】参数设置1.4.2【字体】参数设置1.4.3【状态栏】参数设置1.5实战演练1

3、.5.1范例1定制自己喜欢的软件环境1.5.2范例2重组面板组1.6思考与练习1.1认识Dreamweaver8MacromediaDreamweaver8，这个在全球超过70％占有率的可视化网页编辑软件，在经历了多次改版后，其功能更加更加强大，操作更加便捷。它不仅整合了所有浏览器客户端、服务器端的网页制作技术，而且还推出了适合全球使用不同语言的各个版本。现在最新版本是Dreamweaver8，在Dreamweaver8中新增了许多功能，使复杂的技术变得简单而方便，现在只需花费很少的时间和精力便可制作出所需要的

4、网站。1.2认识Dreamweaver8的操作环境在学习Dreamweaver8之前，先要了解一下它的操作环境。在Dreamweaver8的工作区中，全部的窗口和面板都被集成在一个应用程序窗口中，主要包括【菜单】栏、【插入】栏、【文档】窗口、【属性】面板以及面板组等。如图所示。【菜单】栏：包含了Dreamweaver8中所用的各种菜单，可以在这里选择各种功能菜单命令，Dreamweaver8中所有的功能都可以通过这里的菜单命令来完成。【插入】栏：包含了在网页中插入网页元素时使用的面板。单击图标则可插入相应的网页

5、元素到网页中。【文档工具】栏：以图标的形式包含了Dreamweaver8中所使用的各种工具。【文档】窗口：它与浏览器的界面相同，是网页设计和制作者进行实际操作的地方。标签选择器：显示网页文档中使用的标签，并且单击时相应标签的部分被选中。【属性】面板：可以在这里仔细地调整【文档】窗口中插入各种元素的属性。面板组：通过创建CSS、应用程序、标签监测器、文件等面板组，可以把关联功能聚集到一起。【文件】面板：用于管理组成站点的文件和文件夹。【文件】面板还可以访问本地磁盘上的全部文件，与Windows资源管理器非常类似。

6、1.2.1熟悉工具栏在Dreamweaver中，工具栏中收集了菜单中经常使用的功能，这些功能被制作为各种图标形状。工具栏可以分为【标准】工具栏和【文档】工具栏两种。由于这些功能都是经常使用的，所以读者最好全部记住。。1．【标准】工具栏【新建】按钮：创建新的网页文档。【打开】按钮：打开已保存的网页文档。【保存】按钮：保存当前文档窗口中的网页文档。【全部保存】按钮：保存在Dreamweaver中打开并编辑的全部网页文档。【打印代码】按钮：将网页文档中的代码进行打印。【剪切】按钮：剪切网页文档中已经选定的文本或图像。

7、【复制】按钮：复制网页文档中已经选定的文本或图像。【粘贴】按钮：粘贴被剪切或复制的文本或图像。【撤销】按钮：撤销前一次的操作。【重做】按钮：重新执行被撤销的操作。2．【文档】工具栏【文档】工具栏中包含按钮，这些按钮使您可以在文档的不同视图间快速切换：【代码】视图、【设计】视图、同时显示【代码】和【设计】视图的拆分视图。【文档】工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项，如图所示。【显示代码视图】：仅在【文档】窗口中以HTML源代码形式显示网页文档。【显示代码视图和设计视图】：在

8、【文档】窗口的一部分中显示网页文档的HTML源代码，在另一部分中显示网页文档的可视化效果图。【显示设计视图】：这是默认设置。仅在【文档】窗口中显示网页文档的可视化效果图。【文档标题】：允许您为文档输入一个标题，它将显示在浏览器的标题栏中。【没有浏览器/检查错误】：可以检查所设计的网页跨浏览器兼容性。可以用指定的网页浏览器预览网页文档，当网页文档存在JavaScript错误时，在浏览器中