《计算机网络基础与Internet应用》电子教案第8章.ppt

1、第8章网页的建立和维护，学习要点：如何建立个人网站的基本知识超文本标记语言JavaScript脚本语言，第8章网页的建立和维护，第8章网页的建立和维护，第8.1章网页的建立，第8.2章网页制作语言，第8.3章网页脚本语言JavaScript，退出，第8.1章网页的建立，第8.1章网页是什么，第8.1.2章免费网页空间的申请，第8.1.3章上传个人网页， 第8.1.4章网站推广，第8.1.4章创建网站有以下主要步骤，第4章，注册搜索引擎。 宣传你的网站，让广大网民知道你的存在，否则你的网站将毫无意义，因为其他人无法知道你的网站。首先，在互联网上申请网站的主页空间和域名。许多门户网站提供免费服务，

2、但代价是在你的主页上留下网站广告。如果你是一个企业网站，你最好不要使用这个自由空间，因为它不能保证你的网站的安全。2，然后在您的计算机上设计一个网页。你可以使用一些网页制作工具。例如：网页编辑软件FontPage2000；照片处理软件，如PhotoShop；动画制作软件，如Flash等。3、通过FTP(文件传输)软件，将网页、相关图片文件、动画文件和其他相关文件传输到互联网。8.1.1什么是网页？它的学名是超文本标记语言文档。它是一个可以在万维网上传输的文档，可以被浏览器识别并翻译成页面。万维网是“万维网”的缩写；超文本标记语言的意思是“超文本标记语言”，在中文中被翻译成“超文本标记语言”。“

3、超文本”是指非文本元素，如图片、链接、甚至音乐、程序等。可以包含在页面中。一般来说，一个网站由许多网页组成，包括一个特殊的网页，这是当互联网用户访问该网站时显示的第一个网页，称为主页或主页。如果你想设计一个好的网站，你必须有一个好的网站计划。(1)网站的内容应该有自己的特色。这里提到的功能意味着网站的内容应该是创新的，否则网站将淹没在浩瀚的互联网海洋中。(2)网站必须易于维护和更新。因为如果网站在网上发布，网民第一次浏览时会感觉新鲜，一段时间后又会再次访问网站，网站保持不变，网站就会失去吸引力。(3)网页的色彩搭配和艺术效果必须合理。一些初学者制作带有深色背景和浅色文本的网页，但是由于网络的速

4、度，当深色背景没有被传送进来时，浅色文本通常很难被识别。网页设计中有许多技巧。以下是一个简单的介绍：(1)每一个网页都应该添加一个“返回主页”的超链接，这样可以使网页形成一个循环。(2)制作网页时，最好不要把网页做得太长。如果某个网页有很多内容，最好把它们分成几个。这样做的好处是网页不会因为网络速度的问题而影响用户的浏览。(3)在网页上适当使用动画，增加网页的动态性和趣味性。(4)应该在主页上添加一个计数器，以便知道有多少人访问了该网站。(5)网站上还应该有联系信息。例如电话号码、通信地址或电子邮件地址、联系人等。从而建立与游客接触和交流的桥梁。(6)如果网页中有相对较大的图像，我们应该找到处

5、理它们的方法，并加快网页的显示速度。否则，即使网页制作得非常好，用户也没有耐心等待整个图片被下载。以下信息不能在网页上制作、复制和传播：煽动抵抗和破坏宪法及法律和行政法规的执行；煽动颠覆国家政权，推翻社会主义制度；煽动分裂国家和破坏国家统一；煽动民族仇恨或歧视，破坏民族团结；捏造或者歪曲事实，散布谣言，扰乱社会秩序的；宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖和教唆犯罪；公开侮辱他人或者捏造事实诽谤他人的；损害国家机关公信力的；其他违反宪法、法律和行政法规的行为。8.1.2申请免费网络空间，(1)首先评估您创建的网站的存储空间，然后申请相应的网站。(2)所选网站的免费服务越多越好。最好提

6、供柜台、留言板、电子邮箱等。(3)网站最好支持ASP(动态服务网页)或PHP，还可以插入一个数据库，这样你就可以根据自己的需求，自己设计一些有特殊要求的反馈表单。(4)访问速度越快越好。了解互联网服务提供商和互联网之间的连接带宽(连接带宽越宽越好)，因为这将影响未来用户访问网站的速度。(5)一定要选择一个可以通过文件传输协议上传网络文件的网站，以便于以后的维护。(6)稳定性。最好选择那些具有高可信度的免费服务网站。否则，他们辛辛苦苦创建的网站将在一夜之间被清理干净，而无需任何事先通知。1。选择自由网络空间的原则。如何找到提供免费个人网页的网站，你可以使用搜索引擎找到提供免费个人网页的网站。例如

7、，在浏览器的地址栏中输入3。申请免费网页空间。以下是如何在263热线申请免费网页空间的一个例子。263可以提供20M的免费网页空间。申请过程的步骤如下：(1)要获得一个用户名(如图8-3所示，即注册为263的成员)，假设用户名是XXX8001，拥有一个令人难忘的用户名对用户来说是非常重要的。然后点击图8-3中的“完成”按钮，显示输入用户信息的屏幕(如图8-4所示)。填写所需的用户信息，然后单击“提交”按钮。(2)注册用户名后，应用站点无法立即获得263操作工具提供的自由空间，将再次申请263操作工具空间。如图8-5所示，在“您的会员名称”后的文本框中输入上面应用的用户名“XXX8001”，并在

8、密码字段中输入密码。然后点击“申请站点”按钮，将出现如图8-6所示的屏幕。国有法律、家庭规则，在网络世界也不例外。在图8-6所示的图片中，263操作工具向用户解释它的规则并询问是否接受它。如果你不接受，你就不能在网站上申请免费的网页空间。单击“我接受”按钮，将出现如图8-7所示的屏幕。这一步是让用户为他们想要做的网页创建一个标题、一个简短的描述以及该网页属于什么类别。8.1.3上传个人网页，上传个人网页是将在本地计算机上完成的网页转移到已经申请了网页空间的服务器上，这样即使网页的所有者没有打开，其他人也可以看到该网页。有许多软件用于上传，这里我们将会以CuteFTP为例。许多提供软件下载的网站

9、上都有CuteFTP软件。它是一个功能丰富、性能稳定的FTP软件。它具有许多实用功能，如目录比较、目录上传和下载、宏、远程文件编辑、IE风格的工具栏、URL解析等。此外，它还具有上传队列、断点续传、整个目录覆盖和删除。假设用户已经成功地在本地计算机上安装了CuteFTP，您就可以开始一步一步地学习使用它了。(1)要启动CuteFTP，首先出现如图8-8所示的“FTP站点管理器”窗口，点击对话框右下角的“退出”(如下图所示)关闭该窗口；(CuteFTP窗口(如图8-9所示)出现。单击“快捷连接”按钮(位于“快捷连接”窗口的左上角)，显示“快速连接”对话框。(3)如图8-10所示，新弹出的快速连接

10、对话框中，在“主机地址”栏中填入由263操作工具指定的主机地址格式“用户名”(即主机地址)，在“用户标识”栏中填入应用的用户名“XXX8001”。要特别注意的是，为了确保网页的安全，不要填写密码栏(否则会被其他人看到)。填写完毕后，点击“确定”按钮；(4)点击“确定”按钮，然后您会看到一个要求您输入密码的窗口，并在该窗口中输入您的用户密码；(5)如果您能够成功登录到服务器，将出现如图8-11所示的窗口，其中左半部分的窗口是所用计算机的本地文件列表，右半部分的窗口是服务器上用户目录下的文件列表。您可以通过将文件或目录从左窗口拖到右窗口来上传您的主页。上传网页文件时要注意以下几个方面：(1)所有包

11、含在设计网站中的文件都要上传(包括图片文件等)。)。(2)网络文件在超链接时必须使用相对路径。(3)确保将个人网页主页的文件名设置为ISP指定的文件名，通常是index.htm或default.htm。请仔细检查互联网服务提供商的网站描述，该网站将用作默认主页。此外，应该强调的是，在命名网页、图片和动画文件时，最好使用所有的英文名称。否则，如果使用中文名称，当它在互联网上发布时，用户可能会发现找不到文件的错误。更新和维护网页时，其操作步骤与上传网页的操作步骤基本相同。不同之处在于，当维护或更新网页时，只需要上传那些修改过的网页文件，而不需要重新传输那些未改变的网页文件。也可以删除那些不再需要的

12、网页，以节省存储空间。此外，网页应在规定的时限内上传或更新，否则一些ISP将撤销该网页的账号。你还应该在硬盘上备份整个新网页，以避免在发生事故时再次上传。8.1.4网站宣传，在互联网的网络世界里，有很多网站，如果不做自我宣传，勤劳的个人网站恐怕到头来还是默默无闻。如何宣传自己的网站，以提高访问率如下所述。一般来说，在存储网页的服务提供商的网站上，宣传将通过其网站进行，但这毕竟是有限的。因此，最好的自我推荐方法是在互联网上注册一些搜索引擎。几乎所有的搜索引擎都允许访问者加入链接，比如雅虎！搜狐、新浪等。此外，你应该在你的主页上添加更多的“关键词”，方便搜索引擎查找。以下是搜狐的一个例子，介绍如何

13、将自己的主页添加到搜索引擎中。(1)点击搜狐主页右上角的“网站注册”链接(如图8-12)，进入网页注册页面。在三个选项中选择第二个“推荐登录”。(3)在图8-14所示页面中填写网站名称、网站地址、网站简介和用户电子邮件地址等信息，完成后滚动到网页底部，点击“提交”按钮。(2)如图8-13所示，根据搜狐的“分类目录”，选择符合您主页主题的目录，逐步深入，最后进入如图8-14所示的信息填写页面。(4)如果填写的表格符合要求，提交的申请将被接受，否则需要重新填写表格。如果接受成功，我们会回一封电子邮件。8.2.1HTML语言结构，8.2.3超文本链接指针，8.2.2网页的基本元素，8 . 2 . 4

14、 HTML文件中图像的使用，8.2.6表单的使用，8.2.5框架结构的使用，8.2.7HTML表单，8.2网页制作语言，返回，HTML(超文本标记语言)是一种描述文档结构的标记语言，它使用一些约定的标记来标记WWW上的各种信息。当用户在万维网上浏览信息时，浏览器将自动解释这些标记的含义，并以某种格式在屏幕上显示这些标记的文件。HTML的优势在于它的跨平台特性。也就是说，任何可以运行浏览器的计算机都可以读取和显示HTML文件，而不管其操作系统如何，并且显示相同的结果。超文本标记语言文件是标准的ASCII文件，后缀是超文本标记语言或超文本标记语言。HTML文件看起来像普通的文本文件，有许多特殊的字

15、符串，称为标签。从结构上讲，HTML文件是由元素组成的。HTML文件由多种元素组成，用于组织文件内容和指导文件的输出格式。绝大多数元素是“容器”，也就是说，它们有一个开始标记和一个结束标记。元素的开始标记称为开始标记，元素的结束标记称为结束标记，开始标记和结束标记之间的中间部分是元素体。每个元素都有一个名称和可选属性，元素的名称和属性在初始链接选项卡中显示。8.2.1HTML语言结构，让我们看看一个HTML文件，它在浏览器中显示结果，如图8-15所示。武汉理工大学这是一个HTML测试文件。标签用于命名网页。网页的名称写在和标签之间，并显示在浏览器的标题栏中。例如，在图8-15所示的浏览器页面中

16、，“武汉理工大学”的标题栏是由武汉理工大学在HTML文件中定义的。8.22构成网页的基本元素，1。标记，到.有6种标题元素，用于指示文章中的各种主题。字体大小按顺序减小。在以下示例中，分别使用的标题。该HTML文件如下所示，浏览器中的显示效果如图8-16所示。源文件和HTML的输出是基于窗口的，因此HTML文件在输出时应该再次进行排版，也就是说，文本上的任何额外字符(如空格、制表符和回车)都应该被忽略。如果确实没有必要再次对内容进行排版，浏览器可以收到通知。图8-17和8-18示出了是否有预格式化文本标记的比较。4。和标记，源文件，用于强制换行符。指示段落的开头。不正常。5.标签。这些标签都用

17、来装饰包含的文档。标记以使文本加粗；标签倾斜文本；标记和下划线文本；用删除线标记文本；标签使文本字体更重。下面是一个HTML源文件，它的显示结果如图8-19所示。标记.用于修改字体和颜色。COLOR属性指定文本的颜色，颜色可以用6位十六进制代码表示，例如：SIZE属性指定相对大小。此外，如果用户想要设置网页的背景颜色和文本颜色，标签可以扩展为：每个元素的描述如表8-1所示，表8-2列出了一些常见颜色的RGB值。超文本链接指针是HTML最吸引人的优点之一。可以说，没有超文本链接指针，就没有万维网。使用超文本链接指针可以使顺序存储的文件在一定程度上具有随机存取的能力，这更符合人类积极的思维方式。超文本链接指针是指链接两个不连续的文本或两个文件。8.2.3超文本链接指针，1。统一资源定位符统一资源定位符是文件名称的扩展。在独立系统中，如果你想找到一个文件，你需要知道文件的路径和文件名。为了在互连网络上找到一个文件，除了知道上述内容之外，显然有必要知道文件存储在哪个网络的哪个主机上。与独立系统不同，独立系统中的所有文件都由统一的操作系统管理，因此不需