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

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

1、网页设计与制作实例教程主讲教师11.1发布前的准备工作11.2站点的发布与推广第11章发布站点本章主要学习了网站的发布与管理。学习本章后，同学们可以进行域名的申请和空间的购买，并且对网站进行后期的推广。学习重点第11章发布站点申请空间和注册域名，都需要找专门的ISP服务商进行购买和租用。“域名”是指在国际互联网（Internet）上的一个独立网站名称或网址名称。域名的形式是以若干个英文字母或数字组成，由“.”分隔成几部分，如163.com。用户可以通过在浏览器中输入域名来访问该网站。“网站空间”是指存放网站内容的空间，可使用专门的服务器作为网站空间。但购买单独服务器的价格太昂

2、贵，普通用户只需要购买ISP服务商提供的虚拟主机即可。11.1.1申请空间与域名11.1发布前的准备工作1.检查目标浏览器检查目标浏览器，是指检查浏览器的兼容性情况，是否能够在指定的浏览器中正确显示网页。检查目标浏览器的操作步骤如下。（1）在“文档”工具栏中单击“目标浏览器检查”下三角按钮，在其下拉菜单中选择“设置”命令。11.1.2测试本地站点11.1发布前的准备工作（2）在打开的“目标浏览器”对话框中，选择要检查的浏览器类型。默认情况下，有“MicrosoftInternetExplorer”和“NetscapeNavigator”两种浏览器已被选中。（3）因为国内用户大

3、多使用IE浏览器，所以可以只选中“MicrosoftInternetExplorer”选项，在其后面选择合适的浏览器版本号，例如选择“5.0”。11.1.2测试本地站点11.1发布前的准备工作（4）单击“确定”按钮，完成设置并返回到文档中，然后在“文档”工具栏中单击“目标浏览器检查”下三角按钮，在其下拉菜单中选择“检查浏览器支持”命令。（5）检查完成后，如果有错误，在“目标浏览器检查”下三角按钮下面就会显示出所发现错误的提示信息。11.1.2测试本地站点11.1发布前的准备工作（6）在“文档”工具栏中单击“目标浏览器检查”下三角按钮，在其下拉菜单中选择“显示所有错误”命令，就

4、会将所有的错误信息显示出来。11.1.2测试本地站点11.1发布前的准备工作（7）双击错误提示，即可在“代码”视图显示错误代码内容，然后有针对性地逐个改正错误。11.1.2测试本地站点11.1发布前的准备工作2.检测链接检测链接，通常是指检测网站中的链接是否全部正确，有没有错误指向和缺少目标文件的错误链接。（1）在Dreamweaver中打开要检测链接的文档，然后执行“站点”→“检查站点范围的链接”菜单命令。11.1.2测试本地站点11.1发布前的准备工作（2）软件会检查链接情况并打开“链接检查器”面板，在“链接检查器”面板中可以查看错误链接情况，如果所有链接都正确，则没有内

5、容显示出来。11.1.2测试本地站点11.1发布前的准备工作在Dreamweaver中可以使用查找和替换功能来同时修改多个文档内容。下面介绍使用查找和替换功能修改文档的方法。（1）打开需要修改的文档，然后执行“编辑”→“查找和替换”菜单命令，打开“查找和替换”对话框。11.1.3查找和替换11.1发布前的准备工作（2）在“查找和替换”对话框的“查找范围”下拉列表中选择需要的选项，这里选择“整个当前本地站点”。11.1.3查找和替换11.1发布前的准备工作（3）在“搜索”下拉列表中选择需要的选项，这里选择“源代码”，然后在“查找”文本框中输入要搜索的源代码内容。（4）在“替换”

6、文本框中输入要替换的源代码内容（5）在“选项”栏中选中“使用正则表达式”和“区分大小写”复选框。11.1.3查找和替换11.1发布前的准备工作（6）单击“替换全部”按钮，开始进行替换操作。操作完成后会自动打开“搜索”面板，在其中显示替换的结果信息。11.1.3查找和替换11.1发布前的准备工作使用Dreamweaver制作网页时，有时候会因为各种操作的原因造成大量的无用代码，这些无用代码会影响网页的浏览速度。因此，在制作完网页后，还需要对文档中的代码进行清理，将一些空标签和无用的代码清除掉。下面介绍使用Dreamweaver清理文档的方法，其操作步骤如下。11.1.4清理文档

7、11.1发布前的准备工作（1）打开需要清理代码的文档，执行“命令”→“清理HTML”菜单命令，打开“清理HTML/XHTML”对话框。11.1.4清理文档11.1发布前的准备工作（2）在对话框的“移除”栏中选中需要的复选框，这里保持默认选中“空标签区块”和“多余的嵌套标签”复选框即可。（3）在“选项”栏中选中需要的复选框，这里只选中“完成后显示记录”复选框，然后单击“确定”按钮。（4）Dreamweaver开始自动清理文档中多余的代码，在清理完成后会弹出一个提示信息框，提示清理结果。11.1.4清理文档