网站发布与管理.ppt

《网站发布与管理.ppt》由会员分享，可在线阅读，更多相关《网站发布与管理.ppt（19页珍藏版）》请在三一文库上搜索。

1、网页和网站设计,第6章 网站发布与管理,6.1 学习概述 本章讲解网站开发的最后一个环节，网站发布与管理，需要掌握站点发布前的测试，还有远程维护的方法，以及有关虚拟主机和域名申请的相关知识。 学习目的： 了解虚拟主机和域名的概念以及相关知识 掌握虚拟主机和域名的申请方法 掌握站点测试与兼容性检测的方法 掌握远程维护的方法 6.2 课堂应用实例网站上传,制作网站的最终目的是要让所有人都可以访问到，但是如何才能让全球的访问者都能访问呢？当然，仅仅放在自己的计算机中是不可能的。思考一下自己上网的过程，先在浏览器的地址栏中输入网站地址，比如http:/www.e-，这就是一个网站的标识，通常把后面的“

2、e-”叫做域名，而把“www”叫做主机，而“http”是传输网页使用的协议。协议不用管，现在就需要两样东西，那就是主机和域名。主机本来是网络用于服务的服务器，但是并不是所有人都能或是有必要去购买一个这样的服务器以及联网的一系列设备。事实上，可以通过一些主机提供商租用服务器空间，这就是所谓的虚拟主机。还有域名，简单的说，唯一标识网站的名称，可以通过提供商进行申请。 “网站上传”的制作过程如下： 详细过程请参照书上 6.3 知识要点,范例中完成了网站的最后一个环节，上传到服务器。接下来运行网站，必须要有服务器和域名才能让网络中的所有计算机都能访问。网站在发布之前需要进行全面的检测才能发布，就像产品

3、出厂时需要验收一样。网站运行后还需要不断的维护和修改，下面就来探讨一下网站运行和维护的相关问题。 6.3.1 虚拟主机 所谓“虚拟主机”，就是利用专门的技术把一台真正的主机分成许多“虚拟”主机，每一台虚拟主机都具有独立的域名和IP地址，具有完整的Internet服务器（WWW、FTP、Email）功能。虚拟主机之间完全独立，在外界看来，每一台虚拟主机和一台独立的主机完全一样。 图6-10 虚拟主机申请注册页面 由于多台虚拟主机共享一台真实主机的资源，每个虚拟主机用户承受的硬件费用、网络维护费用、通信线路的费用均大幅度降低！目前，许多企业建立网站都采用这种方法，这样不仅大大节省了购买机器和租用专

4、线的费用，同时也不必为使用和维护服务器的技术问题担心，更不必聘用专门的管理人员，因为这些事都由虚拟主机提供商来处理了。,虚拟主机的提供商非常多，而且操作都非常简单，必须先登录到提供商的网站，注册成为合法用户，然后选择一种合适的虚拟主机，如图6-10所示，某虚拟主机提供商的注册页面。 申请成功后，一般的提供商都有FTP管理功能，将申请时的FTP账号和FTP密码填入范例中所示的站点远程信息即可。,图6-10 虚拟主机申请注册页面,6.3.2 域名 在网络中，每一台连接到网络的计算机都有一个标识身份的IP地址，比如，10.0.0.1，由于IP地址全是些数字，为了便于用户记忆，Internet上引进了

5、域名服务系统DNS（Domain Name System）。当键入某个域名的时候，这个信息首先到达提供此域名解析的服务器上，再将此域名解析为相应网站的IP地址。完成这一任务的过程就称为域名解析。域名解析的详细过程是：当一台机器a向其域名服务器A发出域名解析请求时，如果A可以解析，则将解析结果发给a。否则，A将向其上级域名服务器B发出解析请求，如果B能解析，则将解析结果发给a，如果B无法解析，则将请求发给再上一级域名服务器C如此下去，直至解析到为止。域名简单地说就是Internet上主机的名字，它采用层次结构，每一层构成一个子域名，子域名之间用圆点隔开，自左至右分别为：计算机名、网络名、机构名、

6、最高域名。Internet域名系统是一个树型结构。,以机构区分的最高域名原来有7个：com（商业机构）、net（网络服务机构）、gov（政府机构）、mil（军事机构）、org（非盈利性组织）、edu（教育部门）、int（国际机构）。1997年又新增7个最高级标准域名：firm（企业和公司）、store（商业企业）、web（从事与web相关业务的实体）、arts（从事文化娱乐的实体）、rec（从事休闲娱乐业的实体）、info（从事信息服务业的实体）、nom（从事个人活动的个体、发布个人信息）。这些域名的注册服务由多家机构承担，CNNIC也有幸成为注册机构之一。 按照ISO3166标准制定的国家域

7、名，一般由各国的NIC（Network Information Center，网络信息中心 ）负责运行。 以地域区分的最高域名有：AQ（南极洲）、AR（阿根廷）、AT（奥地利）、AU（澳大利亚）、BE（比利时）、BR（巴西）、CA（加拿大）、CH（瑞士）、CN（中国）、DE（德国）、DK（丹麦）、ES（西班牙）、FI（芬兰）、FR（法国）、GR（希腊）、IE（爱尔兰）、,IL（以色列）、IN（印度）、IS（冰岛）、IT（意大利）、JP（日本）、KR（韩国）、MY（马来西亚）、NL（荷兰）、NO（挪威）、NZ（新西兰）、PT（葡萄牙）、RU（俄罗斯）、SE（瑞典）、SG（新加坡）、TH（泰国）、

8、TW（中国台湾）、UK或GB（英国）、US（美国）等。 一个网站要运行，也需要域名去指向的主机地址，这样才能方便访问者访问，同样域名也是可以通过提供商进行申请的。 申请的步骤先在网站提供的域名查询系统中查寻要申请的域名是否被人使用，如图6-11所示。 然后系统给出查询结果，如图6-12所示，以决定是否可以注册。 如果可以注册，单击“立即注册”按钮，就可以到达注册页面，进行注册。,图6-11 输入要注册的域名,图6-12 域名查询结果,6.3.3 站点的测试 站点发布需要进行全面的测试，争取把错误降到最低。Dreamweaver不仅具有强大的网页设计能力，也具有强大的站点测试纠错能力。站点测试功

9、能主要在结果面板组中完成。 图6-13 结果面板组 要测试站点，须执行以下操作： 执行“窗口”/“结果”命令，显示结果面板组，如图6-13所示。 单击左边的“测试”按钮（），在弹出的菜单中选择“为整个站点检查链接”，检后可以得到结果，如图6-14所示。,图6-13 结果面板组,图6-14 链接检查结果,在结果列表中双击一条纪录可以打开该链接所在文件进行编辑，也可以直接单击后面的无效链接，会出现链接文件浏览按钮“ ”，直接更改链接文件来纠正错误的链接。在“显示”下拉列表中选择“孤立文件”，显示站点中所有孤立文件，如图6-15所示。 孤立文件大多是站点中并没有使用的文件，为减少站点文件所占的空间，

10、应当删除这些孤立文件。 6.3.4 站点兼容性检测 网页是通过浏览器来浏览的，所以浏览器本身的性能很大程度上决定了网页的效果，所以尽量兼容的版本低、类型多的浏览器是一个网站设计的目标。,图6-15 显示孤立文件,图6-16 目标浏览器检查,要进行兼容性检测，在结果面板中单击“目标浏览器检查”按钮，如图6-16所示。 单击左边的“测试”按钮（），在弹出菜单中选择“为整个站点检查目标浏览器”，检查后会在右边的结果中出现得到的结果，如图6-17所示。 通过双击一条记录可以打开文件进行更改。 提示：更正不兼容的内容需要比较深的HTML和CSS知识。初学者可以采取在浏览器中浏览看是否出现不正常情况进行判

11、断和更改。 6.3.5 远程维护,图6-17 目标浏览器结果,Dreamweaver中提供了完整的远程维护功能，前提是正确的配置了站点的远程信息。在Dreamweaver中通过文件面板来实现远程维护。 在文件面板中单击“扩展”/“折叠”按钮（ ），把文件面板扩展，如图6-18所示。对文件面板中的各个区域的功能说明如表6-1所示（请参照书上）,图6-18 扩展的文件面板,6.4 举一反三 目前为止，已经把网页设计与网站建设的所有技能都学习完了。但网页设计是一个技术与艺术结合的过程，在掌握技术的同时，还应该不断的学习和积累设计经验，设计出富于创意的作品来。而网站的颜色在网站的外观和风格上起到决定性

12、的作用。网站本身质量把好关只是成功了一半，而另一半就是要对网站进行推广。 6.4.1 色彩搭配技巧 色彩可以让人产生不同的感觉，一般认为颜色会给人的感觉如表6-2所示。,表6-2 人对各种颜色的感觉,下面来了解一些常用的色彩搭配技巧： 了解该网站所要传达的主题：选择可以加强这些主题的颜色。例如，如果在设计一个强调稳健的金融机构，那么就要选择冷色系搭配柔和的颜色，像是蓝、灰或绿。在这样的状况下，如果使用暖色系或活泼的颜色，可能会破坏了该网站品牌。 了解读者群：文化差异可能会使色彩产生非预期的反应。同时，不同地区与不同年龄层对颜色的反应亦会有所不同。年轻族群一般比较喜欢饱和色，但这样的颜色却引不起

13、高年龄层的兴趣。 不要使用过多的颜色：除了黑色和白色以外，约选择四到五个颜色就够了。太多的颜色会导致混淆，也会拉走读者的注意力。 在阅读的部分使用对比色：颜色太接近无法产生足够的对比效果，也会妨碍观众阅读。白底黑字的阅读效果最好。 用灰阶来测试对比：当在处理黑色、白色和灰色以外的颜色时，有时会很难决定每个颜色的相对值。为了要确认色盘能提供足够的对比，可以建立一个仿真网站，并将它转换成灰阶即可。,选择颜色要注意时效性。同一个色彩很容易就充斥着整个市场，且消费者很快的就对流行色彩感到麻木。但就另外一个角度来看，可以使用几十年前的流行色彩，引起人们的怀旧之情。 提示：网站开发是技术和艺术的结合，需要

14、不断学习，不断总结经验教训才能有长足进步。 6.4.2 网站推广 随着近几年互联网的超速发展，制作并拥有网站已经是一个比较平常的事情，所以各类网站也是名目繁多，层出不穷。但是有许多网站几乎没有人访问，成为网络死角，而有的网站门庭若市，欣欣向荣。除了网站质量本身比较高以外，还有一个重要的因素是这些网站的优化和推广技术很成熟。大家都可以回顾自己是如何在网上搜索资源的，在网上搜索资源大量使用的方式就是搜索引擎，通过它可以快速而准确的找到有用的信息，那么尽最大努力让搜索引擎找到自己的网站也就很重要了，所以就要对网站进行优化。同样推广也是非常重要的，现在几乎都已经发展成为了一个产业，因为所有网站运营者都

15、意识到了推广的重要性。,详细资料请参照书上 6.5 习题与上机练习 习题 【选择题】 （1）Dreamweaver中进行链接检查的快捷键是（ ）。 （A）【Ctrl+F3】（B）【F8】（C）【Ctrl+F8】 （D）【Ctlr+R】 （2）在Dreamweaver中进行远程链接，必须要提供（ ）。 （A）站点名称 （B）站点主机以及账户密码 （C）只需账户和密码 （D）只需主机 （3）下面哪个按钮表示在Dreamweaver中文件面板中表示文件上传（ ）。 （A） （B） （C） （D）,（4）下面域名中哪个表示教育网（ ）？ （A）http:/www.e- （B）http:/ （C）http:/ （D）http:/ 【填空题】 （1）所谓“虚拟主机”，就是 。 （2）域名是指 。 （3）在Dreamweaver中，站点兼容性检测使用 面板。 （4）在Dreamweaver中， 检查可以检查并修复链接错误。 【简答题】 （1）简述运行网站需要哪些条件？ （2）简述网站测试有哪些方法？ 上机实战 （1）在网上申请一个域名。 （2）在网上申请一个虚拟主机。 （3）把制作的网站上传到虚拟主机。,