本科网页设计与制作实例教程978 7 307 10379 5 教学全套课件资源包02 教案第11章 发布站点.docx

《本科网页设计与制作实例教程978 7 307 10379 5 教学全套课件资源包02 教案第11章 发布站点.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第11章发布站点一、教学目标完成了网页的创建后，还需要将网页上传到远程服务器上，用户才能通过网络在浏览器中进行浏览。二、课时分配本项目共2个小节，安排4课时。三、教学重点本章主要学习了网站的发布与管理。学习本章后，同学们可以进行域名的申请和空间的购买，并且对网站进行后期的推广。四、教学难点进行域名的申请和空间的购买，并且对网站进行后期的推广。五、教学内容11.1发布前的准备工作11.1.1申请空间与域名申请空间和注册域名，都需要找专门的ISP服务商进行购买和租用。“域名”是指在国际互联网（Internet）上的一个独立网站名

2、称或网址名称。域名的形式是以若干个英文字母或数字组成，由“.”分隔成几部分，如163.com。用户可以通过在浏览器中输入域名来访问该网站。“网站空间”是指存放网站内容的空间，可使用专门的服务器作为网站空间。但购买单独服务器的价格太昂贵，普通用户只需要购买ISP服务商提供的虚拟主机即可。11.1.2测试本地站点1.检查目标浏览器检查目标浏览器，是指检查浏览器的兼容性情况，是否能够在指定的浏览器中正确显示网页。检查目标浏览器的操作步骤如下。（1）在“文档”工具栏中单击“目标浏览器检查”下三角按钮，在其下拉菜单中选择“设置”命令。

3、选择相应命令（2）在打开的“目标浏览器”对话框中，选择要检查的浏览器类型。默认情况下，有“MicrosoftInternetExplorer”和“NetscapeNavigator”两种浏览器已被选中。（3）因为国内用户大多使用IE浏览器，所以可以只选中“MicrosoftInternetExplorer”选项，在其后面选择合适的浏览器版本号，例如选择“5.0”。选择浏览器版本（4）单击“确定”按钮，完成设置并返回到文档中，然后在“文档”工具栏中单击“目标浏览器检查”下三角按钮，在其下拉菜单中选择“检查浏览器支持”命令。（5

4、）检查完成后，如果有错误，在“目标浏览器检查”下三角按钮下面就会显示出所发现错误的提示信息。（6）在“文档”工具栏中单击“目标浏览器检查”下三角按钮，在其下拉菜单中选择“显示所有错误”命令，就会将所有的错误信息显示出来。显示错误信息（7）双击错误提示，即可在“代码”视图显示错误代码内容，然后有针对性地逐个改正错误。显示错误代码内容2.检测链接检测链接，通常是指检测网站中的链接是否全部正确，有没有错误指向和缺少目标文件的错误链接。（1）在Dreamweaver中打开要检测链接的文档，然后执行“站点”→“检查站点范围的链接”菜单

5、命令。选择相应命令（2）软件会检查链接情况并打开“链接检查器”面板，在“链接检查器”面板中可以查看错误链接情况，如果所有链接都正确，则没有内容显示出来。“链接检查器”面板11.1.3查找和替换在Dreamweaver中可以使用查找和替换功能来同时修改多个文档内容。下面介绍使用查找和替换功能修改文档的方法。（1）打开需要修改的文档，然后执行“编辑”→“查找和替换”菜单命令，打开“查找和替换”对话框。选择相应命令（2）在“查找和替换”对话框的“查找范围”下拉列表中选择需要的选项，这里选择“整个当前本地站点”。设置查找范围（3）在

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

7、将一些空标签和无用的代码清除掉。下面介绍使用Dreamweaver清理文档的方法，其操作步骤如下。（1）打开需要清理代码的文档，执行“命令”→“清理HTML”菜单命令，打开“清理HTML/XHTML”对话框。选择相应命令（2）在对话框的“移除”栏中选中需要的复选框，这里保持默认选中“空标签区块”和“多余的嵌套标签”复选框即可。（3）在“选项”栏中选中需要的复选框，这里只选中“完成后显示记录”复选框，然后单击“确定”按钮。选中相应复选框（4）Dreamweaver开始自动清理文档中多余的代码，在清理完成后会弹出一个提示信息框，

8、提示清理结果。11.2站点的发布与推广11.2.1站点的发布1.设置远端主机信息在Dreamweaver中可以直接上传站点，而不必使用其他专门的上传工具，但在上传之前需要在Dreamweaver中设置好远端主机信息。（1）在Dreamweaver中执行“站点”→“管理站点”菜单命令，打开“