网页设计与制作 教学课件 作者 雷伟军 第1章网页制作基础知识.pptVIP

随着Internet技术的应用及普及，越来越多的网站很快建立起来了，网络已经渗入到人们的生活中，并已成为生活的一个重要组成部分，而网页在整个网络中占据了绝对的分量，几乎所有的网络活动都与网页有关。随之，网页的设计技术已成为最热门的计算机技术类别之一，越来越多的人希望学习网页设计与制作的技术，同时很多企业在录用员工时，都希望员工掌握一定的网页设计技术基础。 网页是一种数字化的媒体，相对于传统媒体而言，网页媒体继承了平面媒体的信息量大，内容丰富且具有可保存性的特点，同时又可承载更多类型的媒体内容，例如文本、图像、动画、音频和视频等。 若想学习网页设计与制作，需先了解一些网页的基本知识，如网页的定义、分类以及网页制作的基本步骤和规则等。 本章将讲解网页制作的基础知识，为以后学习网页制作打一些基础。 1.1 网页制作基础知识 1.1.1 网页的定义和分类 上网时浏览的一个个页面就是网页，网页又称为Web页，其中的图像、文字、超级链接等是构成网页的基本元素，如图1-1所示即为中国诗歌网站的首页。网页可按其在网站中的位置分类，也可按其表现形式分类。下面将分别进行讲解。 图1-1 中国诗歌网站首页 1.1.1 网页的定义和分类 1．按位置分类 按网页在网站中的位置可将其分为主页和内页，主页是指网站的主要导航页面，一般是进入网站时打开的第一个页面，也称为首页；内页是指与主页相链接的页面，也就是网站的内部页面。 一些网站的首页并非主页，其作用只是为了欢迎访问者或者引导访问者进入主页，所以首页并不一定就是主页。 1.1.1 网页的定义和分类 2．按表现形式分类 按网页的表现形式可将其分为静态网页和动态网页，具体含义如下。 （1）静态网页 指用HTML语言编写的网页，一般以.htm、.html、.shtml、.xml等扩展名。静态网页有如下特点： 第个静态网页都有一个固定的URL，网页URL以. htm、.html、.shtml等见形式为后缀。 网页内容一旦发布到网站服务器上，每个网页都是一个独立的文件。 静态网页的内容相对稳定，有搜索引擎容易检索到。 静态网页没有数据库的支持，因此在网站维护和制作方面工作量都比较大，当网站信息量很大时，完全以静态网页的方式来建立网站，是比较困难的。 由于静态网页的交互性较差，在交互和实时性方面受到限制。 1.1.1 网页的定义和分类 （2）动态网页 这类网页使用ASP、PHP、JSP和CGI等程序生成，具有动态效果，其制作方法较静态网页复杂。常见形动态网页是以.aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。 动态网页有如下特点： 动态网页一般以数据库技术为基础，这对于降低网站的维护工程量大有好处。 采用的动态网页技术制作的网站可以实现更多的功能，如在线调查、互动交流等功能。 动态网页不独立存在于服务器上的网页，只有在请求服务器时才返回一个完整的网页。 动态网页中的“？”对搜索引擎检索存在一定的问题，采用动态网页的网站在进行搜索时，植根做一定的技术处理才能适应搜索引擎的要求。 静态网页和动态网页不是以网页中是否包含动态元素来区分的，而是针对客户端与服务器端是否发生交互行为而言的。不发生交互的是静态网页，发生交互的是动态网页。 1.1.2 网页的基本概念 在网页制作过程中常常会遇到一些专业名词，需掌握其具体含义才能在网页制作过程中轻松操作。下面分别讲解这些专业名词。 站点：站点是一个管理网页文档的场所，简单地讲，一个个网页文档链接起来就构成了站点。站点可以小到一个网页，也可大到一个网站。 发布：发布就是把制作好的网页上传到网络中的过程。 浏览器：浏览器是一种把互联网上的文本文档和其他类型的文件翻译成网页的软件。 导航条：导航条就如同一个网站的路标，有了它就不会在浏览网站时“迷路” 超级链接：超级链接在网页中起着重要的作用，主要用于将不同页面链接起来，链接的范围可以是同一站点内的页面，也可以是其他网站的页面 表单：表单是具有交互性的动态网页，常用于在注册网站会员和申请邮箱等活动时提交用户信息。 1.1.2 网页的基本概念 URL （Uniform / Universal Resource Locator）统一资源定位器：URL是指全球资源定位器，即主要用于指明通信协议和地址的方式，如就是一个完整的URL。 域名：域名就如同是网站的地址，Internet中任何网站的域名都是全世界唯一的，所以域名也就是网站的网址，如就是新浪网站的域名。 IP地址：IP地址就是为连接在Internet上的每一个主机分配的