计算机文化基础复习之八.ppt

网页制作 网站是一组相关网页和有关文件的集合，一般有一个特殊的网页作为浏览的起始点，称为主页（Homepage），用来引导用户访问其他网页。 主页文件名一般为Index.htm(l) 。 网站中的内容通常包括网页和相关的文件，一般被存储在同一个目录中 。 网页 网页一般又称为HTML文件，是一种可以在WWW上传输，能被浏览器认识和翻译成页面并显示出来的文件。通常用户看到的网页大多是以.htm和.html为扩展名的文件。 一般来说，网页主要由文字、图片、动画、超链接和特殊组件等元素构成。 网页内容 文字 是传递信息最直接、最通用、最容易的沟通方式，而且传输速度快、占用空间小 图片 目前网页中使用的图形文件格式大多是GIF和JPEG等 动画成为网页显示活力的主要因素之一 超链接 将具有文字、图片、动画的网页连接在一起，构成一个统一的整体。可以说，超链接是网络的命脉。 丰富网页作用的组件，如Java Applets、Java Script脚本、字幕、计数器、背景音乐等。 Web服务器与浏览器 浏览器和服务器之间通过超文本传送协议（HyperText Transfer Protocol，HTTP）进行通信 用户使用浏览器向Web服务器发送HTTP请求，Web服务器响应用户的请求，并使用HTTP协议将网页和有关文件传回 然后由浏览器解释并显示，用户就可以看到网页的内容了 静态网页和动态网页 根据网页的生成方式，大致可以分为： 静态网页 动态网页 静态网页 除非网页的设计者自己修改了网页的内容，否则网页的内容不会发生变化，故称为静态网页。 注意：静态页面并非网站上没有动画的就是静态页面。 静态网页 静态网页就是HTML文件，文件的扩展名通常是.htm或.html。 动态网页 动态网页是指网页文件里包含有程序代码，需要服务器执行程序才能生成网页内容。 执行程序的过程中，通常会与数据库进行信息交互，因此网页的内容会随程序的执行结果发生变化，故称为动态网页。 注意：动态页面的“动态”是网站与客户端用户互动的意思，而非网页上有动画的就是动态页面。 动态网页 动态页面常见的扩展名有：.asp .php .jsp .cgi .aspx 等。 网页制作工具 使用一般的文本编辑器以编写HTML文档、如记事本等。 使用具有所见即所得功能的网页制作工具 网页制作三剑客（Macromedia公司开发 ） Dreamweaver：网站开发及网页编辑工具 Flash：动画作品的制作工具 Fireworks：处理网页图片 Microsoft FrontPage 2003（微软） 网页设计的相关计算机语言 HTML HTML是Hypertext Markup Language的缩写，是WWW技术的基础，它使用一些约定的标记（Tag）对文本进行标注，定义网页的数据格式，描述Web页中的信息，控制文本的显示。 XML XML是Extensible Markup Language的缩写，中文名为可扩展标记语言。其主要用途是在Internet上传递或处理数据。 XML与HTML不是并列的概念，它可以说是HTML的补丁，以弥补HTML的不足。 网页设计的相关计算机语言 CSS CSS是Cascading Style Sheets的缩写，中文名为层叠样式表，主要用来对网页数据进行编排、格式化、显示、特效等。 DHTML 动态的HTML DHTML是动态的HTML，这种技术要求网页具备动态功能，如动态交互、动态更新等。 脚本语言 脚本（Script）语言是嵌入到HTML代码中的程序，根据运行的位置不同把它分为客户端脚本和服务器端脚本 客户端脚本是运行在客户端的程序 服务器端脚本是运行在服务器端的程序 目前较为流行的脚本语言有JavaScript和VBScript HTML语言概述 Internet中的每一个HTML文件都包括文本内容和HTML标记两部分。 其中，HTML标记负责控制文本显示的外观和版式，并为浏览器指定各种链接的图像、声音和其他对象的位置 。 HTML标记的书写格式如下： 标记名文本内容/标记名 标记名写在“ ”内。多数HTML标记同时具有起始和结束标记，并且成对出现， 但也有些HTML标记没有结束标记。如：Br 另外，HTML标记不区分大小写。 某些HTML标记还具有一些属性，属性一般放在“起始标记”中，格式如下： 标记名 属性1=值1 属性2=值2 … 文本内容 /标记名 其中标记名和属性之间用空格分隔。如果标记有多种属性，属性之间也要用空格分隔。 HTML网页的结构 一般HTML文件都是以html开头，以/html结束。其文件结构由以下两部分组成： 头部（Head） HTML文件的头部由head和/head标