网页设计与制作（Dreamweaver CC）（第3版） 课件 模块5、6 网站的测试与发布、综合应用

DreamweaverCC网页设计与制作（3版）模块5课件01模块1网页基础知识03模块3网页布局05模块5网站的测试与发布02模块2初级应用04模块4高级应用06模块6综合应用任务描述通过“科技点亮梦想”站点的创建与测试，学会要将网页上传至远程Web服务器，完成网站的发布与推广工作。任务15欢迎光临“科技点亮梦想”——网站发布与维护任务解析在本任务中，需要完成以下操作：学会网站的检查及测试；学会网站的发布及维护。网站发布与维护此处添加你的信息此处添加你的信息此处添加你的信息此处添加你的信息此处添加你的信息此处在完成本地站点所有页面的设计之后，需要对本地站点进行完整测试，以保证网页外观、效果和自己所希望的相同，并且没有被中断的链接及孤立文件等，确保发布的网站能够正常浏览，并将站点上传到远程Web服务器上，做好相应的宣传及推广工作，使之有更高的访问量。此处添加你的信息此处添加你的信息此处添加你的信息此处添加你的信息此处添加你的信息此处网站测试检查链接检查链接功能可以快速地在当前文档、被选中的部分文档或整个站点的所有文档中搜索断开的链接和孤立文件，从而大大提高检查的速度及质量。步骤如下：（1）打开或选中要检查链接的文档。（2）选择“文件→检查页”，打开“链接”命令，或选择“窗口→结果→链接检查器”命令，单击“链接检查器”面板中左侧的按钮，在打开的菜单中选择要检查的对象，开始检查链接，如图5-4所示。（3）检查结束后，在“显示”列表中选择“断掉的链接”即显示断掉链接报告。（4）在“显示”列表中选择“外部链接”即显示所有外部链接。（5）在“显示”列表中选择“孤立文件”即显示站点内所有孤立存在的文件。对于这些文件，通常应该把它清除。选中孤立文件，按Delete键即可将其删除。图5-4链接检查器获得网站空间的方法包括以下几种：（1）申请免费空间现在互联网上一些网络服务机构提供了免费的空间，用户可以登录这些网站去免费注册获取网站空间。（2）申请收费空间收费空间的大小及支持条件可根据用户需要进行选择，稳定性好，数据一般不会丢失，包括主机托管、主机租用和租用主机空间3种方式。（3）自己架设服务器自己架设服务器必须向网络服务机构申请固定IP地址，搭建一台Web服务器，但服务器必须保证长时间不能关机和足够的带宽，且安全性要有保障。申请网站空间在网络上申请网站空间时，系统一般会自动分配一个默认的域名。互联网上的每台计算机都有一个专门的地址作为标识，称为IP地址（InternetProtocolAddress）。为了便于用户记忆，Internet上引进了域名服务系统DNS（DomainNameSystem）。当用户键入某个域名的时候，这个信息首先传到提供此域名解析的服务器上，再将此域名解析为相应网站的IP地址，完成这一任务的过程称为域名解析。域名可分为不同级别，包括顶级域名、一级域名、二级域名等，其结构如图5-7所示。申请域名图5-7国际互联网域名体系（1）启动Dreamweaver，选择“站点→管理站点”命令，弹出“管理站点”对话框，选择要编辑的站点名称，单击“编辑”按钮，打开“站点设置对象”对话框。（2）选择“服务器”分类项，单击“添加新服务器”按钮，打开服务器的“基本”类别设置窗口，如图5-8所示。（3）在“连接方法”列表中选择FTP，设置服务器名称、FTP地址、用户名、密码等，单击“测试”按钮查看是否能正常连接到远程服务器，最后“保存”按钮。配置远程服务器图5-8远程服务器设置完成了远程服务器的配置后，就可以将本地站点的内容上传到远程服务器中，具体操作步骤如下：（1）在“文件”面板中，单击“连接到远端主机”按钮，显示连接进程。（2）连接成功后，开始上传网站。（3）网站成功上传后，打开IE浏览器，在地址栏中输入该网站的域名，按Enter键浏览网站。说明：不同Web服务器对网站首页的文件名有不同的要求。网站成功上传后，输入域名后不能浏览网站，首先要检查网站的首页文件名是否符合要求。发布网站下载网站完成了远程服务器的设置后，可以将本地站点的内容上传到远程服务器中，也可以将远程服务器上的网站下载到本地站点，具体操作步骤如下：（1）在“文件”面板中，单击“连接到远端主机”按钮。（2）连接成功后，在文件面板的“视图”列表选择“远程视图”，切换到远程站点列表，选择整个站点或文件，单击“获取文件”按钮。若要下载整个站点，则弹出“你确定要下载整个站点吗？”信息框，单击“确定”按钮。同步可以是整个站点的同步，也可以是站点中某些文件的同步，操作步骤如下：（1）在“文件”面板中选择要同步的站点，单击“文件”面板中的同步按钮，打开“同步文件”对话框，如图5-9所示。(2)在“同步”列表中选择“整个站点名称站点”或“仅选中的本地文件”。(3)在“方向”下拉列表中选择同步时复制文件的方向，包括以下3个选项：放置较新的文件到远程、从远程获得较新的文件、获得和放置较新的文件。(4)单击“预览”按钮，系统开始对每个文件进行检查，完毕后，出现“同步”对话框，显示需要上传或下载的文件，单击“确定”按钮，开始文件同步。更新维护网站图5-9“同步文件”对话框网站推广网站上传互联网后，下一步的工作就是推广网站了。常见的网站推广方案包括以下几种。1．搜索引擎推广（SEO）搜索引擎注册是最经典、最常用的网站推广手段方式。2．电子邮件推广以电子邮件为主要的网站推广手段，常用的方法包括电子刊物、会员通讯、专业服务商的电子邮件广告等。3．资源合作推广通过网站交换链接、交换广告、内容合作、用户资源合作等方式，其中最常用的资源合作方式为网站链接策略，利用合作伙伴之间网站访问量资源合作互为推广。4．信息发布推广将有关的网站推广信息发布在其他潜在用户可能访问的网站上，适用于这些信息发布的网站包括在线黄页、分类广告、论坛、博客网站、供求信息平台、行业网站等。信息发布是免费网站推广的常用方法之一。5．网络广告推广网络广告是常用的网络营销策略之一，在网络品牌、产品促销、网站推广等方面均有明显作用。网络广告的常见形式包括：BANNER广告、关键词广告、分类广告、赞助式广告、Email广告等。模块5结束DreamweaverCC网页设计与制作（3版）模块6课件01模块1网页基础知识03模块3网页布局05模块5网站的测试与发布02模块2初级应用04模块4高级应用06模块6综合应用任务描述

通过“完美新娘”网站的创建与设计，巩固使用表格布局网页、模板创建和更新网页的方法和技巧。任务16完美新娘

——网站设计综合应用任务解析在本任务中，需要完成以下操作：熟悉使用表格布局网页的方法和技巧；熟悉模板的创建和应用；熟悉使用模板快速更新网站。ztyp.html效果图ztyp.html效果图zxkp.html效果图

jchp.html效果图qqhp.html效果图任务描述

通过布局“环保科技网站”网页，巩固使用CSS+Div布局和美化网页的方法和技巧。任务16

环保科技网站

——网站设计综合应用任务解析熟悉Div的创建和属性设置；熟悉CSS设计器的使用方法；巩固使用CSS+Div布局和美化网页的方法。ztyp.html效果图

综合实训

根据提供的lx文件夹中的素材，制作以下网站，网页效果如图6-33~图6-36所示。

综合实训

根据提供的lx文件夹中的素材，制作以下网站，网页效果如图6-33~图6-36所示。

综合实训

根据提供的lx文件夹中的素材，制作以下网站，网页效果如图6-33~图6-36所示。

综合实训

根据提供的lx文件夹中的素材，制作以下网站，网页效果如图6-33~图6-36所示。要求：1．布局方法自定。2．使用模板制作如图所示统一风格的页面。3．网页实现灵活跳转。4．网页文本内容格式统一。5．设置超链接颜色变化，并实现滑动鼠标颜色变换效果。6．shyf.html页面实现交换图像。7．配置IIS，在本机IP地址中可以打开