第2章创建站点和文档本章要点:创建新站点、编辑站点新建文档设置文档属性2.1站点的建立和管理在使用DreamweaverMX制作网页前,通常要先定义一个本地站点。所谓本地站点就是本地计算机硬盘上的一个文件夹,站点内的所有文件夹、网页文档、图片及其它资源文件都存放在该文件夹下。创建站点就是要先在本地计算机硬盘上建立一个目录,然后用DreamweaverMX新建站点,再进行网页的制作,并将所有的网页和相关的文件都放在里面。2.1.1创建新站点创建一个新站点的步骤如下:(1)首先确定本地站点的根目录所在位置。(2)启动DreamweaverMX,选择菜单命令【站点】→【新建站点】,即可打开“站点定义”对话框,此时选择“高级”标签,如图(3)左边“分类”中是可选择的选项,右边则是与之对应的详细信息选项。(4)在“站点名称”文本框中输入站点的名称。(5)在“本地根文件夹”文本框中,输入该本地站点根目录的位置。(6)如选中“自动刷新本地文件列表”复选框,则每次向本地站点复制文件,或从本地站点删除文件时,会自动刷新站点窗口的文件列表。(7)在“默认图像文件夹”对话框中,可以输入本地站点中默认的保存图像的文件夹名,该文件夹必须位于站点根目录内。(8)在“HTTP地址”对话框输入该站点的域名,若没有域名也可空着。其他设置如图(2)设置结束,单击“确定”按钮,完成本地站点的建立。“站点”面板现在显示当前站点的新本地根文件夹,同时显示一个图标能以分层视图查看所有本地磁盘。如图:注意:(1)作为本地站点的根文件夹名,站点内的子文件夹和站点内所有的网页文件名以及其他文件名,最好全部采用英文或数字进行命名,因为DreamweaverMX和目前互联网上不识别中文文件名。(2)一个站点的创建工作只需做一次,本次创建的站点,在下次启动DreamweaverMX时,系统会默认进入该站点。(3)若有多个站点,则可在如图所示的“站点”面板,通过在面板列表中选择一个现存站点来打开一个站点。2.1.2编辑站点站点创建后,若不满意还可以对它进行修改。步骤如下:(1)选择菜单命令【站点】→【编辑站点】,或如上图所示在“站点”面板列表选择“编辑站点”,这时将打开编辑站点对话框,如图:(2)从列表中选择要修改或编辑的站点名,单击“编辑”按钮,出现如图所示的对话框,根据需要对其中参数进行修改,修改完毕单击“确定”。(3)返回如图所示的对话框,单击“完成”按钮确定所作的修改。(4)在如图所示的对话框中,还可进行站点的新建、删除和复制。若单击“新建”按钮,则会打开如图所示对话框,可创建一个新站点。(5)若选中某个站点名,再单击“删除”按钮,此时出现提示对话框,询问是否真的要删除该站点,选择“是”就可删除所选的站点,且此操作是不可恢复的。(6)若选中某个站点名,再单击“复制”按钮,则可将该站点复制,新站点名出现在站点列表中,新名称为原名后加上“拷贝”。如需要可单击“编辑”,对其进行修改。2.2创建文档2.2.1新建文档要新建一个空白文档,可以有以下几种方法:(1)启动DreamweaverMX,就可直接创建一个空白网页,对其进行编辑后保存。(2)若已启动DreamweaverMX,在“站点”面板中,选择菜单命令【文件】→【新建文件】,即可在站点目录下建立一个空白文档。(3)在文档窗口选择菜单命令【文件】→【新建】,打开新建文档对话框,选择“常规”选项,在“类别”列表中,选择要创建的文档类别。2.2.2打开已有文档打开一个现有的文档,可采用如下几种方法:(1)在文档窗口,选择菜单命令【文件】→【打开】,出现“打开”对话框,选择需要的文件,按“打开”按钮,即可打开该文件。(2)若需打开的文件就在本站点中,则在“站点”面板中,鼠标双击要打开的文件名,即可在文档窗口打开该文件。2.2.3添加元素、浏览页面1.在文档中添加元素向文档中添加各种对象有以下方法:一是可以通过【插入】菜单命令来插入各种对象;二是可以使用“插入”面板,通过单击面板上的相应图标按钮,向网页中添加对象。2.浏览页面要在浏览器中预览某个页面,可以按键盘上的【F12】建,或者单击文档工具栏的“预览/调试”按钮,在弹出的下拉菜单中选择“预览在Iexplore”。此时会打开浏览器窗口,即可看到页面的外观效果。2.2.4保存文档保存文档的步骤如下:1)切换到要保存的文档所在的文档窗口,选择菜单【文件】→【保存】命令,或是按下Ctrl+S组合键。2)如果文档尚未被保存过,则会出现Windows标准的文件保存对话框。选择路径并输入文件名,按下“保存”按钮,即可存储文档。3)如果文档已经被保存过,则会直接存储文档。2.3设置文档的页面属性2.3.1设置页面标题设置页面标题的方法可以有以下几种:(1)直接在工具栏的“标题”文本框输入页面标题,如图:(2)选择【修改】→【页面属性】菜单命令,或在网页空白处单击鼠标右键,选择“页面属性”项,打开“页面属性”对话框,如图所示,在“标题”文本框输入页面标题,单击“确定”按钮。(3)选择【查看】→【文件头内容】菜单命令,出现头部内容栏,单击其中的标题图标按钮,打开标题属性面板,在标题框内输入页面标题。如图:2.3.2页面属性的设置选择【修改】→【页面属性】菜单命令,或在网页空白处单击鼠标右键,选择“页面属性”项,可以打开“页面属性”对话框,进行综合设置文档的页面属性。如图:2.3.3定义文本的颜色选择【命令】→【设定配色方案】菜单命令,打开如图所示的对话框。在左边的背景列表选择背景颜色,在右边的文本和链接列表选择需要的文本和链接颜色,在最右边的示例框中显示所选择的颜色方案。如果满意,单击“应用”或“确定”按钮2.3.4使用历史面板1.历史面板择【窗口】→【其它】→【历史记录】菜单命令,或使用快捷键Shift+F10,即可打开历史面板。如图:2.撤消操作提示:当撤消一步或多步操作后,又执行了新操作,则原来被撤消的操作将不可再恢复,且这些操作会从步骤列表消失,取而代之的是新的操作步骤。3.自动化任务在历史面板中可以一次重复一个或多个步骤,而且如果要经常执行某些操作,可以创建一个新命令,让其自动执行这些操作。2.4小结本章主要介绍了如何使用DreamweaverMX创建一个本地站点,站点建好后怎么样进行编辑。主要内容包括创建新文档、保存文档、打开已有文档、设置文档的页面属性、修改页面标题、页面背景色、文本颜色等内容。本章还介绍了使用历史面板删除操作步骤以及重复一个与多个连续步骤、创建命令、录制命令等常用操作。