网页设计与制作教程与实训.pptx

网页设计与制作教程与实训01

2.1Dreamweaver8简介Dreamweaver8利用Dreamweaver8中的可视化编辑功能，快速地创建页面而无需编写任何代码。查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。在MacromediaFireworks或其他图形应用程序中创建和编辑图像，然后将它们直接导入Dreamweaver8，添加MacromediaFlash对象。从而优化您的开发工作流程。在于能够进行多任务工作，是一种更富于工作效率的操作系统。它在操作方法、界面风格具有更加时尚化。

Dreamweaver8新增功能【样式呈现】工具栏插入Flash视频内容支持ColdFusionMX7支持PHP5CSS样式：CSS布局可视化、新的标准CSS面板、改善的CSS呈现功能

2.2Dreamweaver8的工作界面

常用面板的使用2.3.1使用插入栏【插入】栏包括图像、表格、层等对象按钮，单击这些按钮可以为网页添加相应的元素。默认的插入栏为标准插入栏。单击插入栏左侧的下三角按钮，可以更换为其他工具栏。

2.3.2使用属性面板

属性面板并不是将所有的对象和属性加载到面板上，而是根据用户选择的不同对象来动态地显示对象的属性。制作网页时，可以根据需要随时打开或关闭，或者通过拖动属性面板的标题栏将其移到合适的位置。

2.3.3使用文件面板

启动【文件】面板

设置站点参数

定义站点主页的操作方法有如下两种。

在【文件】面板中，从弹出菜单(当前站点、服务器或驱动器显示在该菜单中)中选择一个站点。右击要设为主页的文件，从弹出的快捷菜单中选择【设成首页】命令。

在【我的站点的站点定义为】对话框中，打开【高级】选项卡，在【分类】列表框中选择【站点地图布局】，通过【主页】文本框后的【浏览文件】图标选择一个文件作为主页。

2.3.4资源面板资源包括存储在站点中的各种元素，如图像或影片文件。【资源】面板提供了两种查看资源的方式。【站点】列表显示站点的所有资源。【收藏】列表仅显示明确选择的资源。

2.5站点的基本操作2.5.1定义站点创建本地站点设置远程站点

2.5站点的基本操作2.5.2编辑站点添加标题编辑站点添加标题在创建站点之后，可以对站点属性进行编辑，具体操作方法如下。添加标题选择【站点】|【管理站点】命令，如图所示的【管理站点】对话框。添加标题从列表中选择要编辑的站点名称。单击【编辑】按钮，即可打开对话框，对该本地站点进行编辑。添加标题编辑完毕，单击【确定】按钮，可以返回【管理站点】对话框。单击【完成】按钮，完成编辑操作。添加标题

2.5站点的基本操作2.5.2编辑站点删除站点如果不再需要利用Dreamweaver8对某个本地站点进行操作，同样可将其从站点列表中删除。具体操作步骤如下。【管理站点】对话框中，单击【删除】按钮。系统会弹出一个提示对话框，询问用户是否要删除本地站点，单击【是】按钮，即可删除选中的本地站点，返回【管理站点】对话框，单击【完成】按钮，完成操作。提示：该操作实际上是删除了Dreamweaver同本地站点之间的关系，但是实际上本地站点的内容，包括文件夹和文档等，都依然保存在磁盘相应的位置上，用户可以重新创建指向其位置的新站点，重新对其进行管理。

2.5站点的基本操作2.5.2编辑站点复制站点在【管理站点】对话框中选择要复制的站点，单击【复制】按钮，即可将该站点复制，新复制出的站点名称将会出现在【管理站点】对话框的站点列表中。该名称采用原站点名称后添加【我的站点复制】字样的形式。】如有需要，可以选中新复制的站点，然后单击【编辑】按钮，对之进行编辑，例如修改站点名称等。在【管理站点】对话框中单击【完成】按钮，完成对该站点复制的操作。

2.5站点的基本操作2.5.3操作站点文件利用【站点】窗口，可以对本地站点的文件夹和文件进行创建、删除和复制等操作。创建文件和文件夹提示：如果要修改文件的名称或文件夹的名称，可以单击文件的名称或文件夹的名称，或按下F2键，激活文字编辑状态，然后输入想要的名称即可。

提示：移动或复制文件，由于文件的位置发生了变化，其中的链接信息(特别是相对链接)可能发生了相应的变化。Dreamweaver8会打开如图2.37所示的对话框，提示是否要更新被移动或复制的文件中的链接信息。如果需要更新，则从列表中选择要更新的文件，单击【更新】按钮，则更新文件中的链接信息。2.文件的移动和复制与大多数文件管理器一样，用户可以利用剪切、复制和粘贴操作来实现文件或文件夹的移动和复制。

删除文件要从本地文件列表中删除文件，可以按照以下方法进行。选中要删除的文件或文件夹。在【编辑】菜单中，选择【删除】命令，或