【Jsp精品源码栏目提醒】:文章导读:在新的一年中,各位网友都进入紧张的学习或是工作阶段。
网学会员整理了Jsp精品源码-网页设计的基本方式 - 讲义教程的相关内容供大家参考,祝大家在新的一年里工作和学习顺利!
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 等。
设计者在使用这些格式的