【asp精品源码栏目提醒】:网学会员--在 asp精品源码编辑为广大网友搜集整理了:网页设计的基本方式 - 讲义教程绩等信息,祝愿广大网友取得需要的信息,参考学习。
1.1 网页设计的基本方式 网页设计制作的基本方式包括:手工直接编码、利用可视化工具、手工编码和可视化工具结合等三种方式。
下面对这三种方式进行简单介绍。
1.1.1 手工编码方式网页是由 HTML(HYPER TEXT MARKUP LANGUAGE)超文本标记语言编码的文本文档,设计制作网页的过程就是生成 HTML 代码的过程。
在 WWW(World Wide Web )发展的初期人们制作网页是通过直接编写 HTML 代码来实现的。
比如,如果在网页上显示如图 1-1所示的表格,就应该在网页文档中编写下面的代码:学期课程成绩说明2002-2003-1动态网页制作89.1考试课 手工编码制作网页对网页设计人员的要求较高,编码效率低,调试过程复杂,因此,对大多数网页设计人员来说采用这个方式比较困难。
但手工编码可以灵活地制作出丰富的网页效果。
1.1.2 可视化工具方式随着网页制作技术的不断发展,出现了诸如 FrontPage、Dreamweaver 等可视化的网页编辑工具。
利用这些工具人们在可视环境下编辑制作网页元素, 由编辑工具自动生成对应的网页代码。
如要在网页上显示图 1-1 中的表格,就可以直接在工作区中绘制表格而不用考虑编码的规则和语法。
利用可视化工具编辑网页操作简单直观,调试方便,是大众化的网页编辑方式。
但利用可视化工具在制作一些特殊网页效果上有一定的局限性。
1.2.3 编码和可视化工具结合方式编码和可视化工具结合是一种比较成熟的网页制作方式。
具体过程为:一般的网页元素通过可视化工具编辑制作,一些特殊的网页效果通过插入代码生成。
这种方式效率高、调试方便而且可以实现丰富的网页效果,但要求设计人员既要熟悉 Html 语言又能运用可视化工具。
除了上面三种基本的网页设计制作方式外,我们还可以通过修改已有的网页代码生成自己的网页。
在网页编辑制作过程中具体采用何种方式要根据个人的具体情况而定,每必要拘泥于某种固定的模式。
1.2 网页中的常见元素在初次设计网页之前,首先应该认识一下构成网页的基本元素,只有这样,才能在设计中得心应手,根据需要合理地组织和安排网页内容。
图 1-2 是一个站点的首页,其中包含了常见的网页元素,如:文本、图像、超级连接、表格,动画,音乐和交互式表单等。
下面将详细介绍网页中包含的常见元素及其在网页中的作用。
1.2.1 文本 文本一直是人类最重要的信息载体与交流工具,网页中的信息也以文本为主。
与图象相比,文字虽然不如图象那样能够很快引起浏览者的注意,但却能准确地表达信息的内容和含义。
为了克服文字固有的缺点,人们赋予了网页中文本更多的属性,如字体,字号,颜色,底纹和边框等,通过不同格式的区别,突出显示重要的内容。
此外,用户还可以在网页中设计各种各样的文字列表,来清晰表达一系列项目。
这些功能都给网页中的文本赋予了新的生命力。
1.2.2 图像和动画 图像在网页中具有提供信息,展示作品,装饰网页,表达个人情调和风格的作用。
用户可以在网页中使用 GIF JPEGJPG PNG 三种图象格式,其中使用最广泛的是 GIF 和 JPEG两种格式。
说明:当用户使用所见即所得的网页设计软件在网页上添加其他非 GIF JPEG 或 PNG格式的图片并保存时, 这些软件通常会自动将少于 8 位颜色的图片转化为 GIF 格式,或将多于 8 位颜色的图片转化为 JPEG. 在网页中为了更有效地吸引浏览者的注意,许多网站的广告都做成了动画形式。
图 1-2中的“无限情缘” ,就是一个动画广告。
1.2.3 声音和视频 声音是多媒体网页的一个重要组成部分。
当前存在着一些不同类型的声音文件和格式,也有不同的方法将这些声音添加到 Web 页中。
在决定添加声音之前,需要考虑的因素包括其用途,格式,文件大小,声音品质和浏览器差别等。
不同浏览器对于声音文件的处理方法是非常不同的,彼此之间很可能不兼容。
用于网络的声音文件的格式非常多,常用的有 MIDI、WAV、MP3 和 AIF 等。
设计者在使用这些格式的文件时,需要加以区别。
很多浏览器不要插件也可以支持 MIDIWAV 和AIF 格式的文件,而 MP3 和 RM 格式的声音文件则需要专门的浏览器播放。
一般来说,不要使用声音文件作为背景音乐,那样会影响网页下载的速度。
可以在网页中添加一个打开声音文件的链接,让音乐播放变得可以控制。
视频文件的格式也非常多,常见的有 Realplay MPEG AVI 和 DivX 等。
视频文件的采用让网页变得精彩而有动感。
1.2.4 超级链接 超级链接技术可以说是万维网流行起来的最主要的原因。
它是从一个网页指向另一个目的端的链接,例如指向另一个网页或者相同网页上的不同位置。
这个目的端通常是另一个网页,但也可以是一幅图片,一个电子邮件地址,一个文件,一个程序或者是本网页中的其他位置。
其热点通常是文本,图片或图片中的区域,也可以是一些不可见的程序脚本。
当浏览者单击超级链接热点时,其目的端将显示在 Web 浏览器上,并根据目的端的类型以不同方式打开。
例如,当指向一个 AVI 文件的超级链接被单击后,该文件将在媒体播放软件中打开;如果单击的是指向一个网页的超级链接,则该网页将显示在 Web 浏览器上。
在图 1-2 中,加下划线的文字,就是已经建立了超链接的文本。
1.2.5 表格 在网页中表格用来控制网页中信息的布局方式。
这包括两方面:一是使用行和列的形式来布局文本和图像以及其他的列表化数据; 二是可以使用表格来精确控制各种网页元素在网页中出现的位置。
图 1-2 中“特色栏目”,就运用了表格进行布局定位。
1.2.6 表单 使用超级链接,浏览者和 Web 站点便建立起了一种简单的交互关系。
网页中的表单通常用来接受用户在浏览器端的输入, 然后将这些信息发送到用户设置的目标端。
这个目标可以是文本文件,Web 页,电子邮件,也可以是服务器端的应用程序。
表单一般用来收集联系信息、接受用户要求、获得反馈意见、设置来宾签名簿、让浏览者注册为会员并以会员的身份登陆站点等。
表单由不同功能的表单域组成,最简单的表单也要包含一个输入区域和一个提交按钮。
站点浏览者填写表单的方式通常是输入文本, 选中单选按钮或复选框,以及从下拉列表框中选择选项等。
根据表单功能与处理方式的不同,通常可以将表单分为用户反馈表单,留言簿表单,搜索表单和用户注册表单等类型。
图 1-2 中右上角的“手机参与”就是一个手机号的提交表单。
1.2.7 导航栏 导航栏是用户在规划好站点结构,开始设计主页时必须考虑的一项内容。
导航栏的作用就是引导浏览者游历站点。
事实上,导航栏就是一组超级链接,这组超级链接的目标就是本站点的主页以及其他重要网页。
在设计站点中的诸网页时, 可以在站点的每个网页上显示一个导航栏,这样,浏览者就可以既快又容易的转向站点的其他网页。
一般情况下,导航栏应放在网页中较引人注目的位置,通常是在网页的顶部或一侧。
导航栏既可以是文本链接,也可以是一些图形按钮。
图 1-2 中的导航栏就是一组文本链接。
1.2.8 其他常见元素 网页中除了以上几种最基本的元素之外,还有一些其它的常用元素,包括悬停按钮,Java特效,ActiveX 等各种特效。
它们不仅能点缀网页,使网页更活泼有趣,而且在网上娱乐,电子商务等方面也有着不可忽视的作用。
1.3 网页元素的创作与编辑工具 通过上面介绍我们看到网页内容非常丰富,那么用什
上一篇:
计算机毕业设计列表课题共同学们参考
下一篇:
经济可持续发展论文:将可持续发展内生化的新经济发展方式