计算机基础教程 Windows 7与Offiec 2010 第5版 教学课件 作者 林卓然 李岚 第8章(第5版).pptxVIP

Web(也称WWW)是Internet网上最受欢迎的一种信息服务系统。 主要由两部分组成：一是服务器端即信息的提供者，也称Web站点；二是客户端即信息的接收者。客户端通过浏览器来访问Web站点。 Web信息是以网页的方式来组织的。网页制作第8章请求服务网站浏览器发送网页客户机(浏览器)服务器(网站)Internet服务器(网站)客户机(浏览器)客户机(浏览器)Web网站由一系列精心策划和组织的网页组成以后课程将围绕网页设计来进行 在FrontPage图形界面下编制（与Word操作相似） 使用HTML代码编制 嵌入脚本程序（动态网页）网站由什么构成的?如何建设网站?如何设计网页?第8章 网页设计基础本章主要内容网页和网站的基本概念初步认识HTML文档使用SPD2007制作网页常用的HTML标记HTML及脚本语言简介退出8.1 概述站点主页文件 Index.htm……网页文件2如Photo.htm网页文件1如Interest.htm图片素材声音素材视频素材8.1.1 网页的基本概念 1. 网站与网页 Web（WWW）网由形形式式的Web网站组成 Web网站由一系列精心策划和组织的网页组成 超链接主页网页网页网页网页网页网页 什么是超链接？网页之间通过“超链接”，构成一个整体 2. 标记语言 (1) HTML语言 超文本标记语言。用来编制网页文档(也称HTML文档) 。并不需要经过编译，只需要通过浏览器来打开就可以看到结果 采用了标记方式，描述了每个在网页上的组件，例如文本段落、文本格式、图像、超链接等 通过超文本链接能方便地进行各种信息之间切换 HTML版本 HTML2.0 →HTML3.0 →HTML3.2 →HTML4.0 (2) DHTML语言 DHTML称为动态HTML。使用这种技术，在网页下载到浏览器之后仍然能够控制网页中各个HTML元素，使其随时变换。例如，当鼠标移至文字时，文字能够改变大小或颜色。 (3) CSS语言 CSS（层叠样式表）简称样式表。它是用于控制网页样式，并允许将样式信息与网页内容分离的一种标记性语言。CSS通过对HTML标记进行设定，来达到对网页中的字体格式、颜色、背景图像，以及其他图文效果的控制功能，使网页的基本排版信息不随着浏览器及系统显示的分辨率等因素的变化而变化，使得网页外观具有一定的“固定”性。 (4) XML语言 扩展标记语言XML是一种新兴的面向Web应用的标记语言 HTML无法描述数据内容，而XML能够定义数据元素和属性。其最大优点是适合网上发布和在网页上组织信息。 不少电子商务采用以XML为基础的文件来交换网络数据。 3.网页制作技术 (1) 静态网页技术 静态网页将要显示的内容组织在静态的HTML文档中，网页一旦制作完成，内容便固定下来。 (2) 动态网页技术 动态网页技术主要指的是DHTML，它是通过脚本语言技术（包括VBScript和JavaScript）、CSS技术及文档对象模型技术（DOM）等多种技术组合在一起实现动态效果的。 (3) 动态服务器网页技术 动态服务器网页技术是指根据用户的访问需求产生网页的技术。利用这种技术可以 为用户提供查询、申报、选购等实时的服务。 动态服务器网页技术主要包括ASP、JSP和PHP。 4.网页制作工具 目前最具代表性的开发工具： SharePoint Designer 2007/2010 Micromedia公司的网页制作“三剑客” （即Dreamweaver，Flash和Firework） SharePoint Designer 2007是微软的新一代网站创建工具(替代FrontPage) ·软件界面友好，操作简便 ·可在 SharePoint平台上创建SharePoint 网站 ·快速构建启用工作流的应用程序 8.1.2 两个简单的HTML文档 例8-1 显示“欢迎您来到HTML世界” HTML HEAD TITLE 例8-1 /TITLE /HEAD BODY 欢迎您来到HTML世界 /BODY /HTML 一定要先将其保存好。 假设把该文档存放在当前站点中，文件名为“Welcome.htm”例8-1.htm例例8-1.htm8-1文件名标签 例8-2 建立含有两个网页链接的HTML文档 HTMLHEAD TITLE 例8-2 /TITLE /HEAD BODY PA HREF=“Welcome.htm” 欢迎您 /A/P HR PA HREF=“/” 浏览北大 /A/P /BODY/HTML 其中: P/P 表示分段 HR 表示一条水平线 A HREF……/A 表示插入超级链接例8-2.htm例例8-2.htm8-2链接到网页文档“Welcome.htm”链接到北大网站 8.1.3 HTML文档的