我是从去年年底开始接触网页制作,学习网页制作的,结合自己这段时间来学习以及实践的经验来给大家分享下网站开发中的点点滴滴以及一些基础知识。
1.静态网页与动态网页
所谓静态网页就是指没有后台交互,所有页面上的信息都是在发布时就定死了的,不能动态修改,是一个在服务器上实实在在存在的文件。早期的网页基本上都是静态网页,这种网页对于搜索引擎非常友好,而且加载速度快,对于服务器的负荷也最小。不过缺点也是显而易见的,维护太麻烦,页面上一点小小的改变都需要修改文件。
动态网页则是根据用户的需求在同一网页上动态的显示不同的内容,而不需要修改网页的源文件,也就是有数据交互的网页(用户输入,页面反馈,信息更新等等)。显然,动态网页在功能上要强过静态网页很多,维护起来也非常方便。不过,动态网页对于搜索引擎来说则非常不友好,因为很多搜索引擎的"蜘蛛"不会去爬寻动态网页URL中?后面的内容,所以导致收录量上不去。而且由于动态网页需要数据交互,对于服务器来说压力也非常大。
静态网页和动态网页不是指页面上有没有动画,音乐等特效,这个大家一定要注意,不要混淆。在静态网页中嵌入flash或者使用javascript脚本做一些动画特效也不会改变他是静态页的事实,不能根据动画特效来判断一个网页是动态还是静态的,最根本的辨别方法就是有无数据交互。
2.网页基础
前端:
网页前端一般是指html,css,javascript,图片制作等等。html是我们编写网页最基础的东西,所有我们在浏览器上看的东西都是html元素,拿一栋楼房来举例,html就是根基和组成楼房的砖,瓦等原材料。
css则是我们装饰html的工具,美化我们的页面,提高用户体验,css3则新增很多动动画属性,可以为我们打造出动画效果(此效果不是指动态网页),那么css就相当于是房间里面的地板,墙纸等等装饰品。
javascript是前端脚本语言,他可以为我们进行数据校验,制作一些动画效果(许多复杂的动画效果css无法实现或者很难实现的用javascript则可以轻松搞定),与浏览器进行交互,在动态网页中还可以用来和后台交互(ajax技术)。
以上3种是网页前端最基本的技术,也是一个网页制作者必须要会的技能,入门门槛非常低。我们在浏览器中点击查看源代码则可以看到它们源代码,使用者3中技术配合一些图片我们就可以制作出一张漂亮的网页了(静态网页)。
后台:
后台或者是服务器端是一个动态网页所必备的,目前比较流行的后台技术有:PHP,ASP,ASP.NET,JSP等等,也可以称它们为服务器端脚本语言。顾名思义,它们的执行是需要在服务器端进行的,而且我们上面所说的3中技术则是在浏览器端执行的。服务器端脚本语言的执行过程简单的讲就是:前端浏览器请求,服务器端执行,返回标准html到浏览器端,浏览器端显示,所以,这些服务器端脚本语言的源代码是不可见的,我们无法查看其源代码。
有了以上几种服务器端脚本语言,我们就可以与前端配合开发出动态网页了。
3.动态网页静态化
动态网页静态化是一种非常流行的技术,被广泛用于论坛,小型门户网站等。为什么要将动态网站静态化呢,原因有以下几个:
1.搜索引擎:前端说过,动态网页对于搜索引擎不友好。试想一下,当我们要查找一些资料时,我们的做法是什么。绝大多数人都是打开搜索引擎,输入关键字,然后在搜索结果中查看我们需要的网页。有几个人是直接在浏览器端输入网址的?所以,搜索引擎是我们网站的最大入口。
2.网页的性能:静态网页的加载速度要强于动态网页,因外静态网页就是一个文件,不要进行数据库查询,后台处理等等步骤,可以第一时间将用户需要的内容显示在网页上。
3.服务器压力:动态网页的数据查询,数据处理等等过程都是需要大量耗费我们服务器资源的,如果访问量大,超出了服务器的负荷,则会造成服务器崩溃,导致我们无法浏览网页。服务器崩溃是一个网站的噩梦,它将给我们网站带来巨大的损失。
动态网页静态化技术就是将我们的网页内容,在用户访问之前就提前生成一个一个的静态html文件,用户在访问的时候就直接访问我们生成的静态html文件,而不需要再进行数据查询,处理等等步骤了。举个简单的例子,本博客在新增一篇文章时,由前端提交了新文章的内容到服务器后,服务器加载本博客的文章页面模板,写入新文章的内容,然后在服务器端保存为一个静态的html文件,记录下链接,更新主页的链接,当用户访问的时候就访问的这个生成的静态html文件了。
所以,动态网页的静态化好处多多,不过并不是所有动态网页静态化都是最好的,这个要根据实际情况来,如果是一个非常庞大的网站,静态化后可能会出现文件太多,资源浪费,不易于管理和维护等等问题。
4.URL重写技术
url重写技术有个非常大的好处就是帮助搜索引擎提高阅读和收录你网站的能力。几个例子,有这么一个动态网页:
test.asp?pID=1234
通过url重写技术后变为了:
test/1234.asp
这样网页没有跟参数,更能使搜索引擎理解了。url重写技术并不是在服务器端真正的生成这么一个文件,这点需要强调一下,我们访问url重写过的网页也会进行数据库的查询步骤。
url重写的好处有:
1.有利于搜索引擎的阅读和收录
2.当网站结构或者目录改变后,不影响以前的url访问。
3.没有了url后面的一大堆参数,提高了url的阅读性,让人更能理解和记忆。
4.有利于管理和维护网站,特别是大型网站。
不同的服务器url重写的方式也不一样,这里就不介绍了,如果想了解url重写步骤和方法的可以去网上寻找,一大把。
彭亚欧个人博客原创文章,转载请注明出处
文章关键词:网页制作,网页前端,网站开发,网站开发技巧
文章固定链接:https://www.pengyaou.com/homeart/ODk=.html
上一篇 站内工具板块上线
下一篇 Flex POST数据到PHP