网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。网页是一个包含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。
标签:
下一篇
源代码的分类及作用是什么?
分享内容: