《现代网页设计及网络建设技术 教学课件 ppt 作者 黄建华 第1章 网页设计基础》由会员分享，可在线阅读，更多相关《现代网页设计及网络建设技术 教学课件 ppt 作者 黄建华 第1章 网页设计基础（62页珍藏版）》请在金锄头文库上搜索。
1、第1章 网页设计基础,1.1 因特网（Internet）概述 1.2 网页设计的方法 1.3 HTML语言 本章小结,兰州石化职业技术学院 黄建华,1.1 概述,下一页,上一页,返回目录,学习要求 本章由因特网、网页设计和HTML语言三个部分组成，介绍了网页设计基础和因特网的一些基本知识，包括Web、URL和浏览器的使用，同时在网页设计部分介绍了网页设计要求和网页设计语言的选择以及其相应的用途，简单介绍了HTML语言的组成及其实现方法。 通过浏览网页用户不仅可以获得最新的新闻、与朋友聊天、购买所需的商品、查询和检索网络信息，还可以建立网站来宣传企业、建立企业与客户间沟通的平台等。为今后进一步建
2、立网站和设计网页奠定基础。,兰州石化职业技术学院,1.1 概述,因特网（Internet）,下一页,上一页,返回目录,Internet是由全世界许多计算机网络连接而成的一个广域网，从而在全球范围内实现通信和资源共享。因特网上广泛使用WWW服务，网页制作又是WWW的基础；浏览器是用户浏览WWW各种信息的软件工具。 这样的网上信息，一般像书本一样，有许多页组成，每一页称为一个网页。网页是由文本、图片、动画和超链接等多种对象构成的多媒体页面，网页是使用HTML语言编写而成的文档，在Internet中可以通过浏览器程序进行浏览。 若由许许多多相关的网页组织在一起则称为一个站点，也称网站。网站就是一个链
3、接的页面集合，它具有共享的属性，如新浪网站就是由数以千计的网页组成，每个页面间通过超链接访问。在网络上，大部分的信息都是以网页的形式发布的。,兰州石化职业技术学院,1.1 概述,Web,下一页,上一页,返回目录,Internet起源于上世纪60年代美国的阿帕网（Arpanet）。Internet的通信协议是TCP/IP（Transfer Control Protocol/Internet Protocol的缩写）协议，TCP/IP协议采用分组交换方式进行通信。随着计算机和网络技术的飞速发展，经过几十年的多次改造和技术升级和创新，Internet目前已成为遍布全球的计算机广域网的总称。 我国在1
4、994年实现了与Internet的互联，在最近几年的Internet大发展中取得了辉煌成绩，人们的工作、生活和娱乐愈来愈离不开计算机网络提供的各种服务，宽带网、高速网、无线网的普及，为人们进行网络应用提供了极大的空间。,兰州石化职业技术学院,1.1 概述,Web,下一页,上一页,返回目录,Web是World Wide Web的缩写，通常也称WWW（万维网或全球蜘蛛网），实质是一个将信息检索与超文本（Hypertext）技术结合在一起的全球信息系统，这些信息主要采用HTML(Hyper Text Markup Language，超文本标记语言)文件格式。Web 最大特点是采用超文本标记语言进行编
5、辑文本，文本中含有大量的超级链接，只要鼠标单击超级链接元素，在浏览器窗口中就会显示相应的内容。 Web大量采用C/S(客户机/服务器)工作模式，在客户端用户使用浏览器向Web服务器发出浏览申请,服务器接到申请后，调用相应的网页程序，向客户浏览器返回所申请信息的结果，因此一个完整的Web系统是由服务器、网页以及客户端浏览器组成。 浏览器和服务器之间采用HTTP（Hyper Text Transfer Protocol,超文本传输协议）作为应用层通信协议。HTTP协议是用来在Internet上传送超文本的传送协议，它可以使浏览器更加高效，使网络传输时间减少。HTTP协议是TCP/IP中的协议之一，
6、用来保证超文本内容的正确性。,兰州石化职业技术学院,1.1 概述,Web,下一页,上一页,返回目录,Web上的各个超文本文件称为网页，而存放这些网页的Web服务器称为网站，每个网站上都有一个特殊的网页，它是用户浏览时首先看到的窗口内容，其中包含指向其他页面的超链接，称此网页为主页(Homepage)。,兰州石化职业技术学院,1.1 概述,URL,下一页,上一页,返回目录,在信息技术中，协议就是一些特殊规则的集合，它被通信的发送方和接收方认可，接收到的信息和发送的信息均以这种规则加以解释执行。协议就好比每个国家都有自己特定的交流准则和交流方式，在Internet上，它统一了人们在网上的交流方式。
7、 在网络中，为了确定被访问的站点及其网页位置，每个Web页需要有一个URL（Uniform Resource Location，统一资源定位器）网址，它提供在Web上访问资源的惟一方法和路径。浏览器运用了URL技术，URL由协议类型、主机域名和资源文件三部分组成，URL的使用格式为： 协议：/主机域名或IP地址：端口号/路径名/文件名。 协议用来指定信息服务的类型，表明客户与访问主机间使用何种方式检索或传输信息，如http、FTP、File等。 HTTP协议（Hypertext Transfer Protocol，中文称“超文本传输协议”）它是用来在Internet上传送超文本的传送协议。 /
8、是分隔符，/是指定信息存放的路径名。 如 http：/ http代表所使用的传输协议，为主机名，index.htm为要访问主页的路径和文件名。,兰州石化职业技术学院,1.1 概述,浏览器,下一页,上一页,返回目录,浏览器是用来定位和访问Web信息的工具软件，它的作用是把各种从Web上接收的信息翻译成合适的屏幕显示方式呈现给用户。不同的计算机平台、操作系统以及用户界面需求，上网的用户可以选用不同的浏览器。Web浏览器是浏览Internet资源的客户端软件，浏览器可显示出各种网页内容，还可以进行网上会议、收发电子邮件、进行视频点播等工作。 目前在Windows操作系统下主要有Microsoft 公
9、司的IE 和Netscape公司的Navigator两个常用浏览器，它们都是面向图形的Web Browser。安装了微软操作系统的计算机，在桌面上就有IE的图标，只要双击此图标即可进入到浏览器工作界面。下面是应用Internet Explorer（IE） 6.0浏览http:/ 概述,浏览器,下一页,上一页,返回目录,兰州石化职业技术学院,1.2 网页设计的方法,下一页,上一页,返回目录,网页的英文名为Webpage，是存储在Web服务器上的并能被所使用的浏览器解析和显示的HTML文件。网页设计的方法很多，可以直接采用各种文本编辑工具进行简单网页的设计制作，也可以采用网页设计制作专用软件来制作
10、大型和复杂的网页。我们现在常用的网页制作工具有FrontPage、Dreamweaver和 Flash 等。,兰州石化职业技术学院,1.2 网页设计的方法,下一页,上一页,返回目录,1.明确目的 在进行网页设计之前，必须明确目的和主题、服务对象以及设计规模、功能形式等，进行网站的整体规划也就是组织网站的内容和设计其结构。 2.制作网页的基本要求 总体上讲设计制作网页要注意以下几个问题： （1）网页的标题要简洁，明确，不能含糊不清。 （2）在页面中使用水平线、表格和框架等，以分割不同部分，不能杂乱无章。 （3）对重点段落要强调显示，如采用图标、字体、字号、图片和颜色等给予强调。 （4）网页中插入
11、的图片要尽量的小，如采用GIF格式等能减少存储量，提高网页的执行速度。 （5）图形要附加文字说明，以便关闭图像时还能查看相关的文字信息等。 （6）网页中引用的资料及商标（或图标），不能侵犯版权。,兰州石化职业技术学院,1.2 网页设计的方法,下一页,上一页,返回目录,3.Web设计工具软件 Macromedia Dreamweaver MX 2004可用于制作具有动态HTML的网页，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。由于Dreamweaver提供了非常友好的用户界面和强大的功能，现已成为专业用户和普通用户首选的网页开发工具。 微软公司的Microsoft Fron
12、tPage 2003也可用于制作功能强大的网页。FrontPage是一款优秀的网页制作和管理软件，它继承了Office系列软件的界面通用、操作简单的特点，十分适合初学者使用。另外还有：adobe Photoshop；Macromedia Flash ；Adobe Illustrator；Adobe ImageRead；BBEdit； Macromedia Fireworks；Microsoft Notepad。 4网页的美化 为了使制作的网页更为美观，用户在制作网页时，还需利用网页美化工具对网页进行美化。一般情况下，可以采用Photoshop处理图片，用Fireworks进行图片切割，用Dre
13、amweaver制作网站等。 3多媒体技术,兰州石化职业技术学院,1.2 网页设计的方法,下一页,上一页,返回目录,文字、表格、图片图像、声音等信息是信息表现的重要手段，网页中的多媒体越来越多和丰富多彩。现在网页中应用较多的是流媒体，它克服了HTML运行多媒体时必须先下载后播放、速度慢等不足，流媒体可以一边下载一边播放，目前在客户端经常使用的软件有Realplay 、Mediplay等。 除了尽量提高页面的视觉效果、互动功能以外，如果能在打开网页的同时，听到一曲优美动人的音乐，相信这会使你的网站增色不少。,兰州石化职业技术学院,1.3 HTML语言,下一页,上一页,返回目录,HTML（Hype
14、rtext Markup Language）是目前一种专门用于Web页制作的编程语言，用它来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点，它有如下主要元素组成。 1.文字 文字是网页发布信息采用的主要形式，由文字制作出的网页占用空间小，当用户浏览时，可以很快的展现在用户面前。用户在编辑文字性网页时，要合理考虑网页中的标题、字型、字号、内容的层次样式和颜色等设置，以活跃和吸引浏览者的目光。 2.图形 网页上的图形格式一般采用GIF和JPEG，这两种格式具有跨平台的特性，可以在不同操作系统支持的浏览器上显示。图形在网页中通常是以菜单按钮、背景图形等出现。 3.
15、链接标志 超级链接是网页中最重要、最根本的元素之一。用户通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站。链接的标志有文字和图形两种。 4.交互功能 Internet它的交互功能主要是通过表单来实现的。例如在商务网站上，顾客经过浏览，选择了某一个产品，就需要将自己的决定通过Internet告诉这个网站，网站能够自动对该产品的数据库进行检索，及时回应有还是没有数量、规格、价格等信息。如果用户选择确定，那么网站能够返回确认信息，这种交互功能其他媒体是无法比拟的。 。,兰州石化职业技术学院,1.3 HTML语言,下一页,上一页,返回目录,HTML的特点与文档结构 HTML是SGM
16、L定义下的一个描述性语言，HTML具有简单易懂，使用灵活方便；与工作平台无关性和易扩展性，便于初学者学习。用HTML编辑的文档称为HTML文档，它是纯文本文档用于描述网页。标记符又称选项卡，浏览器根据标记符决定网页的实际显示效果。 超文本标记用带尖括号“”来表示，各种标记总在“”组成的一对尖括号内，标记有单标记和双标记两种形式。超文本标记一般是成对出现在文本中，双标记由始标记和尾标记两部分组成，在其中间可放入要修饰或说明的各种内容，用带斜杠“/”的元素表示结束，如：和；但有些标记只有起始标记而没有结束标记，如强制换行，它在网页中表示引入一个换行动作。标记只改变网页显示方式，它本身不在浏览窗口中显示，一个标记元素可写在多行中，参数位置不受限制。,兰州石化职业技术学院,1.3 HTML语言,下一页,上一页,返回目录,HTML部分元素主要如下表所示。,兰州石化职业技术学院,1.3 HTM
