l制作.ppt

第一章 网页设计基础 上网对人们来说已不再陌生，人们通过浏览网页不仅可以获得必威体育精装版的新闻、购买所需的商品、查询和检索网络信息与相隔千里的朋友聊天，还可以建立个人网站宣传和定位自己，也经常用以宣传企事业、建立企业与客户间沟通的平台。 本章主要介绍网页、网站的一些基础知识和基础概念，为今后进一步建立网站和设计网页奠定基础。 本章我们主要学习以下三个内容： 1.1 基本概念 实例1－1 网站、网页的基本操作与基本概念 1.2 网站基础 实例1－2 网站分类及特征 1.3 网站的体系结构 实例1—3 理解网站体系结构 1.1 基本概念 从表面上看，网页是由文本、图片、动画和超链接等多种对象构成的多媒体页面，但从本质上来说，网页是使用HTML语言编写而成的文档，在Internet中可以通过浏览器程序进行浏览。 实例1－1 网站、网页的基本操作与基本概念 一、要求与目的 ★ 熟悉网站访问与网页浏览的过程，使学员在设计前有个感性认识 ★ 掌握浏览器的使用方法 ★ 掌握网页保存、网页在线浏览、网页离线浏览的方法 ★ 理解网址、网站名称、网页、网站、主页、URL、WWW、超链接、离线浏览、在线浏览等相关术语及基本概念 ★ 初步了解脚本语言及其作用 二、操作步骤 1.在桌面双击IE浏览器的图标，启动IE浏览器。 2.在IE浏览器的地址栏中键入,进入新浪网主页，如图1－1 所示。 3.结合本例后面知识点观察、体会和分析网页 4.在 IE浏览器中单击“文件”菜单，选中“另存为”，在弹出的窗口中，默认保存位置为“我的文档”、默认文件名为“新浪首页”，单击保存，完成新浪网主页的本地保存过程。 *注释*：本地一般指浏览者所使用的计算机。 5．关闭浏览器，打开“我的文档”，在其中找到刚保存的“新浪首页”文件，双击文件，再次打开新浪网页，完成离线浏览过程。 6.在IE浏览器中，点击“查看/查看源文件” 如图1－2所示，就会看到“新浪首页”的源代码。如图1－3所示。 三、本实例知识点 1. 基本概念 （1）URL URL是“Uniform Resource Locator”的缩写，中文翻译为“统一资源定位器”，就是通常所说的网址，是指信息资源在Internet上的惟一地址，它提供在Web上访问资源的惟一方法和路径。这里的信息资源是指在网络上能够获得的文字、图形、图像、动画、程序等信息，这些文件分布在不同的主机系统上，可能具有不同的文件格式、操作系统、网络结构等，因此需要统一访问不同系统资源的方法，这就要采用URL。 URL由协议类型、存放资源的主机域名和资源文件三部分组成。Internet上计算机间的通信协议是采用TCP/IP(传输控制协议/网际协议)。而HTTP(Hypertext Transfer Protocol，超文本传输协议)是用来在Internet上传送超文本的传输协议，它运行在TCP/IP协议之上。HTTP定义了信息如何被格式化、如何被传输，以及在各种命令下服务器和浏览器所采取的响应。其他常用的协议还有文件传输协议FTP，远程登录协议Telnet等。 例如，新浪网址/index.htm中，http代表所使用的传输协议；.on为主机名，index.htm为要访问的主页的路径和文件名。 *注释*：网络协议是指计算机网络中相互通信的对等实体间交换信息时所必须遵守的规则集合。 2、网站名称 任何一个网站都有一个除网址外用来识别网站的中文或英文名称，如本例中的“新浪网”名称。一般情况下，企事业单位网站中文名称多为企事业单位的全称或中文简称，网站英文名称多为企事业单位中文名称的英文缩写；但也有用拼音缩写的。娱乐性网站的名称取名一般比较自由。 3、网页 有时也称为web页或页面，网页的英文是Webpage，它是指一种存储在Web服务器(网站服务器)上，通过Web进行传输，并被浏览器所解析和显示的HTML（一种脚本语言，见后续章节）文件。除这个定义之外，我们还可以从文件、组成等多个角度对网页进行描述： ?从文件的角度讲，网页是一种由HTML，即超文本标记语言编写而成的特殊的文本文件。所以网页文件通常又被称为HTML文件，它的文件扩展名通常为“html”和“htm”。 ?从网站的角度讲，网页是网站的基本信息单位，一个网站通常由众多的网页组成。 ?从组成元素的角度讲，网页是由文本、图片和超链接等多种对象构成的多媒体页面。如图1－1所示，新浪主页上除了文本、图片、超链接之外，还有F1ash、GIF动画、文本框、按钮等多种对象。 4、网站 通常我们把一系列逻辑上可以视为一个整体的页面叫做网站，或者说，网站就是一个链接的页面集合，它具有共享的属性，例如相关主题或共同目标。比如新浪网站就是由数以千计的网页组成，每个页面间通过超链接访问。 网站的概念是相对的，大可以到“