当前位置:文档之家› 网页制作学习笔记 2015-10-23

网页制作学习笔记 2015-10-23

网页制作学习笔记    2015-10-23
网页制作学习笔记    2015-10-23

一、静态网页

在网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式的网页通常被称为“静态网页”,静态网页是标准的HTML文件,它的文件扩展名是.htm、.html,可以包含文本、图像、声音、FLASH 动画、客户端脚本和ActiveX控件及JAVA小程序等。静态网页是网站建设的基础,早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起来比较麻烦,适用于一般更新较少的展示型网站。容易误解的是静态页面都是htm这类页面,实际上静态也不是完全静态,他也可以出现各种动态的效果,如GIF格式的动画、FLASH、滚动字幕等。

静态网页有时也被称为平面页。静态网页的网址形式通常为htm (超文本标记语言)结尾,还有就是以超文本标记语言(.htm、.html)、.shtml、.xml(可扩展标记语言)等为后缀的。在超文本标记语言格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字幕等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。静态网页面通常是超文本标记语言文档存储为文件在文件系统里头,并且可以通过HTTP访问网络服务器。

静态的特点

特点

1.静态网页每个网页都有一个固定的URL,且网页URL

以.htm、.html、.shtml等常见形式为后缀,而不含有“?”;(动态网页中的“?”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?”后面的内容。)

2.网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;

3.静态网页的内容相对稳定,因此容易被搜索引擎检索;

4.静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;

5.静态网页的交互性较差,在功能方面有较大的限制。

6.页面浏览速度迅速,过程无需连接数据库,开启页面速度快于动态页面。

7.减轻了服务器的负担,工作量减少,也就降低了数据库的成本。

优点

1.可以公开(即副本可以证明给任何人)。

2.托管没得任何特殊的要求。(不需要特殊的中间软件比如超文本预处理器、公共网关接口)

3.没得网络服务器或应用服务器,比如直接从CD-ROM(激光唱片-只读存储器)或USB闪存驱动器读取内容,可以通过网络浏览器直接访问。

4.网站更安全,HTML页面不会受Asp相关漏洞的影响;而且可以减少攻击,防SQL注入。数据库出错时,不影响网站正常访问。

缺点

1.任何个性化或交互都会运行在客户端之上。

2.没有自动化的工具,维护大量的静态页面文件是不现实的。

3.无法充分支持用户/客户的需求(外观选择,浏览器的支持,Cookie)。

区别与联系

与动态的区别

1、网页制作使用的制作语言:

静态网页使用语言:超文本标记语言(标准通用标记语言的一个应用)

动态网页使用语言:超文本标记语言+ASP或超文本标记语言+PHP或超文本标记语言+JSP等。

2、程序是否在服务器端运行,是重要标志。

在服务器端运行的程序、网页、组件,属于动态网页,它们会随不同客户、不同时间,返回不同的网页,ASP、PHP、JSP、ASPnet、CGI等。运行于客户端的程序、网页、插件、组件,属于静态网页,例如html页、Flash、JavaScript、VBScript等等,它们是永远不变的。

与动态的联系

静态网页相关图片静态网页和动态网页各有特点,网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少,

如果网站功能比较简单,内容更新量不是很大,采用纯静态网页的方式会更简单,反之一般要采用动态网页技术来实现。静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起来比较麻烦,适用于一般更新较少的展示型网站。

静态网页是标准的HTML文件,它的文件扩展名是.htm或.html,可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。尽管在这种网页上使用这些对象后可以使网页动感十足,但是,这种网页不包含在服务器端运行的任何脚本,网页上的每一行代码都是由网页设计人员预先编写好后,放置到Web服务器上的,在发送到客户端的浏览器上后不再发生任何变化,因此称其为静态网页。静态网页是网站建设的基础,静态网页和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为静态网页发布。动态网站也可以采用静动结合的原则,适合采用动态网页的地方用动态网页,如果必要使用静态网页,则可以考虑用静态网页的方法来实现,在同一个网站上,动态网页内容和静态网页内容同时存在也是很常见的事情。

重要性

静态网页对用户有多重要呢?普通用户通过多浏览器发送指定的URL请求,Web服务器收到请求后定位到指定的文件,或者根据程序从数据库中调出相应的数据返回到浏览器,经过浏览器请求处理后,用户就可以看到一个完整的文件。整个过程中,动态页面的话还需要多一个步骤,就是发送命令从数据库中调出文件,如果用户一多

的时候,就会造成数据库运行过慢,这样就严重影响了用户体验;用户体验被影响了,也就影响了搜索引擎优化中的一个最重要步骤,要记得网站优化用户体验最重要。[1]

网页制作须知

1.不要先决定网页的外观,然后强迫自已去适应它,应该从你的访客对像,你要传达的讯息以及你的制网目标推导出一个最适合的网页架构。

2.每页排版不要太疏或用太大的字,尽量避免看你的网页时需要作很大的卷动,要知道在一页的上部分是显眼而宝贵的地方,不要只放着几个粗大的字或图片。

3.最好不要用宽1024px(像素)以上的分辨率设计网页。常用的分辨率是960px及980px。明智的网页设计者是处处照顾浏览者,绝不会炫耀自己有专线、有17寸的显示器等。

4.不要于每页插入太多的广告牌。相信你亦不喜欢浏览一些贴满广告的网页吧,你要考虑到该页内容与广告的比例,摆放的位置亦很重要,不妨多参考别人的做法。广告太多,只会令人烦厌。

5.不要每页都采用不同的背景图片,以免每次转页都要花时间去下载,采用相同的底色或背景图片还可增加网页一致性,树立风格。

6.底色或背景图片必须与文字对比强烈,易于阅读,这并不是要求你永远使用鲜亮的背景配搭深色的文字,但深色背景常要求与主题配合,有较多的顾虑,若你的网页是文章式或包含大量文字,不妨在底色与文字的配搭上下些工夫,力求让访者能舒适阅读你的文章。

7.太长的一页要使用内部连结,明智的网页设计者是不会让浏览者看网页时作太大的卷动。

二、网页制作语言(链接所示内容收录在百度文库,若文库不能检索得,可参见此网页)

(https://www.doczj.com/doc/d07427246.html,/view/027dee47a8956bec0975e38f.html)

1.无序和有序列表

HTML无序列表

相关文档 最新文档