Dreamweaver8.0的基本功能介绍

1、Dreamweaver8.0的基本功能介绍学 习 导 航1 各类网页欣赏2 Dreamweaver8.0的工作界面3 常用工具栏4 创建和保存网页5 文本的输入和编辑6 网页课件实例1.各类网页欣赏1.艺术类网站1.各类网页欣赏2.综合类网站1.各类网页欣赏3.旅游网站1.2 Dreamweaver8.0的工作界面1、首次启动Dreamweaver8时系统会弹出如图所示的工作设置对话框， 【设计者】为用户提供了一种“所见即所得”的可视化的创建环境。 【代码编写者】主要为用手写代码的用户设计的。对于初级使用者一般选取选择。 注：【设计者】工作设置，选择工作界面后，单击“确定”按钮。 返回退出1.

2、3 常用工具栏11、菜单栏-菜单栏包含10类主菜单，它涵盖了软件的绝大部分功能。2、插入栏-插入栏采用下拉菜单形式显示，包含了各种类型的“对象”插入到文档中的按钮。 返回退出下一页1.3 常用工具栏23、文档工具栏 文档工具栏如图8.2-3所示，通过快捷按钮可以控制文档的视图显示。文档窗口中，单击文档面板上的【设计】按钮可以查看设计的网页画，单击【代码】按钮可以查看和编辑网页代码，单击【拆分】按钮还可以同时查看代码和设计画面。返回退出下一页1.3 常用工具栏24、文档窗口：文档窗口是网页设计区，在这个区域将显示设计的网页或代码。1 代码编辑区2 文档编辑区1.3 常用工具栏25、面 板 组：面

3、板组是将许多常用的功能进行了适当的分类，并以面板叠加的形式放置于窗口的右侧，点击可以展开相应的面板。6、“文件”面板：“文件”面板是对组成网站的网页、图像和程序等文件进行管理。1.3 常用工具栏 37、属性面板： 文档窗口中的设计页面上的某一页面元素时，属性面板就会显示相关信息和参数，并可对其进行修改和设定。属性面板是最常用的一个面板，无论编辑那个页面元素的属性，都要用到它。属性面板的内容也会随着不同元素而改变。 返回退出1.4 创建和保存网页-创建网页1、创建网页创建网页有3种方法：（1）启动Dreamweaver 8的时创建网页，选择“创建项目”中的 HTML，就可以创建一个新的网页。（2

4、）在【文件】菜单中选择“新建”命令。在弹出的“新建文档”对话框中“常规”选项中，选择“基本页”，在“基本页”区域下选择 “HTML选项”，然后单击“确定”，即可创建一个新的网页。返回退出下一页1.4 创建和保存网页-创建网页（3）在站点窗口直接创建网页。在“文件”面板中打开本地站点，然后单击右键，在弹出的快捷菜单中，选择“新建文件”命令，即 可创建一个新的网页。 1.4 创建和保存网页-保存网页 如果网页编辑完成或已经告一段落，需要保存，根据不同的需要，保存的方法也不同。打开【文件】菜单，要保存当前文档选择“保存”命令；如果当前文档已经保存过，可选择“另存为”命令；如果在编辑时已经打开了多个文

5、档，希望将所有的文档进行保存，则选择“全部保存”命令。返回退出2.5 文本的输入和编辑1、输入文本2、插入图像3、表格的应用返回退出1、输入文本 将鼠标的光标定位在要添加文本的地方，即可以直接输入或在其他应用程序中的文本进行复制，再粘贴到Dreamweaver 8的文档窗口中。 （1）、文本的编辑 在文档窗口输入文本时，文字的字体、字号、颜色等属性都是系统默认的，根据实际需要，可以在文本属性面板对其进行相应的设置。（2）、段落格式在属性面板中可以对文本进行相关的设置，也可以对段落进行设置。 返回退出2、插入图像在Dreamweaver 8中可以直接插入图像。网页中常用的图像格式主要有三种GIF

6、、JPEG、PNG格式a)光标定位要插入图片的位置。b)在插入工具栏上，点击插入图像按钮。打开选择图像源文件对话框，选择要插入的图片，点击确定按钮即可插入图像。c)插入后的图片以图片的原始大小插入，选中图片调出图片属性面板，可以在图片属性面板中进行修改。 返回退出3、表格的应用1在制作网页时经常会用到表格，在Dreamweaver 8可以迅速使用户建立起表格及对表格的编辑。在网页中插入表格的方法有两种，具体方法如下：1、利用插入工具栏上的快捷键插入表格。（1）、单击插入工具栏表格按钮。（2）、在弹出的表格属性框中，设置好相应的参数，点击“确定”按钮，完成表格的输入。返回退出下一页3、表格的应用

7、22、利用菜单输入表格（1）在【插入】菜单中执行插入表格命令 。（2）在弹出的表格属性框中，设置好相应的参数，点击“确定”按钮，完成表格的输入 。返回退出下一页3、表格的应用33、在表格中添加内容A、添加文本1）用鼠标选择要输入内容的单元格。2）直接输入文本或将复制的文本粘贴在单元格中。3 ）按Tab键将光标移动到下一个单元格，继续添加文本。B、添加图片1）用鼠标选择要输入内容的单元格。2）单击插入工具栏中按钮，或执行菜单的“插入图片”命令。返回退出3、表格的应用33）打开选择图像源文件对话框，选择要插入的图片，点击确定按钮即可插入图像。（4）、表格的编辑表格创建完成以后可以利用属性面板进行编

8、辑。1）选择创建完成的表格，调出表格属性面板。2）根据表格属性面板上提供的参数可以对表格的相关属性进行设置。1.6网页课件实例1、创建新站点2、制作网页返回退出1、创建新站点1）在本地计算机硬盘创建一个文件夹，名为“我的首页”。2）打开Dreamweaver 8，在菜单栏打开“站点”选项，执行“新建站 点”命令。3）在弹出的对话框中选择“基本”选卡，输入站点的名称。4）单击“下一步”按钮，在弹出的对话框中选择“否，我不想用服务器技术”。返回退出1、创建新站点5）单击“下一步”按钮，在弹出对话框中选择“编辑我的计算机上的本地副本，完成后在上传服务器”选项，如图1.5-5所示。单击按钮，选择站点的

9、位置为先前创建的文件夹。6）单击“下一步”按钮，在弹出的对话框“您如何连接到远程服务器？”下拉菜单选择“无”选项。1、创建新站点6）单击“下一步”按钮，在弹出的对话框“您如何连接到远程服务器？”下拉菜单选择“无”选项。7）单击“下一步”在弹出的对话框中会所示相关的信息，然后单击“确定”，完成站点的设置。8）此时在Dreamweaver8的文件面板就会出现站点的文件夹及所有的文件。2、制作网页 11）启动Dreamweaver8新建一个HTML页，命名为“index” 。2）单击属性面板中的“页面属性”按钮，打开“页面属性”设置对话框，对页面进行相应的设置，设置完成后点击“确定” 即可。3）根据课件设计方案，在设置好的网页中添加表格，对表格进行编辑，添加好相应的文字，预览后保存。 返回退出下一页2、制作网页 24）在重新创建一个新的网页，命名为“导航页”页面属性的设置同（2），根据已经设计好的方案，编辑导航页。5）然后分别制作“油画赏析”、“山水画赏析”、“古代山水画赏析”网页。返回退出下一页2、制作网页 36）在Dreamweaver 8中，打开导航页，选中“返回主页”文字，在属性面板链接栏点击打开链接对话框选择主页，单击“确定”。链接即建立完成，按