云南省保山市第一中学高中信息技术 网页设计与制作教案.doc

网页设计与制作网页网页(web page)，是因特网上的基本文档，用html（hypertext markup language:超文本标记语言）书写。网页可以是站点的一部分，也可以独立存在，只有在使用站点时，网页的许多特性才有效。网页是网站中的一“页”，通常是html格式（文件扩展名为 .html或 .htm或 .asp或.aspx或.php或.jsp等）。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。网页实际是一个文件，它存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址url（uniform / universal resource locator:统一资源定位符）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。构成网页的元素文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。 在网页上点击鼠标右键，选择菜单中的 “ 查看源文件 ” ，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件，它通过各式各样的标记(如:、等)对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。为什么在源文件看不到任何图片？网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。网页的类型通常我们看到的网页，都是以 htm 或 html 后缀结尾的文件，俗称 html文件。不同的后缀，分别代表不同类型的网页文件，例如以 cgi 、 asp 、 php 、 jsp 甚至其他更多。网页的分类网页有多种分类,我们笼统意义上的分类是动态和静态的页面,原则上讲静态页面多通过网站设计软件来进行重新设计和更改,相对的比较滞后，当然现在有网站管理系统，也可以生成静态页面我们称这种静态页面为伪静态。动态页面通过网页脚本与语言自动处理自动更新的页面，比方说贴吧，他就是通过网站服务器运行程序，自动处理信息，按照流程更新网页。 网站网站（website），也称站点，是指组成一个web项目的一组文件和图形的集合。一个web站点通常由一个或多个网页构成，无数个web站点构成了www（world wide web：万维网）世界。也指一个提供万维网（www）服务的位置。一个网站通常有一个负责的单位与主题，一台网页服务器上可以分割目录的方式来给好几个网站使用。网站(web site)， 就是指在因特网上，根据一定的规则，使用html等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。在因特网的早期，网站还只能保存单纯的文本。经过几年的发展，当万维网出现之后，图像、声音、动画、视频，甚至3d技术开始在因特网上流行起来，网站也慢慢地发展成我们现在看到的图文并茂的样子。通过动态网页技术，用户也可以与其他用户或者网站管理者进行交流。也有一些网站提供电子邮件服务。网站由域名（domain name），网站源程序和网站空间三部分构成。域名形式比如： (一级域名)，（二级域名）；网站空间由专门的独立服务器或租用的虚拟主机承担；网站源程序则放在网站空间里面，表现为网站前台和网站后台。形象的比喻：域名就相当于一个家的门牌号码！网站的空间就相当于一个家，可以存放许多的东西！超链接超链接（hyperlink），规定了从你的浏览器向web站点服务器发送指令以读取被请求的web页面。超级链接是一个词、短语及图片，当你点击时，“发送”给用户另外的文献（文本、声音、图片、影片）。判断超级链接的方法有：带有下划线的词，具有彩色边界的图片，以及当鼠标滑过其表面时光标变为一只手的形状。超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。 如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超链接，e-mail链接，锚点链接，多媒体文件链接，空链接等。超链接是一种对象，它以特殊编码的文本或图形的形式来实现链接，如果单击该链接，则相当于指示浏览器移至同一网页内的某个位置，或打开一个新的网页，或打开某一个新的www网站中的网页。 网页上的超链接一般分为三种：一种是绝对url的超链接。url（uniform resource locator）就是统一资源定位符，简单地讲就是网络上的一个站点、网页的完整路径，如；第二种是相对url的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去；还有一种称为同一网页的超链接，这种超链接又叫做书签。 超链接还可以分为动态超连接和静态超连接。动态超连接指的是可以通过改变html代码来实现动态变化的超链接，例如我们可以实现将鼠标移动到某个文字链接上，文字就会象动画一样动起来或改变颜色的效果，也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果。而静态超链接，顾名思义，就是没有动态效果的超链接。在网页中，一般文字上的超链接都是蓝色（当然，用户也可以自己设置成其他颜色），文字下面有一条下划线。当移动鼠标指针到该超链接上时，鼠标指针就会变成一只手的形状，这时候用鼠标左键单击，就可以直接跳到与这个超链接相连接的网页或www网站上去。如果用户已经浏览过某个超链接，这个超链接的文本颜色就会发生改变（默认为紫色）。只有图像的超链接访问后颜色不会发生变化。超文本超文本(hypertext)，是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。是自然语言文本与计算机交互、转换或动态显示等能力的结合。它是一种非线性文本，不便于按常规在一页上打印。超文本系统允许用户构造任何连接，可从文档中的某个选定点连到文档中的另一个点，也可连到用户范围内任何其他文档的某个点。从最简单的意义上说，超文本文档可由“目录表”和对文件的联机连接组成。超文本还是一种信息管理方法，将数据与信息以节点的形式组成网络数据库，屏幕上窗口的各种选择项皆对应于数据库中的客体，用户可在任何时候从任一节点很方便地移到另一个节点上。浏览器以图形方式给出节点信息间的上下文关系，能在应用时呈现给用户，帮助用户在复杂的超文本网络中找到要查询的信息节点。以超文本方式组织对交互式多媒体系统的控制，就构成了超媒体。1、超文本是用超链结的方法，将各种不同空间的文字信息组织在一起的网状文本。超文本更是一种用户介面范式，用以显示文本及与文本之间相关的内容。现时超文本普遍以电子文档方式存在，其中的文字包含有可以链结到其他位置或者文档的连结，允许从当前阅读位置直接切换到超文本连结所指向的位置。超文本的格式有很多，目前最常使用的是超文本标记语言(hyper text markup language，html)及富文本格式 (rich text format，rtf)。我们日常浏览的网页上的链结都属于超文本。2、一种按信息之间关系非线性地存储、组织、管理和浏览信息的计算机技术。超文本技术将自然语言文本和计算机交互式地转移或动态显示线性文本的能力结合在一起，它的本质和基本特征就是在文档内部和文档之间建立关系，正是这种关系给了文本以非线性的组织。概括的说，超文本就是收集，存储磨合浏览离散信息以及建立和表现信息之间关联的技术。超文本标记语言超文本标记语言（hypertext mark-up language ，html），是在www中用于指定一个超文本的内容和格式的一种计算机语言。html是标准通用标记语言（sgml）的简化版本，是使用超级链接的经过正式定义的文档系统。用html编写网页时，它控制着web页面的布局和构思，成为因特网上描述网页内容和外观的标准。html语言是一种标记语言，html包含了一对“打开”和“关闭”的标记，其中含有属性和值。标记描述了每个在网页上的组件，例如文本段落、表格或图像。html描述的是文件各部分内容的结构，而不是文件内容在网页或显示器上出现的具体形式，只有这样才能保证网页是跨平台的，可以在任何计算机系统上正确显示。也就是说html文档应该在不同的浏览器和操作平台之间都很好使用。超文本标记语言是一种文档结构的标记语言，它使用一些约定的标记对页面上各种信息（包括文字、声音、图形、图像、视频等）、格式以及超级链接进行描述。当用户浏览www上的信息时，浏览器会自动解释这些标记的含义，并将其显示为用户在屏幕上所看到的网页。这种用html编写的网页又称为html文档。html语法非常简单，它采用简洁明了的语法命令，通过对各种标签、元素、属性、对象等的定义，建立起图形、声音、视频等多媒体信息，还可以建立与其他超文本的链接。一个完整的html文件是由头部和主体两部分构成。html单元由三部分组成：起始标记、单元内容、结束标记。网页制作软件低级：frontpage中级：dreamwaver高级：microsoft visual studiofrontpagefrontpage express（随 internet explorer 4.0 附送的简化版）microsoft frontpage 1.1 (1995年) frontpage 97（1997年） microsoft