网站制作与编辑12

网站设计网页设计与制作网站设计与制作2$[知识目标]站点的测试站点的发布8[能力目标]掌握站点测试的内容与操作掌握定义远程站点的方法使用Dreamweaver8发布站点的操作第12章站点测试和发布网站设计与制作3•12.1测试站点•12.2发布站点•本章小结第12章站点测试和发布网站设计与制作412.1测试站点12.1.1浏览器兼容性测试12.1.2超链接测试网站设计与制作51．单击菜单栏中“窗口”|“结果”命令，打开“结果”面板，选择“目标浏览器检查”选项，如图所示。12.1.1浏览器兼容性测试12.1测试站点网站设计与制作62．单击左上角的按钮，在打开的菜单中选择“设置”，打开“目标浏览器”对话框，设置浏览器的最低版本。3．设置完成后，单击“确定”按钮，退出“目标浏览器”对话框。12.1.1浏览器兼容性测试12.1测试站点网站设计与制作74．在“结果”面板中，单击按钮，选择“检查整个当前本地站点的目标浏览器”如图所示。12.1.1浏览器兼容性测试12.1测试站点网站设计与制作85．检查完成后，会在“结果”面板的列表框中显示检查结果，标识出存在的浏览器兼容性问题及详细内容。如图所示。12.1.1浏览器兼容性测试12.1测试站点网站设计与制作91．在“结果”面板，选择“链接检查器”选项。如图2．单击按钮,选择“检查整个当前本地站点的目标浏览器”如图所示12.1.2超链接测试12.1测试站点网站设计与制作103．检查完成后，会在“结果”面板的列表框中显示检查结果。如图所示。12.1.2超链接测试12.1测试站点网站设计与制作114．在显示的下拉菜单中有三个选项，分别是：“断掉的链接”、“外部链接”和“孤立文件”，用来查看当前站点中“断掉链接”、“外部链接”和“孤立文件”的相关信息。具体如下：•“断掉的链接”：是否存在断开的链接，是默认选项。•“外部链接”：外部链接是否有效。•“孤立文件”：站点中是否存在孤立的文件。修复“断掉的链接”，只需打有要修复的网页，输入正确的链接地址就可以了。12.1.2超链接测试12.1测试站点网站设计与制作1212.2发布站点12.2.1申请空间和域名12.2.2发布网站12.2.3站点推广网站设计与制作13申请免费空间的操作流程一般如下：1．首先在网络找到提供免费空间的网站，并登录网站。2．进入免费空间申请的页面，首先阅读服务条款。服务条款必须要仔细阅读，如果同意，点击“同意”或“我同意”。进入填写注册信息页面。3．填写注册信息，为网站起域名。4．注册成功后，网站会给出空间的网址及在什么时间开通。5．如果支持FTP上传的网站，则会给出FTP主机名和密码，用于上传网站时使用。12.2.1申请空间和域名12.2发布站点网站设计与制作14（一）设置远程服务器信息1．单击菜单栏中“站点”|“管理站点”命令，打开管理站点对话框，如图所示。2．选择要上传的站点名称，如选择“长春悠游网”，单击“编辑”按钮，打开“站点定义”对话框，切换到“高级”选项，在左侧列表中选择“远程信息”。12.2.2发布网站12.2发布站点网站设计与制作1512.2.2发布网站12.2发布站点网站设计与制作163．在“访问”选项中选择“FTP”方式。主要设置如下：“FTP主机”：填入FTP主机地址。“登录”和“密码”：输入FTP登录的用户名和密码，选择“保存”则系统自动保存密码。“防火墙设置”一般来说服务器都有完善的防火墙，无需用户自行设置。因此这里的除非服务商要求选“使用passiveFTP”（使用被动式FTP）其他选项均可不设置。4．完成设置后，单击“测试”按钮，可测试是否能链接到远程服务器。5．测试无误后，单击“确定”按钮，完成远程信息设置。12.2.2发布网站12.2发布站点网站设计与制作17（二）上传站点1．在“文件”面板中单击“展开/折叠”按钮，打开站点窗口，如图所示。12.2.2发布网站12.2发布站点网站设计与制作18（二）上传站点2．在“站点窗口”单击链接按钮，与远程服务器建立链接，如图所示。12.2.2发布网站12.2发布站点网站设计与制作19（二）上传站点3．与远程服务器建立链接后，如下图所示。在窗口中，左侧显示远程信息，列出了远程的目录；右侧为本地信息，列出了本地目录。12.2.2发布网站12.2发布站点网站设计与制作20（二）上传站点4．在本地目录中选择上传的文件或文件夹，单击上传按钮，开始上传文件如下图，上传文件的时间取决计算机及网络的速度。12.2.2发布网站12.2发布站点网站设计与制作211．在Dreamweaver8中插入关键字和说明设置关键字和说明的操作为：（1）打开要插入关键字和说明的网页。（2）单击菜单栏中“插入”|“HTML”|“文件头标签”|“关键字”命令，打开“关键字”对话框，如图所示。12.2.3站点推广12.2发布站点网站设计与制作22（3）在对话框中输入关键字后，单击“确定”按钮，完成关键字的设置。（4）单击菜单栏中“插入”|“HTML”|“文件头标签”|“说明”命令，打开“说明”对话框，如图所示。（5）在“说明”的文本框中输入简短的描述性文本，单击“确定”完成说明的设置。12.2.3站点推广12.2发布站点网站设计与制作232．将站点资料放置到Web搜索引擎。3．互建友情链接。4．利用E—Mail宣传网站。5．通过网络广告、BBS宣传推广网站。12.2.3站点推广12.2发布站点网站设计与制作24本章小结第12章站点测试和发布站点测试和发布测试站点发布站点浏览器兼容性测试超链接测试申请空间和域名发布网站