296-第6章 网页制作概述.pptVIP

第6章 网页制作概述 知识点和技能点 知识点 了解静态网页与动态网页的区别 了解网页制作工具和美化工具 理解网页基本要素 技能点 掌握网页素材的收集整理 掌握静态、动态网页的设计与制作 熟练网页上传发布方法 重点和难点 网页基本要素 网页制作步骤 网页设计的注意事项 6.1.1 文字 1、 标题 一个网页通常都有一个标题，表明本网页的主要内容。标题是否醒目，是吸引浏览者能否注意的一个关键，因此对标题的设计是很重要的。 2、 字号 网页中的文字不能太大或太小。太大会使得一个网页信息量变，太小又使人们浏览时感到费劲。一个优秀网页中的文字，应统筹规划，大小搭配适当，给人以生动活泼之感觉。 3、 字型 在网页适当的位置采用不同的字体字型，也能使网页产生吸引人的效果。应该注意的是在报刊上变换字体字型非常普遍，它可以在不同的地方使用不同的字型。但在网页制作上却要慎重。 6.1.2 图形 这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画。一幅优秀的网页除了有能吸引浏览者的文字形式和内容外，图形的表现功能是不能低估的。图形在网页中通常有如下应用： （1）菜单按钮 （2）背景图形 6.1.3 链接 链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站。 链接的标志有文字和图形两种。制作一些精美的图形作为链接按钮，使它和整个网页融为一体。 6.1.4 交互功能 Internet区别其他媒体的一个重要标志就是它的交互功能。 通常网页的交互功能都是利用表单来实现的。表单是网页中站点服务器处理的一组数据输入域，当访问者单击按钮或图形来提交表单后，数据就会传送到服务器上。 6.2.1 整体规划 所谓网站的整体规划也就是组织网站的内容和设计其结构。网页制作者在明确网页制作的目的及内容之后，接下来就应该对网站进行规划，以确保文件内容条理清楚、结构合理，这样不仅可以很好地体现设计者的意图，也将使网站可维护性与可扩展性增强。 6.2.2 收集整理资料 资料搜集的过程是必不可少的。首先是文字资料。然后就是复制、粘贴，用户甚至可以用Teleprot 或 Webzip 之类软件把整个网页抓下来。资料的另一个来源就是报纸杂志，用户可以一个一个字的敲进电脑，如果有扫描仪，再加个OCR软件，直接把图片转成文字，这样就方便多了。 6.2.3 准备素材 上网找也是办法之一，但不推荐，因为这样太浪费金钱了。现在图库光碟随处可见，尤其是那些标明是网页素材的那种，几乎都有过万张的图片，足够用的了。 6.2.4 网页设计与制作 1、 静态网页 2、 静态网页的设计与制作 3、 动态网页 4、 为网页添加动态效果 6.2.5 测试网页 （1）功能性测试 就是要保证网页的可用性，达到最初的内容组织设计目标，实现所规定的功能，读者可方便快速地寻找到所需的内容。 （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、 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可扩展样式表语言)，即XML的样式表。 XHTML是HTML4.0版的升级版，但不叫HTML5.0，W3C委员会为反映它的可扩展性将它命名为XHTML1.0版。 6.4.3 JavaScript和VBScript 脚本同我们平时使用的VB、C语言的区别主要是： 1、脚本语法比较简单，比较容易掌握； 2、脚本与应用程序密切相关，所以包括相对应用程序自身的功能； 3、脚本一般不具备通用性，所能处理的问题范围有限。