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