网页设计与制作ppt高职 第11章 发布站点.ppt

《网页设计与制作ppt高职 第11章 发布站点.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第11章发布站点发布前的准备工作任务1站点的发布与推广任务2本章导读完成了网页的创建后，还需要将网页上传到远程服务器上，用户才能通过网络在浏览器中进行浏览。发布前的准备工作站点的发布与推广能力目标任务1发布前的准备工作阶段1申请空间与域名阶段2测试本地站点阶段3查找和替换阶段4清理文档阶段1申请空间与域名“域名”是指在国际计算机互联网（Internet）上的一个独立网站名称或网址名称。域名的形式是以若干个英文字母或数字组成，由“.”分隔成几部分，如163.com。用户可以通过在浏览器中输入域名来访问该网站。“网站空

2、间”是指存放网站内容的空间，可使用专门的服务器作为网站空间。但购买单独服务器的价格太昂贵，普通用户只需要购买ISP服务商提供的虚拟主机即可。阶段2测试本地站点1.检查目标浏览器检查目标浏览器，是指检查浏览器的兼容性情况，是否能够在指定的浏览器中正确显示网页。检查目标浏览器的操作步骤（1）在“文档”工具栏中单击“目标浏览器检查”下三角按钮，在其下拉菜单中选择“设置”命令。（2）在打开的“目标浏览器”对话框中，选择要检查的浏览器类型。默认情况下，有“MicrosoftInternetExplorer”和“Netscap

3、eNavigator”两种浏览器被选中。（3）因为国内用户大多使用IE浏览器，所以可以只选中“MicrosoftInternetExplorer”选项，在其后面选择合适的浏览器版本号，例如选择“5.0”。（4）单击“确定”按钮，完成设置回到文档中，然后在“文档”工具栏中单击“目标浏览器检查”下三角按钮，在其下拉菜单中选择“检查浏览器支持”命令。（5）检查完成后，如果有错误，在“目标浏览器检查”下三角按钮下面就会显示出所发现错误的提示信息。（6）在“文档”工具栏中单击“目标浏览器检查”下三角按钮，在其下拉菜单中选择“

4、显示所有错误”命令，就会将所有的错误信息显示出来。（7）双击错误提示，即可在“代码”视图显示错误代码内容，然后有针对性地逐个改正错误。2.检测链接（1）在Dreamweaver中打开要检测链接的文档，然后选择“站点→检查站点范围的链接”命令。（2）软件会检查链接情况并打开“链接检查器”面板，在“链接检查器”面板中可以查看错误链接情况，如果所有链接都正确，则没有内容显示出来。阶段3查找和替换（1）打开需要修改的文档，然后选择“编辑→查找和替换”命令（左图），打开“查找和替换”对话框（右图）。（2）在“查找和替换”对话

5、框的“查找范围”下拉列表中选择需要的选项，这里选择“整个当前本地站点”。（3）在“搜索”下拉列表中选择需要的选项，这里选择“源代码”，然后在“查找”文本框中输入要搜索的源代码内容。（4）在“替换”文本框中输入要替换的源代码内容。（5）在“选项”栏中选中“使用正则表达式”和“区分大小写”复选框。（6）单击“替换全部”按钮，开始进行替换操作。操作完成后会自动打开“结果”面板，在其中显示替换的结果信息。阶段4清理文档使用Dreamweaver制作网页时，有时候会因为各种操作的原因造成大量的无用代码，这些无用代码会影响网页

6、的浏览速度。因此，在制作完成网页后，还需要对文档中的代码进行清理，将一些空标签和无用的代码清除掉。（1）打开需要清理代码的文档，选择“命令→清理HTML”命令（左图），打开“清理HTML/XHTML”对话框（右图）。（2）在对话框的“移除”栏中选中需要的复选框，这里保持默认选项“空标签区块”和“多余的嵌套标签”复选框即可。（3）在“选项”栏中选择需要的复选框，这里只选中“完成后显示记录”复选框，然后单击“确定”按钮。（4）Dreamweaver开始自动清理文档中多余的代码，在清理完成后会弹出一个提示框，提示清理结果

7、。任务2站点的发布与推广站点创建完成后，还需要进行发布与推广，这是整个网站制作的重要环节。阶段1站点的发布1.设置远端主机信息在Dreamweaver中可以直接上传站点，而不必使用其他专门的上传工具，但在上传之前需要在Dreamweaver中设置好远端主机信息。（1）在Dreamweaver中选择“站点→管理站点”命令（左图），打开“管理站点”对话框（右图）。（2）在“管理站点”对话框中选择要上传的站点，然后单击“编辑”按钮（左图），打开站点的定义对话框（右图）。（3）在对话框的“高级”标签中选择“分类”列表中的“

8、远程信息”选项，然后在“访问”下拉列表中选择“FTP”项。（4）在打开的设置界面中，设置好远程访问方式、FTP主机地址、登陆名及密码等内容。（5）单击“确定”按钮，完成远端主机信息设置，回到“管理站点”对话框，单击“完成”按钮完成所有操作。2.上传/下载文件（1）打开“文件”面板，选择“连接到远端主机”按钮（左图），打开连接提示框，显示网络连接进度（右图）。