[高等教育]第1章 网页制作基础.pptVIP

网页设计与制作 主讲：唐建军 TELE-mail:TANGJJL@163.COM 课程目标 计算机普及 因特网普及 网页制作中所涉及的技术 基本内容 网页常识 HTML语言 CSS Dreamweaver 如Word一样进行设计 它为什么会产生这些设计的效果 如何利用程序动态改变这些效果 教材 网页制作技术，赵丰年等编，2009 网上教程 课程学习要求 理论（20学时） 实验（16学时） 考核 平时成绩（20%） 考试成绩（80%） 第1章 网页制作基础 本章要点 1.1 什么是网页 1.2 网页制作技术 1.3 网页制作工具 1.4 网站开发流程 1.1.1 Internet 与 www 网络是指多台计算机通过特定的连接方式构成的一个计算机集合体，而网络协议则可以理解为网络中的设备“打交道”时共同遵循的一套规则，即以何种方法获得所需的信息。 Internet 就是将许多不同功能的计算机通过线路连接起来组成的一个世界范围内的网络。 1.1.1 Internet 与 www ( 续 ) 从网络通信技术的角度看，Internet 是一个以 TCP/IP 网络协议连接各个国家、各个地区、各个机构的计算机网络的数据通信网。 从信息资源的角度看，Internet 是一个集各个部门、各个领域的各种信息资源为一体，供网上用户共享的信息资源网。 1.1.1 Internet 与 www ( 续 ) Internet 能提供的服务包括： 网页浏览服务 电子邮件服务 即时消息传送 FTP 服务 在线聊天、游戏 网上购物、炒股 1.1.1 Internet 与 www（续） WWW（Word Wide Web，译为“万维网”）是 Internet 提供的服务之一，用户可以利用 WWW 服务获得信息并进行网上交流。 WWW 是由遍布在 Internet 上称为 Web 服务器的计算机组成，它将不同的信息资源有机地组织在一起，通过一种叫做“浏览器”的软件进行浏览。 1.1.1 Internet 与 www ( 续 ) Internet 工作过程：用户连接到 Internet ，在浏览器窗口中输入 Internet 地址，按下回车键后，相当于要求显示 Internet 上的某个特定网页。这个“请求”被浏览器通过电话线等网络介质传送到页面所在的服务器端，然后服务器作出“响应”，再通过网络介质把用户请求的特定网页传送到用户所在的计算机，最后由浏览器进行显示。 1.1.1 Internet 与 www ( 续 ) 当用户在页面中操作时，例如单击其中的超链接，则这种“请求”又会通过网络介质传送到提供相应页面的服务器，然后还是由服务器作出响应。这个过程可以用下图简要地表示。 1.1.1 Internet 与 www ( 续 ) 1.1.1 Internet 与 www ( 续 ) 通过这个过程，浏览器和服务器之间建立了一种交互关系，使浏览者可以访问到世界各地计算机（服务器）上的网页。所以浏览器是获取 WWW 服务的基础，它的基本功能就是对网页进行显示。 目前使用最广泛的浏览器是 Internet Explorer（本书在说明时将以 IE 6.0 作为默认浏览器），另外一种常用的浏览器是 Firefox（火狐）。 1.1.2 网站与网页 网站的概念 WWW 是由遍布世界各地的 Web 服务器组成，那么，这些 Web 服务器又是如何构成一个庞大的信息网络呢？答案就是网页。由于网页中包含所谓的“超链接”，这些超链接可以将一个网页链接到其他网页，从而构成了万维网的纵横交织结构。  通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。 1.1.2 网站与网页（续） 首页的概念 “主页”是网站中的一个特殊页面，它是作为一个组织或个人在 WWW 上开始点的页面，通常也称为首页，主页中通常包括指向其他相关页面或其他主页的超链接。 主页是进入一个网站的门户，是整个网站的第一页。通常主页的名称是固定的，一般叫做 index.htm 或 index.html 等（.htm 或 .html 后缀表示 HTML 文档）。 1.1.2 网站与网页（续） 网站中的文件结构 任何一个网站都是由若干个文件组成的，包括网页文件、图像文件、媒体文件等多种类型。这些文件通过一定的方式以文件夹的形式组织起来，构成了网站的根文件夹。 图 1.2 是 Dreamweaver “文件”面板中显示的一个典型网站中包含的各种文件，表1.1则列出了网站中各种常用文件类型的扩展名。 1.1.2 网站与网页（续） 1.1.2 网站与网页（续） 1.2.1 网页的本质——HTML HTML（HyperText