计算机基础教程 教学课件 ppt 作者 郑轶鹏 第8章 网页与网站制作

第8章 网页与网站制作,第8章 网页与网站制作,2,网页与网站制作,网页与网站的基本概念 1、WWW（Word Wide Web, 又简称3W或Web）,WWW 是建立在Internet 上的、以网页形式向用户提供信息浏览服务的一个逻辑网络。以网页形式向用户提供的信息浏览服务就是所谓的Web服务，也称为WWW服务式网页服务，是Internet/Inranet上主要的服务之一。,第8章 网页与网站制作,3,网页与网站制作,HTML文档（HTML docment），是符合超文本标记语言（HTML，Hyper text markup language）规范的文本文件。 例如： ,第8章 网页与网站制作,4,网页与网站制作,网页可以分为静态网页和动态网页。 静态网页指的是建立好了以后就固定不变、不能根据用户请求自动改变内容、基本上滑交互功能的网页。 动态网页并不指在网页上放几个动画，而是指在HTML基础上加入了中间件和数据库等技术来实现网页与用户之间的交互操作,第8章 网页与网站制作,5,网页与网站制作,1、网页与网站制作简介 : 网站制作的一般步骤: 网站规划：根据实际的应用需求、技术、资金、等因素，分析网站建设的可行性，规划网站建设的总体目标。 网站设计：根据网站建设的总体目标及涉及的业务领域等确定网站的类型、总体风格，并设计出网站的结构、创意、网页内容等。 准备实施：组织人力、财力来构建网站的硬件、软件系统，并悼念收集各种有关文字、图片、音像等材料。,第8章 网页与网站制作,6,网页与网站制作,网站制作的一般步骤: 网页制作：使用合适的软件和技术制作网页，并组织成一个整体进行测试， 以发布网站：经过测试后将网站发布到Internet/Intranet服务器上，并宣传网站。 网站维护：发布网站后根据应用要求进行内容、结构等方面的及时更新和维护。,第8章 网页与网站制作,7,网页与网站制作,2、网页制作方法与工具 手工制作网页的方法主要有两种：一是在文档编辑软件中直接输入，编辑HTML文档内容并保存为.htm或.html文件；二是使用可视化工具软件来编辑网页内容并自动生成HTML文档。,第8章 网页与网站制作,8,网页与网站制作,2、网页制作方法与工具 可视化工具软件的采用“所见所得”的工作方式，这些软件提供专门编辑器来编辑的文字、图片等网页元素，网页在浏览器中打开显示时的效果与编辑时显示的效果一致，从而可以让使用者方便地对编辑的内容进行修改、排版等。 （常用的可视化软件主要有Microsoft FrontPage，Macromedia Dreamweaver 等 ）,第8章 网页与网站制作,9,网页与网站制作,HTML基础 HTML是一种用来制作超文本文档的简单标记语言，被称为超文本标记语言 HTML编写的文件就是HTML文档（HTML document），即网页的源文件 HTML能在windows、unix等各种操作系统中使用,第8章 网页与网站制作,10,网页与网站制作,HTML文档 所有HTML文档都有统一的格式，即相同的文件结构，这种结构通过HTML标记反映出来 下面通过一个实例来说明HTML文档的基本结构,第8章 网页与网站制作,11,网页与网站制作,！HTML文档实例10.1.htm HTML 文档结构 第10章 网页与网站制作 10.1 概述 10.2 HTML基础 10.3 FrontPage2000 ,图10-1 HTML文档10-1.html的效果,第8章 网页与网站制作,12,网页与网站制作,所有HTML文档都应该包含一些必需的标记对，这些标记对用来描述HTML文档的结构。以下是这些标记对及其含义： ·，表示该文件是一个HTML文档，其他内容都必须放在这一对标记之间。 ·，二者之间的部分为文件头。,第8章 网页与网站制作,13,网页与网站制作,·，二者之间的文字将作为网页的标题，浏览网页时标题会显示在浏览器的标题栏中，标题应能表明网页内的主要内容。这对标记及其中的文字必须放在文件夹头内部，即写在标记对和之间。 ·，二者之间的部分为正文，网页中所有要显示在浏览器窗口中的网页元素如文字、表格、图片等，它们的描述标记都应包含在这对标记之间。,第8章 网页与网站制作,14,网页与网站制作,注意：1.在HTML文档中，标记中的字母不区分大小写，书写时可根据个人习惯混合使用；2.是用来作注释的标记，其格式为，它对网页内容没有任何影响，用浏览器打开时不做处理也不显示。,第8章 网页与网站制作,15,网页与网站制作,HTML文档的显示与编辑 ： 用直接编写HTML文档的方法来制作网页，其一般步骤可总结如下： 用文本编辑软件新建或编辑HTML文档。 以纯文本文件西式保存文件，扩展名取为.htm或.html。 用浏览器打开文件来浏览网页效果，并可通过执行菜单命令“查看”“源文件”来进行修改，直到满意为止。,第8章 网页与网站制作,16,网页与网站制作,HTML标记 HTML标记语法较简单，一般的书写格式为： 数据字符 ,第8章 网页与网站制作,17,网页与网站制作,其中，标记名部分称为开始标记，/标记名部分称为结束标记，“/标记名”表示其中的/标记名为可选项，即有的标记只有开始标记部分没有结束标记；开始标记中的属性名和属性值用来进一步描述标记对象即网页元素的特性如文字的大小、颜色、图像来源等，不需要时可以省略。,第8章 网页与网站制作,18,网页与网站制作,常用见面元素的标记 ： 页面标记（Page Tags） 字体（Font） 文本风格(Text Style) 图像(Image) 表单（Form） 框架网页(Frams),第8章 网页与网站制作,19,网页与网站制作,表格(Table) 移动文字(Marquees) 多媒体,第8章 网页与网站制作,20,网页与网站制作,初识FrontPage 2003 启动FrontPage 2003主要有两种方法 退出FrontPage 2003,第8章 网页与网站制作,21,网页与网站制作,FrontPage 2003工作窗口,第8章 网页与网站制作,22,网页与网站制作,网站的创建 创建网站主要有两种方法，一种是使用FrontPage 2003模板和向导创建；另一种是创建空白网站。,第8章 网页与网站制作,23,网页与网站制作,1、使用模板创建 2、使用向导创建,第8章 网页与网站制作,24,网页与网站制作,3、创建空白网站 4、导入已创建的网站,第8章 网页与网站制作,25,网页与网站制作,网站的基本操作 打开网站 保存网站 关闭网站 删除网站,第8章 网页与网站制作,26,网页与网站制作,网页的基本操作 新建网页 保存网页 打开网页 关闭网页 预览网页,第8章 网页与网站制作,27,网页与网站制作,文本的输入与格式化 设置文本格式 设置段落 查找与替换 给文本添加边框和底纹,第8章 网页与网站制作,28,网页与网站制作,插入图片 插入剪贴画 插入来自文件的图片 插入艺术字 绘制图形 使用背景图片,第8章 网页与网站制作,29,网页与网站制作,表格的基本操作 创建表格 文本与表格的互换,第8章 网页与网站制作,30,网页与网站制作,表格的属性设置 设置表格的标题 设置表格的对齐方式 设置表格的高度和宽度 设置表格边框 设置背景 设置单元格属性 表格自动套用格式,第8章 网页与网站制作,31,网页与网站制作,编辑表格 选定表格中的行、列或单元格 插入行、列或单元格 删除行、列或单元格 合并和拆分单元格,第8章 网页与网站制作,32,网页与网站制作,布局表格 创建布局表格 创建布局单元格 设置单元格格式,第8章 网页与网站制作,33,网页与网站制作,创建超链接 创建文本超链接 创建图片超链接 链接到电子邮件,第8章 网页与网站制作,34,网页与网站制作,网站发布前的准备 发布网站的条件 网页中的拼写检查 设置网站兼容性 测试下载速度 检查网站中的所有超链接,第8章 网页与网站制作,35,网页与网站制作,发布网站 设置文件发布状态 发布单个网页 发布整个网站,第8章 网页与网站制作,36,网页与网站制作,网站的更新与管理,