《《计算机网络基础与Internet应用(第二版)》电子教案 第8章》由会员分享，可在线阅读，更多相关《《计算机网络基础与Internet应用(第二版)》电子教案 第8章（116页珍藏版）》请在金锄头文库上搜索。
1、第8章 网页建立与维护,学习要点： 如何建立个人网站 HTML语言基本知识 JavaScript脚本语言,第8章 网页建立与维护,8.1 网页的建立,8.2 网页的制作语言,8.3 网页脚本语言JavaScript,退出,8.1 网页的建立,8.1.1 什么是网页,8.1.2 免费网页空间的申请,返 回,8.1.3 上传个人网页,8.1.4 网站的宣传,制做一个网站有以下主要步骤,4、登记搜索引擎。为自己所做的网站进行宣传，让广大的Internet网络用户能够知道你的存在，否则你所做的网站就毫无意义，因为别人无法知道你的网页。,1、首先在Internet网上申请网站的主页空间和域名。在很多门户
2、网站都提供免费的服务，但代价是要在你的主页上留有该网站的广告。如果你是为一个企业做的网站，最好不要用这种免费的空间，因为它必竟不能保障你所做的网站的安全。,2、然后在自己的计算机上设计出网页。可以利用一些网页的制作工具。如：网页编辑软件FontPage 2000；图片处理软件，如PhotoShop；动画的制作软件，如Flash等等。,3、通过FTP（文件传输）软件，将网页、有关的图片文件、动画文件以及相关其它文件传到网上。,8.1.1 什么是网页,网页的学名称作HTML文件，是一种可以在WWW网上传输，并被浏览器认识和翻译成页面显示出来的文件。 WWW是“World Wide Web”的缩写；
3、HTML的意思则是“Hypertext Markup Language”，中文翻译为“超文本标注语言”。“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字的元素。一般，一个网站是由很多的Web网页组成，其中有一个比较特殊的Web网页，它是当Internet网络用户访问这个网站时所显示的第一个Web网页，称作主页（Homepage 或Home Page）。,要想设计出好的网站，就要对网站有很好的规划。,（1）所制作的网站内容要有自己的特点。这里所说的特点指的是网站的内容要有新意，否则所制作的站点将会淹没在茫茫的Internet大海里。 （2）所制作的网站一定要便于维护和更新。因为如
4、果网站发布到网上，Internet网络用户第一次浏览觉得还有新鲜感，过了一段时间再次访问此网站，而网站毫无变化，此网站就会因此而失去吸引力。 （3）在Web页面上的颜色搭配，美术效果等等一定要合理。有些初学者所制做的网页采用深色背景和浅色文字，但由于网速的原因，在深色的背景还没有调入时，浅色的文字往往非常难以辩认。,在Web网页的设计过程中有许许多多的技巧。下面简单介绍几点：,（1）在制做的每一个Web网页上都应加上一个“返回主页”的超级链接，这样能使Web网页构成一个环路。 （2）在制作Web网页时，一个Web网页最好不要过长。如果某一个Web网页内容很多，最好把它们分成多个，这样做的好处是
5、不致于使Web网页由于网络速度的问题，而影响用户的浏览。 （3）在Web网页上适当地使用一些动画，增加网页的动感和趣味。 （4）在主页上还应加上一个计数器，以便能够了解目前已经有多少人访问过网站。 （5）在网站中还应有联系方式。如电话、通讯地址或E-mail地址以及联系人等等，这样可建立与浏览者联系和交流的桥梁。 （6）如果在Web网页中有比较大的图像，要想办法进行处理，加快网页显示的速度。否则即使制做的Web网页很好看，用户也没有耐心等待整个图片下载完毕。,在Web网页中不能制作、复制和传播下列信息：,煽动抗拒、破坏宪法和法律、行政法规实施的； 煽动颠覆国家政权，推翻社会主义制度的； 煽动分
6、裂国家、破坏国家统一的； 煽动民族仇恨、民族歧视，破坏民族团结的； 捏造或者歪曲事实，散布谣言，扰乱社会秩序的； 宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、 恐怖，教唆犯罪的； 公然侮辱他人或者捏造事实诽谤他人的； 损害国家机关信誉的； 其他违反宪法和法律、行政法规的。,8.1.2 免费网页空间的申请,（1）首先要估计一下自己所制作的网站大致要多少存贮空间，然后到相应的站点去申请。 （2）所选择的网站附带的免费服务越多越好，最好能提供计数器、留言板、电子信箱等等。 （3）所申请的网站最好支持ASP（动态服务网页）或PHP，并且还可以外挂数据库，这样就可以按照自己的要求，亲自设计有一定特殊要求
7、的反馈表单。 （4）访问速度越快越好。要了解一下ISP与Internet的连接带宽（连接带宽越宽越好），因为这会影响到今后用户访问网站的速度。 （5）一定要选择能用FTP方式上传网页文件的站点，以便于今后的维护。 （6）稳定程度。最好选择那些信誉度高的免费服务站点。否则自己辛辛苦苦制作的网站，未获任何事先通知，一夜之间就被清理得干干净净。,1选择免费网页空间的原则,2如何查找提供免费个人网页的站点,可以利用搜索引擎来查找提供免费个人网页的站点。例如，在浏览器的地址栏中输入http:/ ”的顺序依次单击，就出现如图8-2所示的用搜狐查找到的提供免费网页空间的站点。,3申请免费网页空间,下面以在2
8、63热线申请一个免费网页空间为例来具体说明如何在Internet网上进行申请。263能提供20M免费网页空间，申请过程的步骤如下：,（1）领取用户名 （如图8-3所示，即注册成为263的会员） 对于用户来说，一个好记的用户名是非常重要的，假设取的用户名为：XXX8001。然后单击图8-3上的“完成”按钮，出现输入用户信息画面（如图8-4所示）。填入所要求的用户信息并单击“提交”按钮。,（2）申请站点,在注册了用户名以后，并不能立刻得到263topcool提供的免费空间，还要再次对263topcool的空间进行申请。如图8-5所示，在“您的会员名”后的文本框中输入上面申请的用户名“XXX8001
9、”，并在密码栏中输入密码。然后单击“申请站点”按钮，出现如图8-6所示画面。,国有国法，家有家规，在网络世界里也不例外。在图8-6所示的画面中，263topcool向用户说明它的规则，并提问是否接受。如果不接受，就不能在该网站申请到免费的网页空间。单击“我接受”按钮，出现图8-7所示的画面。此步骤是让用户为自己所要做的网页建立一个标题、简要的说明和网页属于什么类别。,8.1.3 上传个人网页,上传个人网页就是把在本地计算机做好的网页传到已申请网页空间的服务器上，这样即使网页的主人不开机，其它人也能看到此网页。用于上传的软件很多，这里以CuteFTP为例来说明。CuteFTP软件在很多提供软件下
10、载的网站都可以得到，它是一个功能丰富、性能稳定的FTP软件，它有很多实用的功能，例如：目录比较、目录上传和下载、宏、远程文件编辑、IE风格的工具条、URL解析等，此外它还有上传队列、断点续传、整个目录覆盖和删除。 假设用户已经在本地计算机上成功地安装了CuteFTP，那么就可以开始一步一步地学习使用它了。,（1）启动CuteFTP，首先出现的是如图8-8所示的“FTP Site Manager”（FTP站点管理器）窗口，点击对话框右下角的“Exit”（如下图）关掉此窗口,（2）出现CuteFTP窗口（如图8-9所示）。点击CuteFTP窗口左上方的“Quick Connect”按钮，出现快速连
11、接对话框。,（3）新弹出的快速连接对话框如图8-10所示，在“Host Address”一栏（即主机地址）填入263topcool指定的主机地址格式“用户名”，即“XXX”，在“User ID”一栏填入申请的用户名“XXX8001”。需要特别注意的是，为了保证网页安全，不要在“Password”一栏填入密码（否则会被其它人看到）。都填好以后单击“OK”按钮；,（4）单击“确定”按钮，接下来会看到一个要求输入密码的窗口，在这个窗口内输入用户密码；,（5）如能成功登录到服务器，将出现图8-11的窗口，其中左半边的窗口是所用计算机本地的文件列表，右半边的窗口是服务器上用户目录下的文件列表，可以通过把
12、文件或者目录从左边窗口拖动到右边窗口的方式上传你的主页；,在上传网页文件时注意以下几个方面的问题： （1）设计的网站包含的所有文件全部要上传（包括图片文件等）。 （2）网页文件在进行超级链接时一定要使用相对路径。 （3）务必将个人网页的主页文件名设为ISP所指定的文件名，通常为index.htm或default.htm，具体是哪一个请仔细查阅ISP的站点说明，ISP将以其作为默认主页。另外需要特别强调的是在给网页、图片和动画文件起名时，最好全部用英文名字，否则如果用中文名，当把它发布到网上后，可能出现用户找不到该文件的错误。,在对网页进行更新和维护时，其操作步骤与上传网页的操作基本上完全相同，
13、不同之处就是维护或更新网页时，只须上传那些修改过的网页文件，那些没有变化的网页文件则无须重传。也可以删除那些不再需要的网页文件，以便节约存贮空间。此外，应该在规定的期限内上传或更新网页，否则有的ISP会收回网页的帐号。还应该将新建的整个网页在自己的硬盘上做一个备份，以免在发生意外时可以重新上传。,8.1.4 网站的宣传,在Internet网络世界里，网站很多，如果不做自我宣传的话，恐怕辛苦制作的个人网站最终仍是无人知晓。究竟如何宣传自己的网站，才能提高访问率，下面介绍一种方法。 一般在存放网页的服务商的网站上，会通过它的网站进行宣传，但这毕竟力量有限。所以最好的自荐方法就是在网上的一些搜索引擎
14、上登记，几乎所有的搜索引擎都允许访问者加入链接，如yahoo!、搜狐、新浪等。另外要在自己主页中多加上一些方便搜索引擎查找的“关键字”。下面以搜狐为例介绍如何将自己的主页加入到搜索引擎。,（1）在搜狐主页（如图8-12所示）的右上角单击“网站登记”链接，进入网页登记页面。在三个选项中选择第二项“建议登录”。,（3）在图8-14所示页面内填写网站名称、网站地址、网站简介以及用户E-mail地址等信息，完成后滚动到网页底部，单击“提交”按钮。,（2）如图8-13所示，按照搜狐的“分级目录”选择符合自己主页主题的目录，逐级深入，最终进入8-14所示的资料填写页面。,（4）如果所填表格符合要求，则提交
15、的申请会被受理，否则需要重新填写表格。而且如果受理成功的话会发回一封E-mail。,8.2.1 HTML 语言的结构,8.2.3 超文本链接指针,8.2.2 构成网页的基本元素,8.2.4在HTML文件中使用图像,8.2.6 表单的应用,8.2.5 框架结构的使用,8.2.7 HTML中的表格,8.2 网页的制作语言,返 回,HTML（超文本标记语言）是一种描述文档结构的标注语言，它使用一些约定的标记对WWW上的各种信息进行标注。当用户浏览WWW上的信息时，浏览器会自动解释这些标记的含义，并按照一定的格式在屏幕上显示这些被标记的文件。HTML的优点是其跨平台性。即任何可以运行浏览器的计算机都能
16、阅读并显示HTML文件，不管其操作系统是什么，并且显示结果相同。 HTML文件是标准的ASCII文件，且其后缀名为htm或html的文件。HTML文件看起来象是加入了许多被称为链接签（tag）的特殊字符串的普通文本文件。从结构上讲，HTML文件由元素（element）组成，组成HTML文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”， 即它有起始标记和结尾标记。元素的起始标记叫做起始链接签（start tag），元素结束标记叫做结尾链接签（end tag），在起始链接签和结尾链接签中间的部分是元素体。 每一个元素都有名称和可选择的属性，元素的名称和属性都在起始链接签内标明。,8.2.1 HTML 语言的结构,下面来看一个HTML文件，它在浏览器中显示的结果如图8-15所示。, 武汉工业学院 这是一HTML的测试文件 ,标记用来给网页命名，网页的名称写在与标记之间，显示在浏览器的标题栏
