[其它]第一讲网页制作基础.ppt

网页设计与制作 网页制作课程内容： 1、网站设计基础 2、 Dreamveaver网页制作 3、VBScript脚本语言 4、动态网页初步 5、Flash动画制作 6、图形图像处理（Fireworks、Photoshop） 7、上机实训 网站赏析 公司类网站赏析 欣赏海尔集团的网站： 旅游类网站赏析 欣赏“凤凰古城旅游网”: / 体育类网站赏析 欣赏“中国大众体育网”： 教育培训类网站赏析 欣赏新东方教育网站： 班级网站赏析 欣赏海事二班的网站：http://225226./class/default/index.aspx 第一讲 网站设计基础 在学习网页制作之前，首先应了解一些网页与网站的基本知识，了解常用的网页制作工具，熟悉网站开发流程。 本讲要点： 网页的基本概念 网页包括的主要元素 网页制作流程 网页制作工具 一、网页的基本概念 (一)、什么是网页？ 网页是使用网页制作工作编辑生成或使用HTML语言编写的文本文件，网页里可以包含文字、表格、图像、声音和视频等网页元素。每个网页都是磁盘上的一个文件，可以单独浏览。网页是组成网站的特殊成分，图像、声音、和视频等文件均需要通过网页才能让浏览者看到或听到。 一、网页的基本概念 (二)、网站的的概念与分类 1、网站的的概念 网站，也称作站点，英文的名称是Web Site。 从逻辑上讲网站就是一个建构在网络上、具有独立名称的逻辑上的独立体。再简单来讲，就是一组具有特殊连接方式的页面群，表现出来就是我们常说的一个网站，比如网易、搜狐、新浪、百度等知名网站。我们个人做的网站虽然规模上不能和大站相比，但它在结构上也是完全独立的。 从物理意义上讲，所有的网站都架构在连接到因特网的服务器上，其具体网页文件都存放在一个网站文件夹中。 网站的分类方式有多种，这里我们仅就网站的内容与网站的交互性两方面来分类。 一、网页的基本概念 2、网站的分类 （1）按内容分类 有哪些信誉好的足球投注网站引擎式网站：以有哪些信誉好的足球投注网站引擎为主要功能。如百度、一搜、Google等。 综合性门户网站：以新闻信息、娱乐资讯等为主要功能。如搜狐、新浪、网易、雅虎等。 电子商务网站：主要用于网上交易。如：阿里巴巴、易趣等。 即时通讯网站：用于实时性网上通讯交流。如腾迅QQ、雅虎等。 小型专题或个人主页：多以宣传创建者自身，提供信息，或就某一专题提供必威体育精装版资讯、历史资料及相关论坛等内容为主要形式。小型企事业网站或个人网站大多采用这种形式。 （2）按网站交互性来类 单向传递：这类网站重点在宣传自身、介绍产品、发布新闻等。与传统媒体的传播方式相类似，主要是提供资料供用户浏览，其它交流功能则较少。 双向交流：更注重网络与用户间信息的互动，网站可按用户的需求提供各种形式的检索，并且用户在网上获取信息的同时，网站也可接收到来自用户的信息，实现信息共享，用户还可加入各种网上互动活动，如参加论坛讨论，进行在线游戏等。 一、网页的基本概念 (三)、网页是如何被浏览的？ 网页是能够被浏览器软件识别的文件，但有时也把用浏览器看到的网页文件的内容叫网页或页面。 浏览器是专门用于浏览网页的软件，常用的浏览器软件有Microsoft的IE和Netscape的Navigator等。 HTML文件中还定义了网页中的各种对象（如：文字，图片，声音，图像，动画）的位置，外形和色彩，各种图像，声音，动画等文件则是网页的素材。 网页浏览者在浏览网页时，实际上是将HTML文件及相关的文本、图像、声音等文件下载到自已本地的计算机中，然后由浏览器程序对HTML文件进行解释后显示网页内容。 一、网页的基本概念 （四）、网页制作常用术语 1、HTML文件 用超文本标记语言编写的超文本文件称为HTML（HyperText mark-up language）文件，它能不受各种操作系统限制，独立地运行于各种操作系统平台之上。 HTML文件作用：HTML语言主要用于静态网页设计，自1990年起HTML语言就一直被用作World Wide Web（WWW）上的信息表示语言，用于描述网页的格式，设计它与WWW上其它主页的链接信息。 HTML文件是网页的源文件，是一个放置了标记的ASCII文本文件，通常以.htm或.html为扩展名。 一、网页的基本概念 2、服务器和客户机 浏览者在访问网页时，是由浏览者本地的计算机向存放网页的远程计算机发出一个请求。远程计算机在收到请求后，将所需要的浏览内容（即网页）发送给本地计算机。那么本地的计算机被称为客户计算机（Client），远程存放网页的计算机被称为服务器（Server），根据服务器上运行的程序类型及服务器与客户所使用的通信协议的作用的不同，服务器可分为WWW（Web）服务器，FTP服务器等。 一、网页的基本概念 3、IP地址和域名 IP地址：为了使连