计算机基础教程上机指导及题库资源 郑轶鹏 第8章 网页与网站制作.ppt

第8章 网页与网站制作 第8章 网页与网站制作 网页与网站制作 网页与网站的基本概念 1、WWW（Word Wide Web, 又简称3W或Web）,WWW 是建立在Internet 上的、以网页形式向用户提供信息浏览服务的一个逻辑网络。以网页形式向用户提供的信息浏览服务就是所谓的Web服务，也称为WWW服务式网页服务，是Internet/Inranet上主要的服务之一。 网页与网站制作 HTML文档（HTML docment），是符合超文本标记语言（HTML，Hyper text markup language）规范的文本文件。 例如：tag table html href body 网页与网站制作 网页可以分为静态网页和动态网页。 静态网页指的是建立好了以后就固定不变、不能根据用户请求自动改变内容、基本上滑交互功能的网页。 动态网页并不指在网页上放几个动画，而是指在HTML基础上加入了中间件和数据库等技术来实现网页与用户之间的交互操作 网页与网站制作 1、网页与网站制作简介 : 网站制作的一般步骤: 网站规划：根据实际的应用需求、技术、资金、等因素，分析网站建设的可行性，规划网站建设的总体目标。 网站设计：根据网站建设的总体目标及涉及的业务领域等确定网站的类型、总体风格，并设计出网站的结构、创意、网页内容等。 准备实施：组织人力、财力来构建网站的硬件、软件系统，并悼念收集各种有关文字、图片、音像等材料。 网页与网站制作 网站制作的一般步骤: 网页制作：使用合适的软件和技术制作网页，并组织成一个整体进行测试， 以发布网站：经过测试后将网站发布到Internet/Intranet服务器上，并宣传网站。 网站维护：发布网站后根据应用要求进行内容、结构等方面的及时更新和维护。 网页与网站制作 2、网页制作方法与工具 手工制作网页的方法主要有两种：一是在文档编辑软件中直接输入，编辑HTML文档内容并保存为.htm或.html文件；二是使用可视化工具软件来编辑网页内容并自动生成HTML文档。 网页与网站制作 2、网页制作方法与工具 可视化工具软件的采用“所见所得”的工作方式，这些软件提供专门编辑器来编辑的文字、图片等网页元素，网页在浏览器中打开显示时的效果与编辑时显示的效果一致，从而可以让使用者方便地对编辑的内容进行修改、排版等。 （常用的可视化软件主要有Microsoft FrontPage，Macromedia Dreamweaver 等 ） 网页与网站制作 HTML基础 HTML是一种用来制作超文本文档的简单标记语言，被称为超文本标记语言 HTML编写的文件就是HTML文档（HTML document），即网页的源文件 HTML能在windows、unix等各种操作系统中使用 网页与网站制作 HTML文档 所有HTML文档都有统一的格式，即相同的文件结构，这种结构通过HTML标记反映出来 下面通过一个实例来说明HTML文档的基本结构 网页与网站制作 〈！HTML文档实例─10.1.htm HTML !HTML文档开始 HEAD !文件头开始 TITLEHTML 文档结构/TITLE /HEAD !文件头结束 BODY !正文开始 H1第10章 网页与网站制作/H1 H2 10.1 概述/H2 H2 10.2 HTML基础/H3 H2 10.3 FrontPage2000/H2 /BODY !正文结束 /HTML !HTML文档结束 网页与网站制作 所有HTML文档都应该包含一些必需的标记对，这些标记对用来描述HTML文档的结构。以下是这些标记对及其含义： ·HTML…/HTML，表示该文件是一个HTML文档，其他内容都必须放在这一对标记之间。 ·HEAD…/HEAD，二者之间的部分为文件头。 网页与网站制作 ·TITLE…/TITLE，二者之间的文字将作为网页的标题，浏览网页时标题会显示在浏览器的标题栏中，标题应能表明网页内的主要内容。这对标记及其中的文字必须放在文件夹头内部，即写在标记对和之间。 ·BODY…/BODY，二者之间的部分为正文，网页中所有要显示在浏览器窗口中的网页元素如文字、表格、图片等，它们的描述标记都应包含在这对标记之间。 网页与网站制作 注意：1.在HTML文档中，标记中的字母不区分大小写，书写时可根据个人习惯混合使用；2.!是用来作注释的标记，其格式为！注释文本，它对网页内容没有任何影响，用浏览器打开时不做处理也不显示。 网页与网站制作 HTML文档的显示与编辑 ： 用直接编写HTML文档的方法来制作网页，其一般