在Dreamweaver MX中创建网站基本过程.docVIP

在Dreamweaver MX中创建网站的基本过程 在Dreamweaver中创建的网站分为本地站点和远程站点。 设计网站时在本地计算机建立的站点称为本地站点，在Internet服务器上建立的站点则称为远程站点。Dreamweaver提供了FTP功能，能够很方便地在本地站点与远程站点之间进行信息传递和交换。 创建本地站点实际上就是在本地计算机的硬盘上创建一个文件夹，并把这个文件夹设置为本地站点的根文件夹。在这个文件夹中可以创建不同的子文件夹以存放不同类型的文件，这些子文件夹无论怎样规划，在站点文件夹中都应该包含站点中的所有HTML文件以及站点所需的图像、视频、声音、插件等网页元素。 通常情况下是在完成站点规划和设计后，先建立本地站点，在本地测试通过后再上传到远程站点中。 (1) 在Dreamweaver中创建新网站 1)在主菜单中选择“站点—新建站点”，出现站点定义对话框，如图1.53所示。在对话框中有“基本”和“高级”两个选项卡，它们都是可用来创建站点的，其中“基本”选项卡是采用向导的形式引导用户逐步创建网站的，而“高级”选项卡除可以创建网站外，还可以方便地编辑站点信息。 站点定义对话框 2)在对话框中选择“高级”选项卡，对话框左边将显示“分类”栏，共有7种类别，如图1.54所示。 3)创建本地站点：选择本地信息，在对话框中输入站点名称、本地根目录文件夹的路径名、默认图像文件夹的路径名以及网站将要使用的HTTP地址，如图1.54所示。在“HTTP地址”文本框中，如果还没有网站将要使用的网址，可以空缺不输入，待申请网站存放空间获得了网址后再输入；如果远程站点建立在用户局域网的服务器（假设IP地址是）上，其主机目录（图1.55中的“/abc”）的Web共享名假设为“xyz”，则可以在“HTTP地址”文本框中输入“ HYPERLINK /xyz /xyz”。 4)创建远程站点：选择远程信息，在出现的对话框中选择用“FTP”访问远程站点，输入申请网站存放空间时从远程服务器管理员处获得的FTP服务器地址、远程服务器上存放站点的目录以及登录的用户名和密码等。如果远程站点建立在用户局域网的服务器上，其访问方式既可以使用“FTP”，也可以使用“本地/网络”。当局域网配置有FTP服务器时，可以使用FTP访问局域网服务器上的远程站点，其远程站点的设置如图1.55所示。 5)点击“确认”完成网站的建立工作。 (2) 在本地站点中创建新网页 建立本地站点后，在Dreamweaver的“文件”菜单中选择“新建”，在出现的对话框中依次点击“基本页”、“HTML”、“创建”，这样就建立了一个空白的网页。 在新建的空白网页中可以插入文字或图像、添加超级链接等等。有关网页的具体制作过程，在后面的章节中将会逐步介绍。这里，在编辑窗口中输入“电子商务”并用鼠标选中这四个字，通过“文本”菜单中的命令对其格式化：选择“段落格式”为“标题1”，再选择“居中对齐”和“红色”。这样，一个简单的网页就做好了。在“文件”菜单中选择“保存”，输入网页名称“eb.htm”再单击“保存”，新网页就保存在站点文件夹中了。按F12键可以预览网页，效果如图1.57所示。 图1.57　网页预览结果 1.4.4 网站的测试、上传与管理 (1) 网站测试 通常情况下，测试内容包括速度测试、兼容性测试、交互性测试、链接正确性测试、超流量测试以及排版和内容方面的错误检查等等。这些测试在实际运用中往往是结合在一起进行的，并且要经过多次从测试到修改再到测试的循环过程。 1)链接测试 主要测试网页中的各种链接是否正确。在浏览网页时，如果网页中的图片位置显示为空框或网页链接结果为“404 Not Found”，说明链接有问题。此时，应检查链接对象的引用是否正确，主要检查文件名和路径名是否正确。为避免这种错误的产生，在制作网页时应严格地按照规划好的目录结构存取文档。同时，在保存文档时，应注意不要在文件名和文件夹名中使用空格、特殊符号（如 é、? 或 ￥）和标点符号（如冒号、破折号或句号），因为很多服务器在上传文件时会更改这些符号，这会导致与这些文件的链接中断。 在Dreamweaver中可以通过在“文件”面板（如图1.58所示）的“文件”菜单中选择“检查链接”或“站点”菜单中选择“检查站点范围内的链接”来检查链接情况，通过“结果”面板可以查看到是否有孤立的链接或错误的链接等，如图1.59所示。 　 文件面板 链接测试结果 2)兼容性测试 主要测试网页在不同的浏览器中是否按设计要求的版面布局进行显示。不同浏览器对网页文本的解释是有区别的，结果就导致了对相同网站的浏览效果并不一致，因此，需要使用不同的浏览器及其不同的版本，在不同的操作系统中对网页进行