网页制作技术——Dreamweaver Flash Fireworks 赵丰年 第2章

《网页制作技术——Dreamweaver Flash Fireworks 赵丰年 第2章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章建站与编辑网页2.1开始建站2.2制作第一个网页2.3文本修饰2.4使用超链接把网页链起来2.1开始建站2.1.1Dreamweaver的工作界面DreamweaverMX是当前Macromedia公司最新版本的网页制作软件。安装了该软件后，首次启动它系统会打开一个提示用户选择工作区的对话框，如图2.1所示。用户可以根据需要选择一种工作区设置。本书约定将采用第一种界面设置，即DreamweaverMX用户工作区布局。返回目录图2.1选择“DreamweaverMX用户工作区”在“工作区设置”对话框中，选取“DreamweaverMX工作区”单选按钮，然后单击“确定”按钮，系

2、统启动DreamweaverMX软件，并自动打开一个空白未命名的文档窗口，这就是制作网页时的工作界面，如图2.2所示。图2.2DreamweaverMX工作界面2.1.2创建与管理站点1．新建本地站点在Dreamweaver中建立本地站点的方法如下。（1）在文档窗口中选择“站点”菜单中的“新建站点”命令或“站点”面板“站点”菜单中的“新建站点”命令，打开“定义站点”对话框，选择“高级”选项卡（也可按“基本”选项卡中的向导操作，但不如用“高级”选项卡方便），如图2.5所示。图2.5“站点定义”对话框（2）在“站点名称”文本框内输入站点名称，例如localsite。该站点名称只是在D

3、reamweaver中的一个站点标识，因此可以采用中文名称。（3）在“本地根文件夹”文本框旁边单击“浏览”按钮，在打开的“选择站点localsite的本地根文件夹”对话框中，定位到事先建立的站点文件夹，或者在打开的对话框中单击“新建文件夹”按钮创建一个新文件夹，如图2.6所示。选定文件夹后，“站点定义”对话框中相应文本框的内容自动更新。图2.6选择站点的本地根文件夹（4）在“默认图像文件夹”文本框旁边单击“浏览”按钮，用同样的方式指定站点中用于存放图像的文件夹。这样设置之后，以后网页中要用到的图像文件都应该放到该文件夹，以便统一管理。（5）其他选项保持不变，单击“确定”按钮，此时

4、站点面板中出现新建的站点窗口，如图2.7所示。图2.7建立的新站点2．管理本地站点文件的基本操作在Dreamweaver中，可以使用“文件”菜单来对单独的文件进行管理。例如，执行“新建”、“打开”、“保存”、“另存为”等命令。另外也可以在“站点”面板中对网站中的文件进行管理。例如，执行“新建”、“打开”、“删除”、“移动”、“复制”、“重命名”等命令。选择“站点”面板“文件”菜单中对应命令，即可对选取文件进行编辑操作。例如，选择文件后，在“站点”面板中选择“文件”菜单中的“打开”命令，则Dreamweaver在文档窗口中打开该文件（当然最简单的方法是在站点窗口中双击相应的文件图

5、标）。在对站点中的文件或文件夹进行操作时，合理地使用右键快捷菜单能大大加快操作速度。例如，在选中的文件夹上单击鼠标右键，然后选择“新建文件夹”命令，可以在相应文件夹中新建一个文件夹。编辑站点在Dreamweaver中创建好本地站点后，如果需要，还可以对整个站点（本地根目录）进行编辑操作。例如，复制站点、删除站点等。如果需要编辑站点，可以执行以下步骤。（1）在站点面板中单击“站点名称”选框，在下拉列表中选择“编辑站点”命令，打开“编辑站点”对话框，如图2.8所示。图2.8“编辑站点”对话框（2）在对话框左侧列表中选择需要编辑的站点，然后单击右侧按钮，则可以进行相应的操作。单击“新

6、建”按钮，打开“站点定义”对话框，可以新建一个站点；单击“编辑”按钮，打开“站点定义”对话框，可以编辑站点信息；单击“复制”按钮，可以复制一个被选择的站点；单击“删除”按钮，可以将站点文件夹在Dreamweaver中清除；单击“导出”按钮，可以将Dreamweaver中的站点导出，以便别的用户或者在别的计算机上使用该站点；单击“导入”按钮，打开“导入站点”对话框，浏览到要导入的站点（保存为XML文件）并将其选定可以导入一个站点（在导入文件之前，必须先从Dreamweaver中导出站点，将站点保存为XML文件）。（3）操作完成后，单击“完成”按钮。指定站点首页网站的门户就是首页，

7、通常首页文件中总包含有若干指向其他主要网页的超链接，我们可以先为网站创建一个空白首页，然后编辑，并可以利用站点地图来查看网站中超链接的情况。设置站点首页步骤如下。（1）在站点窗口中选取需要设置首页的站点，再选择“文件”菜单中的“新建文件”命令，出现一个“Untitled.htm”（无标题）文件图标，此时在文本框内，输入“index.htm”，最后按【Enter】键。（2）在站点面板中选取“index.htm”文件图标，单击鼠标右键，选择“设成首页”命令，则该文件被指定为站点的首页