网页设计与制作 高等教育应用型本科计算机类课程规划教材 胡一波 教学课件 第1章 网页设计与制作概述.pptVIP

尚辅网 尚辅网 第1章 网页设计与制作概述 本章内容提要： 在学习网页制作之前，需要了解网页设计与制作的基础知识，以便对网页制作的相关概念、常用工具、开发流程等内容有个总体把握。本章主要内容如下： 网页与网站的基本知识 网页中所包括的主要元素 网页制作常用工具简介 网站制作一般流程 本章目标任务： 在掌握网页设计与制作基础知识基础上，结合自己所熟悉的内容作一个小型个人网站的规划。 1.1 网页与网站的基本知识 1.1.1 什么是网页？ Web，直译过来就叫“网”，它的含义是通过超级链接将各种文档连接起来，形成一个大规模的信息集合。 网页(即Web页)是能够被浏览器软件识别的文本文件，扩展名一般为.htm或.html。是使用网页制作工作编辑生成或使用HTML语言编写的超文本，网页里可以包含文字、表格、图像、声音和视频等网页元素。每个网页都是磁盘上的一个文件，可以单独浏览。网页是组成网站的特殊成分，图像、声音、和视频等文件均需要通过网页才能让浏览者看到或听到。 1.1.2 网站的的概念与分类 1. 网站的的概念 网站，也称作站点，英文的名称是WebSite。 从逻辑上讲网站就是一个建构在网络上、具有独立名称的逻辑上的独立体。再简单来讲，就是一组具有特殊连接方式的页面群，表现出来就是我们常说的一个网站，比如网易、搜狐、新浪、百度等知名网站。我们个人做的网站虽然规模上不能和大站相比，但它在结构上也是完全独立的。 从物理意义上讲，所有的网站都架构在连接到因特网的服务器上，其具体网页文件都存放在一个网站文件夹中。 1.1.2 网站的的概念与分类 2. 网站的分类 网站的分类方式有多种，这里我们仅就网站的内容与网站的交互性两方面来分类。 （1）按内容分类 搜索引擎式网站 综合性门户网站 电子商务网站 即时通讯网站 小型专题或个人网站 （2）按网站交互性来类 单向传递 双向交流 1.1.3 网页是如何被浏览的 网页浏览是通过浏览器来实现的，浏览器是专门用于浏览网页的软件，常用的浏览器软件有Microsoft的IE和Netscape的Navigator等。 HTML文件中还定义了网页中的各种对象（如：文字，图片，声音，图像，动画）的位置，外形和色彩，各种图像，声音，动画等文件则是网页的素材。 浏览网页属于Internet所提供的WWW服务。网页浏览者在浏览网页时，实际上是将HTML文件及相关的文本、图像、声音等文件下载到自已本地计算机中，然后由浏览器程序对HTML文件进行解释后显示网页内容。 1.1.4 网页制作常用术语 1. HTML文件 用超文本标记语言编写的超文本文件称为HTML（HyperText Mark-up Language）文件，它能不受各种操作系统限制，独立地运行于各种操作系统平台之上。 HTML文件作用：HTML语言主要用于静态网页设计，自1990年起HTML语言就一直被用作World Wide Web（WWW）上的信息表示语言，用于描述网页的格式，设计它与WWW上其它主页的链接信息。 HTML文件是网页的源文件，是一个放置了标记的ASCII文本文件，通常以.htm或.html为扩展名。 1.1.4 网页制作常用术语 2. 服务器和客户机 浏览者在访问网页时，是由浏览者本地的计算机向存放网页的远程计算机发出一个请求。远程计算机在收到请求后，将所需要的浏览内容（即网页）发送给本地计算机。那么本地的计算机被称为客户计算机（Client），远程存放网页的计算机被称为服务器（Server），根据服务器上运行的程序类型及服务器与客户所使用的通信协议作用的不同，服务器可分为WWW服务器，FTP服务器等。 1.1.4 网页制作常用术语 3. IP地址和域名 IP地址：为了使连接在Internet上的计算机能够互相识别并进行通信，每台连入Internet的计算机必须有个“标识号”，这个标识号便是计算机在Internet中的地址。这个地址是由IP协议进行处理的，故称为计算机的IP地址。 IP地址是一个32位的二进制数，IP地址的写法是按8位为一组分成4组，组与组之间用小数点分隔，每组数值用十进制数表示。如:某台计算机的IP地址为8。IP地址包含两部分:一部分是网络号,用以区分在Internet上互联的各个网络;另一部分是计算机号,用以区分在同一网络上的不同计算机。 域名：Internet规定了一套命令机制，称为域名系统DNS（Domain Name System）。按域名系统定义的计算机名字称为域名。 如： 当用户用域名来访问远程的计算机时,必须由Internet的DNS的名字服务器(Name Server)将域名翻译成对应的32位IP地址,然后才能完成对远程计算机的访问。 1.1.4 网页