第1章网页制作基本知识讲解PPT课件

《 网页设计与制作教程与实训》 (第2版)
2
第1章 网页制作基本知识
本章要点
网站开发的流程 网站设计的要求
《 网页设计与制作教程与实训》 (第2版)
3
第1章 网页制作基本知识
1.1 与网页制作相关的术语
1.1.1 网站与网页
当我们在浏览器中输入一个已知网址后，即可打开一个页面，让我们了解有关这 个网址的一些信息和内容，这个页面就是我们通常所说的网页，而打开网络由网址进 入时第一个看到的页面，我们通常把它称为首页（home page）或主页，所有的信息 都会清楚地整理在这个页面上，目的就是为了让用户在使用这个网页时能快速链接到 需要的资料，它既是一个单独的网页，同一般网页一样可以存放各种信息,又是一个特 殊的网页，是整个Web站点的起始点和汇总点，是用户开始浏览站点的“入口处”。 由首页所延伸下去的页面，就是一个个网页。
《 网页设计与制作教程与实训》 (第2版)
6
第1章 网页制作基本知识
1.1 与网页制作相关的术语
1.1.4 统一资源定位器URL
URL即Uniform Resource Locator（统一资源定位器）的缩写。 用来指明主机或文件在Internet上的位置，一个URL就是一个资源 在Internet上的具体位置，URL由Internet资源类型、服务器地址、 端口及路径组成，如：http://www.sina.com.cn/login.html就是一个 典型的URL。它的作用在于提供一个标准方法，以便能够在 Internet上找到任何东西。无论是单一的页面，还是庞大复杂的网 站，甚至是一个小小的图片，所有的网络资源都能通过URL系统访 问到。
《 网页设计与制作教程与实训》 (第2版)
7
第1章 网页制作基本知识
1.2 HTML简介
1.2.1 HTML基本格式及特点 1.2.2 HTML的基本语句
1. HTML 标记符 2. “文件头”标记符 3. “文件标题”标记符 4. “文件体”标记符 5. “标题”标记符 6. 字体和段落标记符 7. 图像标记符 8. 表格标记符 9. 框架标记符 10. 层标记符 11. 表单标记符
第1章 网页制作基本知识
wangyeshejiyuzhizuojiaochengyushixun
(第2版)
《 网页设计与制作教程与实训》 (第2版)
1
第1章 网页制作基本知识
第1章 网页制作基本知识
1.1 与网页制作相关的术语 1.2 HTML简介 1.3 网页界面的构成要素 1.4 网页开发的流程 1.5 网站设计的要求
网页又称Web页面，是网络文件的组成部分，是可以被浏览器访问的单个HTML 超文本文件,它由文字、表格、图片、声音、视频以及各种功能按钮等组成，这些文字、 图片、按钮往往又是指向别的主页的连接点。在Internet网上，这些连接点又叫超级链 接。所有由首页链接出去的网页集合起来就是网站。即在设计时，将某个主题明确后， 再按所需的单元、内容经过安排，化为各个不同的网页，在同一个结构及诉求下出现 的集合体，就是网站（Web Site）。有主题性的网站是要经过规划和构架过的网站。 在互联网上，Web站点由一组相互关联的页面组成，如果把整个WWW信息世界看作 一个村子，那么一个Web站点可以理解成一个家庭。
《 网页设计与制作教程与实训》 (第2版)
8
第1章 网页制作基本知识
1.3 网页界面的构成要素
1. 文字
文字是网页最基本的构成要素，一个网页上大部 分是由文字构成的，由于文字所表达内容比较清楚、 直接,而且相对占用网页版面面积较小，使网页所表达 的信息量加大，所以网上用来表达内容或链接的大部 分是文字。文字也称文本，网页有90％左右是由文本 组成。首页上的文本基本上都是用来链接用的。
《 网页设计与制作教程与实训》 (第2版)
4
第1章 网页制作基本知识
1.1 与网页制作相关的术语
1.1.2 服务器（Server）与浏览器（Browser）
服务器是局域网的核心设备,它管理着局域网中的各种资源,它的基本功能是 网络通信服务、管理和提供网络共享资源，以及进行网络管理。服务器实质是一 台配置较高的计算机。不同的电脑操作系统，有不同的适用服务器软件，如：微 软视窗windows XP Professional操作系统适用的服务器软件IIS5.1．网站上动态的 数据，必须要通过网站服务器的服务才能运作。
《 网页设计与制作教程与实训》 (第2版)
9wk.baidu.com
第1章 网页制作基本知识
1.3 网页界面的构成要素
2. 图像
图形和图像也是网页主要的构成要素，它有动态和静态之分， 和文字的功能一样，也是基本上用来链接用的，它比文字看上去更 加直观，更让人容易理解内容。图形可提高站点的访问率，但不能 因此而在网页上加入过多的图片，这样会适得其反，一方面由于图 形占网页空间较大，使网页信息量相对减少；另一方面由于图片较 多，使网页显示的速度降低，用户浏览网页花费的时间较长。
《 网页设计与制作教程与实训》 (第2版)
5
第1章 网页制作基本知识
1.1 与网页制作相关的术语
1.1. 3 远程站点(Remote Site)和本地站点（Local Site）
远程站点是指服务器上组成的Web站点。本地站点是指与远程站点 上的文件对应的本地磁盘上的文件。
在制作网页时，首先要定义一个本地站点。作为一个网站，里面有 很多网页文件、图片、Flash动画等，如果不进行管理归档，分散在硬盘 的各个地方,就无法方便地进行网页发布。定义本地站点，就是在硬盘上 建立一个目录，将所有的网页和相关的文件都放在里面，以便进行网页 的制作和管理。一般在设计网页之前，先要以设计的网页的名称新建一 个文件夹，把它放在电脑中常用来存储文件的磁盘中，如“我的网页”、 “个人网页”等的文件夹里，也可以根据自己的习惯放置文件。
用于查看Web站点的软件被称作浏览器。它是WWW的窗口,用户可以利用浏 览器从一个文档跳转到另一个文档实现对整个网站的浏览,也可以下载并解释 HTML文档中所描述的动画、声音、文本、图形、图像，并能实现电子邮件查看、 下载文件、FTD等功能。它有多种版本,如微软英特尔版本、苹果电脑版本等，大 多数浏览者（目前已经超过90％）使用Microsoft Internet Explorer(简称IE)浏览 器.还有一些其他的浏览器，不同版本的浏览器功能大体一样，主要区别在于各功 能区在版面上的排列不同。