多媒体技术与网页制作 沈复兴 8网页制作基础.pptVIP

8 网页制作基础知识 内容提要 网页制作基本概念 网站设计基本步骤 网页制作常用软件 HTML基础 Dreamweaver网页制作 FrontPage网页制作 一、网页制作基本概念 因特网、万维网和网格 第一代互联网：因特网（Internet） 第二代互联网：万维网（World Wide Web） 第三代互联网：网格（Grid） Internet（因特网） Internet是一个通过网络设备把世界各国的计算机相互连接在一起的计算机网络。 在这个网络上，使用普通的语言就可以进行相互通信，协同研究，从事商业活动，共享信息资源。 Internet是世界上规模最大、用户最多的计算机网络，是20世纪全球发展最快，影响最深远和冲击最大的信息存取和处理工具。 人们称因特网为第一代互联网。 WWW（万维网） WWW是internet上运行的全球性分布式信息系统。??是World?Wide?Web?(环球信息网)的缩写，也可以简称为Web，中文名字为“万维网”。 由于Web支持文本，图像，声音、影视等数据类型，而且使用超文本、超链接技术把全球范围里的信息链接在一起，也称为超媒体环球信息系统。 WWW是Internet的多媒体信息查询工具，是Internet上近年才发展起来的服务，也是发展最快和目前用的最广泛的服务。正是因为有了WWW工具，才使得近年来Internet迅速发展，且用户数量飞速增长。 ?人们称万维网为第二代互联网。 Internet和WWW Internet和WWW的关系犹如计算机的硬件平台和软件环境之间的关系。 WWW技术是Internet上环球信息系统设计技术上的一个重大突破，是目前最热门的多媒体技术。 第三代互联网——Grid（网格） 简单地讲，网格是把整个互联网整合成一台巨大的超级计算机，实现计算资源、存储资源、数据资源、信息资源、知识资源、专家资源的全面共享。 网格类似于电力网，用户用电时无需了解电是由哪个电站发出的。 万维网与网页 网络已逐渐成为与广播、电视、报纸同等重要的媒体形式，成为人们获取信息的重要渠道。 WWW上的大量信息都是通过网站的形式发布的。 网站是由一组相关的网页组成的。 网站的分类 门户网站（Sohu, Sina, 网易、新华网、T） 专业网站（教育类、财经类） 电子商务网站（dangdang, Chinapub） 电子政务网站（政府上网工程） 单位网站（各高校、各部门等） 公司网站 个人网站（blog, 个人站点等） …… 网页、网站和主页的关系 网页 网站 主页 书中的每一页 一本书 书的封皮 Web网页的三种工作模式 C/S模式与B/S模式 C/S模式：Client/Server模式，客户/服务器模式 QQ、Popo、MSN B/S模式：Browser/Server模式，浏览器/服务器模式 网页 二、网页制作基本步骤 网页制作基本步骤 网站的选题 网站内容规划 网站素材准备 网页设计与制作 域名申请 服务器配置(或申请主页空间) 网站测试及发布 三、网页制作常用软件 网页制作工具 网页编辑类 如微软的FRONTPAGE Macromedia公司的Dreamweaver 和 Flash等。 图像处理类 Photoshop Fireworks Gif Animator Cool3D FTP类 FTP软件是用来发布你的网页的，通过 FTP 软件，能方便地将你的网页上传到网站服务器上，常见的 FTP 软件有 CuteFTP 和 LeafFTP。 四、HTML基础 HTML 为了在世界范围内发布信息，需要一种能够被普遍理解的语言，一种能为所有的计算机作为信息发布用的母语，这就是万维网使用的超文本标记语言（Hypertext Markup Language，HTML)。 HTML句法结构 HTML句法结构 Google首页的部分源代码 html head META HTTP-EQUIV=content-type CONTENT=text/html; charset=GB2312 titleGoogle/title ... /head 另外还有HTML文档主体部分的声明。 body bgcolor=#ffffff text=#000000 link=#0000cc vlink=551a8b alink=#ff0000 onLoad=sf() center HTML句法结构 一个HTML文档是普通的ASCII文本文件，它包含两类内容：普通的文本、代码或标记。 标记(Tag)是用一对尖括号“”括起来的文本串，例如第一行的html。标记通常具有如下结构： tagneme attribute1=value1 attribute2=value2… 在标记定义中，“tagname”是标记名，定义标