网页设计与制作课件第10章
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
项目十 测试和发布网站
11
目录页
CONTENTS PAGE
第11章 测试和发布网站
案例一 案例二
案例三
发布企业网站——发布网站
案例说明
要使别人能通过互联网访问你的网站,就需要将其上传到 服务器上,并拥有一个属于自己的域名。这就需要申请域 名和虚拟空间。本案例主要介绍域名和虚拟空间的相关知 识及其申请方法。
域”,如sina.com.cn。
项目十 测试和发布网站
14
二、虚拟空间
所谓虚拟空间,是指网站文件所占用的连接到互联网上的服务器空间。
目前,服务商能够提供的虚拟空间模式有三种:主机托管、主机租用和虚拟主机。主机托管是指用户独享
Internet数据中心的一台主机(服务器),由客户自己进行维护,或交由其他签约人进行远程维护;主机租 用与主机托管的唯一区别就是前者的主机所有者为网络服务商,而后者的主机所有者为客户自己;虚拟主 机是在一台主机中运行的各个服务器程序,每个虚拟主机都有独立的域名和IP地址,具有完整的Internet服
可以结合键盘上的【Shift】或【Ctrl】键同时选中多个文件或文件夹。例如, 要选择一组连续的文件,可按住【Shift】键,然后分别单击第一个和最后一个 文件。要选择一组不连续的文件,可按住【Ctrl】键,然后分别单击各个文件。
项目十 测试和发布网站
4
步骤 02
在选中的文件或文件夹上单击鼠标右键,在 弹出的快捷菜单中选择“检查链接”>“选择 文件/文件夹”菜单,如右图所示。
检查结果同样显示在文档窗口下方的“链接 检查器”面板中,如下图所示。
在“链接检查器”面板中单击 按 钮,然后在下拉菜单中选择“检查 整个当前本地站点的链接”,同样 可以检查站点范围的链接。
项目十 测试和发布网站
6
二、修复网页链接
修复网页链接主要是指为有问题的链接重新设置链接文件,或找到链接文件,此处主要指前者。
目录页
CONTENTS PAGE
项目十 测试和发布网站
案例一 案例二
申请域名和虚拟空间——域名和虚拟空间
案例三
发布企业网站——发布网站
案例说明
为确保各网页在浏览器中均能正常显示,各链接 均能正常跳转,在制作好网站后,还要对站点进 行本地测试。本案例主要学习网页链接的检查及 修复等。
项目十 测试和发布网站
项目十 测试和发布网站
13
相关知识
一、域名
域名可分为顶级域名(一级域名)、二级域名和三级域名等。顶级域名是由一个合法字符串加域名后缀组成, 如sohu.com、baidu.com、sina.com.cn;二级域名是指在顶级域名前再加一个主机名,如 mp3.baidu.com、sports.sohu.com;三级域名则是在二级域名的基础上再加字符串,如 gg.mp3.baidu.com。 以com、net、gov、edu为后缀的域名称为国际域名,这些不同的后缀分别代表了不同的机构性质。例如: com表示商业机构、net表示网络服务机构、gov表示政府机构、edu表示教育机构。 以cn为后缀的域名称为国家域名,各个国家都有自己固定的国家域名。例如:cn 代表中国、us代表美国、uk代表英国等。部分国家域名的后缀还包括“国际通用
3
相关知识
一、检查网页链接
Dreamweaver提供了“检查链接”功能,使用该功能可以在打开的文档或本地站点的某一部分或整个站点 中快速检查断开的链接和未被引用的文件。
1.检查站点中某部分的链接
当要对站点中的某个或某几个文档进行链接检查时,可执行以下操作。 步骤 01 知识库
启动Dreamweaver CC,在“文件”面板中打开“blog”站点,选择要检查的文件或文件夹。
步骤 06
项目十 测试Baidu Nhomakorabea发布网站
10
案例实施
步骤 07
一、网页、网站和主页
在“链接检查器”面板“显示”下拉列表中选择“孤立的文件”,则检查结果中显示网 站中所有的孤立文件,对这些孤立文件进行逐一检查,看是否有需要链接到其他网页的, 如下图所示。
步骤 08
在检查并修改完所有链接后,保存文档,完成对网页的本地测试。
步骤 01
在“链接检查器”中,双击 出错的文件名将打开“属性”
面板,同时在文档编辑窗口
中自动选择出错对象或打开 出错对象,如右图所示。
步骤 02
在打开的文档中找到出错的
链接,检查是链接语句错误 还是链接文件丢失,并根据
实际情况进行修改。
项目十 测试和发布网站
7
案例实施
步骤 01
一、网页、网站和主页
启动Dreamweaver CC,将本书附赠的“素材与实例/ch10”目录下的“ydjt”文件夹拷
贝至本地磁盘,并在Dreamweaver中新建站点“ydjt”。 右键单击站点根文件夹,在弹出的快捷菜单中选择“检查链接”>“整个本地站点”, 则在文档窗口下方的“链接检查器”面板中显示检查结果,可以看到“断掉的链接” 大部分为“xwlist.html”,如下图所示。
步骤 02
项目十 测试和发布网站
8
案例实施
步骤 03
一、网页、网站和主页
在“断掉的链接”列中双击第一项中的网页名“index.html”,则在文档编辑窗口下方 显示“属性”面板,并在文档编辑窗口中自动打开网页“index.html”,如下图所示。
项目十 测试和发布网站
9
案例实施
步骤 04
一、网页、网站和主页
出现这种错误的原因是网站中不存在网页“xwlist.html”,将本书附赠的“素材与实 例\ch04\ydjt”目录下的“xwlist.html”拷贝到网站根目录下。
步骤 05
在“文件”面板中单击“刷新”按钮,然后重新检查链接,可以看到“链接检查器”面 板中没有出现任何项。 在“链接检查器”面板中“显示”下拉列表中选择“外部链接”,则检查结果中显示网 站中的所有外部链接,对其进行逐一检查,如下图所示。
步骤 03
检查结果将显示在文档窗口下方的“链接检
查器”面板中,在其中的“显示”下拉列表 中可选择要查看的链接类型,如下图所示。
项目十 测试和发布网站
5
2 .检查站点范围的链接 三、网页的本质
步骤 01
右键单击站点根文件夹,在弹出的快捷菜单
中选择“检查链接”>“整个本地站点”, 如右图所示。
步骤 02
务器功能。
项目十 测试和发布网站
15
案例实施
步骤 01