第6章 网页制作概述

6.1.2 图形 • 这里的图形概念是广义的，它可以是普通 的绘制图形，可以是各种图像，还可以是 动画。一幅优秀的网页除了有能吸引浏览 者的文字形式和内容外，图形的表现功能 是不能低估的。图形在网页中通常有如下 应用： （1）菜单按钮 （2）背景图形
6.1.3 链接 • 链接是网页中一种非常重要的功能，是网 页中最重要、最根本的元素之一。通过链 接可以从一个网页转到另一个网页，也可 以从一个网站转到另一个网站。 • 链接的标志有文字和图形两种。制作一些 精美的图形作为链接按钮，使它和整个网 页融为一体。
6.5.1 ASP概述 ASP概述 • ASP全称为Active Server Pages，是微软推 出的取代CGI的动态服务器网页技术。 • ASP中的脚本是在服务器端运行的，当客 户请求一个ASP文件时，服务器就把这个 文件解释成标准的HTML文件发送给客户。
6.5.2 概述 概述
习题 1. 2. 3. 4. 5. 网页的基本要素包括哪些？ 简述网页制作的基本步骤？ 简述网页上传发布的步骤？ 简述XML、XSL和XHTML之间的关系？ 试比较JavaScript和VBScript两种脚本语 言？
第6章 网页制作概述
知识点和技能点 知识点 • 了解静态网页与动态网页的区别 • 了解网页制作工具和美化工具 • 理解网页基本要素 技能点 • 掌握网页素材的收集整理 • 掌握静态、动态网页的设计与制作 • 熟练网页上传发布方法
重点和难点 • 网页基本要素 • 网页制作步骤 • 网页设计的注意事项
6.4.4 Java小程序 Java小程序 • Java Applet是用Java编写的一些小程序， 可以直接嵌在HTML文件中，以达到一些 特殊的效果。我们可以用Java Applet实现 一些文字，图片等特效 。
6.4.5 ActiveX控件 ActiveX控件 • ActiveX控件是一个动态链接库，是作为 基于COM服务器进行操作的，并且可以 嵌入在包容器宿主应用程序中，ActiveX 控件的前身就是OLE控件。由于ActiveX 控件与开发平台无关，因此，在一种编程 语言上开发的ActiveX控件可以无须任何 修改，即可在另一种编程语言中使用，其 效果如同使用Windows通用控件一样。
6.4.3 JavaScript和VBScript JavaScript和 • 脚本同我们平时使用的VB、C语言的区 别主要是： 1、脚本语法比较简单，比较容易掌握； 2、脚本与应用程序密切相关，所以包括相 对应用程序自身的功能； 3、脚本一般不具备通用性，所能处理的问 题范围有限。
6.4.3 JavaScript和VBScript JavaScript和
6.2.6 网页上传发布
1、 免费网页空间的申请 2、 查找提供免费个人网页的站点
免费网页空间搜索结果
6.2.7 网站的宣传 • 在Internet网络世界里，网站很多，如果 不做自我宣传的话，恐怕辛苦制作的个人 网站最终仍是无人知晓。因此必须设法宣 传自己的网站，才能提高访问率 。
6.3.1网页制作工具 6.3.1网页制作工具 1、 Frontpage 2、 Dreamweaver 3、 Netscape 编辑器 4、 Adobe Pagemill
6.2.3 准备素材 • 上网找也是办法之一，但不推荐，因为这 样太浪费金钱了。现在图库光碟随处可见， 尤其是那些标明是网页素材的那种，几乎 都有过万张的图片，足够用的了。
6.2.4 网页设计与制作 1、 静态网页 2、 静态网页的设计与制作 3、 动态网页 4、 为网页添加动态效果
6.2.5 测试网页 （1）功能性测试 就是要保证网页的可用性，达到最初的内 容组织设计目标，实现所规定的功能，读 者可方便快速地寻找到所需的内容。 （2）完整性测试 就是保证页面内容显示正确，链接准确， 无差错无遗漏。
6.5.3 PHP概述 PHP概述 • PHP是一种 HTML 内嵌式的语言 (类似IIS 上的ASP)。 PHP独特的语法也是混合了C、 Ja法。而且它可以比 CGI 或者 Perl 更快速的执行动态网页。
6.5.4 JSP概述 JSP概述 • JSP(JavaServer Pages)是由Sun Microsystems公司倡导、许多公司参与一 起建立的一种动态网页技术标准。 在传 统的网页HTML文件(*.htm,*.html)中加入 Java程序片段(Scriptlet)和JSP标记(tag)， 就构成了JSP网页(*.jsp)。Web服务器在遇 到访问JSP网页的请求时，首先执行其中 的程序片段，然后将执行结果以HTML格 式返回给客户。
• JavaScript 可以被嵌入 HTML 的文件之中。透 过 JavaScript 可以做到回应使用者的需求事件 而不用任何的网络来回传输资料。 • VBScript是Microsoft Visual Basic Scripting Edition的简称。用户可以把它当作是Visual Basic的一个子集，但是这仅仅是从语法上来说 的，VBScript和Visual Basic并没有什么本质上 的联系。它是一种脚本语言，由VBScript脚本 引擎（其实是一个动态连接库VBScript.dll）解 释执行。
6.1.4 交互功能 • Internet区别其他媒体的一个重要标志就 是它的交互功能。 • 通常网页的交互功能都是利用表单来实现 的。表单是网页中站点服务器处理的一组 数据输入域，当访问者单击按钮或图形来 提交表单后，数据就会传送到服务器上。
6.2.1 整体规划 • 所谓网站的整体规划也就是组织网站的内 容和设计其结构。网页制作者在明确网页 制作的目的及内容之后，接下来就应该对 网站进行规划，以确保文件内容条理清楚、 结构合理，这样不仅可以很好地体现设计 者的意图，也将使网站可维护性与可扩展 性增强。
6.2.2 收集整理资料 • 资料搜集的过程是必不可少的。首先是文 字资料。然后就是复制、粘贴，用户甚至 可以用Teleprot 或 Webzip 之类软件把整 个网页抓下来。资料的另一个来源就是报 纸杂志，用户可以一个一个字的敲进电脑， 如果有扫描仪，再加个OCR软件，直接 把图片转成文字，这样就方便多了。
6.1.1 文字
1、 标题 一个网页通常都有一个标题，表明本网页的主要内容。标题是否 醒目，是吸引浏览者能否注意的一个关键，因此对标题的设计 是很重要的。 2、 字号 网页中的文字不能太大或太小。太大会使得一个网页信息量变， 太小又使人们浏览时感到费劲。一个优秀网页中的文字，应统 筹规划，大小搭配适当，给人以生动活泼之感觉。 3、 字型 在网页适当的位置采用不同的字体字型，也能使网页产生吸引人 的效果。应该注意的是在报刊上变换字体字型非常普遍，它可 以在不同的地方使用不同的字型。但在网页制作上却要慎重。
小结
1. 网页的基本要素包括网页中的文字、图形、链接、交互功能 等元素。 2. 网页的制作步骤包括整体规划、收集整理资料、准备素材、 网页设计与制作、测试网页、网页上传发布等。 3. 静态网页指不具有任何交互功能的网页，用公式表示，则有： 静态网页=网页上的文字、图片等+文字、图片等显示的格式。 4. 动态网页用公式表示，则有：动态网页=静态网页+可以运行 在服务器上用于从数据库中提取文字、图片等的程序。 5. 网页初步制作好后要进一步利用网页制作工具和美化工具进 行修饰以达到最佳效果。 6. 网页美化工具中常见的有Photoshop、Fireworks、Flash、 COOL3D等。 7. WEB程序设计常用ASP、、PHP、JSP等语言。
• 不仅仅是Active Server Page (ASP) 的 下一个版本；它还提供了一个统一的Web开发 模型，其中包括开发人员生成企业级 Web 应 用程序所需的各种服务。 的语法在 很大程度上与 ASP 兼容，同时它还提供一种 新的编程模型和结构，可生成伸缩性和稳定性 更好的应用程序，并提供更好的安全保护。可 以通过在现有 ASP 应用程序中逐渐添加 功能，随时增强 ASP 应用程序的功 能。
6.3.2网页美化工具 6.3.2网页美化工具 1、 Photoshop 2、 Fireworks 3、 Flash 4、 COOL3D
6.4.1 DHTML • DHTML作为浏览器自带的功能，有时也 叫做“动态的HTML”，实际上只是一种 概念，它并不属于一种专门技术（如 Javascript，ActiveX），它也不是指标记， Plug-in或者是浏览器。简而言之， DHTML就是一种即使在网页下载进浏览 器以后仍然能够随时变换更新网页内容排 版样式以及动画等等。
6.4.2 XML、XSL和XHTML XML、XSL和 • XML是Extensible Markup Language的缩 写，即可扩展标记语言。 • XSL (Extensible Stylesheet Language可扩 展样式表语言)，即XML的样式表。 • XHTML是HTML4.0版的升级版，但不叫 HTML5.0，W3C委员会为反映它的可扩 展性将它命名为XHTML1.0版。