网页分类以及设计工具有哪些?

网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记.....

网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。

网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

分类:  

静态页  

静态网页,其内容是预先确定的,并存储在Web服务器或者本地计算机/服务器之上。  

特点:  

制作速度快,成本低。  

模板一旦确定下来,不容易修改,更新比较费时费事。  

常用于制作一些固定板式的页面。  

通常用于文本和图像组成,常用于子页面的内容介绍。  

对服务器性能要求较低,但对存储压力相对较大。  

动态页  

动态网页,是取决于由用户提供的参数,并根据存储在数据库中的网站上的数据中创建的页面。  

通俗地讲,静态页是照片,每个人看都是一样的,而动态页则是镜子,不同的人(不同的参数)看都不相同。

设计工具: 

一、Amaya(单位:万维网联盟)用于编辑HTML、CSS、数学标记语言、可缩放矢量图形的工具  

二、Dreamweaver(单位:奥多比)用于编辑HTML、ASP、JSP、PHP的辅助工具  

设计的网页  

设计的网页  

三、Frontpage(单位:微软)跟Dreamweaver一样。  

四、FLASH(单位:奥多比)网页需要画面流动(动画)时的首选择。  

五、PhotoShop(单位:奥多比)图象处理软件,一般网页都需要有图片的相搭配,PhotoShop是款很强大的工具。  

六、FireWorks(单位:奥多比)跟PhotoShop一样都是图象处理软件,但FireWorks偏向与对网页的处理。Fireworks主要用于制做动态图片格式。  

七、StylePix(单位:Hornil)跟PhotoShop一样都是图象处理软件,可以处理光栅及矢量图形[4]。  

可用性提升  

权威研究结果表明:人们在线的阅读习惯和平时的阅读习惯是完全不一样的。访问者通常是在非常随意的状态下快速浏览你的网页的,他们急于获取真实的、实用的,并且是有价值的信息。如果他们不能及时地获取所需信息,那么,他们将离开你的网页。  

下面的3点方法将会给你带来帮助,它会让你为你的访问者提供所需信息,指出提升网页可用性的方法。  

一、精简的文本描述  

你所写的文章必须围绕一个主题,这可以方便访问者快速获取主旨信息和中心思想。好好想想如何把文章改得精简得体以便于访问者阅读。这里告诉你一个可行的办法,尽量把一段文章在3-4行之内叙述完整,然后再另起一行写下面一段。  

二、便于快速浏览的文本  

网络用户一般不会在线精读文本内容,他们通常是快速浏览。因此,应该尽量使用简短、醒目的文本。举个例子来说,可以通过超链接的形式将重要的信息从页面中分离出来,这样做会使得这段重要信息显得非常醒目。将一个段落以重点列表的形式表示也是一种非常可行的方法。学会在你的重点词组前方加一个起强调作用的圆点。还有一点,学会在页面中使用副标题,当你浏览网页时,将重点挑选出来,并将它们写在标题标签内,“标题2”和“标题3”的效果最好,但是“标题1”标签的效果也会相当不错,这样做会可以给整个页面的信息分出层次,以帮助阅读者在简单地浏览页面之后快速地获取所需信息。  

三、必须要客观公正  

这里要提到的“客观公正”指的是:在你的网页上放上与你网页内容相关的链接,让访问者做出自由的选择:是继续留在你的网页上,还是去别的网页上寻找信息。这对于你——网页的所有者来说,并不是一件坏事。因为你可以为访问者指明确切的方向。好好按照上面说的把你的网页改进一下。我相信,网页的可用性一定会大大提升;同时,你的访问者也会非常感激你,并且会很愿意与你进行往来。  

设计师速成  

循序渐进学知识  

先学一学HTML,找本自己能看懂的教材。浏览为主,然后学CSS,进而再了解一下JavaScript。  

然后就可以用记事本尝试写几个网页,记住这时千万不要用那些可视化工具,比如Amaya、FrontPage、Dreamweaver(那些以后再学)。  

有一个提高自己“写网页”的捷径,就是上各大网站,模仿他们的写法,不断规范自己的代码。  

接下来学一下Fireworks。学Fireworks主要是学图片处理,还有切图。  

元素  

一、文本:文本是网页上最重要的信息载体与交流工具,网页中的主要信息一般都以文本形式为主。  

二、图像:图像元素在网页中具有提供信息并展示直观形象的作用。  

静态图像。在页面中可能是光栅图形或矢量图形。通常为GIF,JPEG或PNG;或矢量格式,如SVG或Flash。



标签: