初识动态网站
2010-01-31 21:44
155 查看
作为一名刚刚完成大一学年学习的计算机系学生,要是问我学到了点什么,我只能回答:“高等数学?线性代数?普通物理?噢~对了,还有C语言、Java面向对象编程和数据结构。。。” 那么你对网页和网站是否有所了解呢? 我:“呃。。。”
记得当时做了一个Word,关于网站的制作流程、信息的采集发布等,由于第一次做,那挺认真的,说实话,作为一名即将步入大二的大学生,我以前还真的没怎么用Word,这次我倒是把工具栏上的可视化工具都给用了个遍,凭借不怎么好的美术感,制作了这个Word,由于目前图片上传功能受限,我就使用了控件中的【从Word贴上】这个功能项吧(当然,图都挂了。。。)
(*等以后条件允许再附上Word*)
网页实际是一个文件,他存放在世界某个角落的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址( URL )来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。
(创建动态网页需要使用数据库)
信息采集:收集素材--->编辑素材--->整合--->检查--->改编脚本
(属于文本编辑,偏离网络编程,数据库操作)
后台制作之掌握建网工具:
网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具,各种各样的Web页面制作工具,下面是几款具有代表性的网页制作器:
(1) HTML编辑器。虽然HTML代码复杂,编辑和调试要花费大量的时间,但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐。就目前来说,有众多的编辑器供选择,这些编辑器广泛支持复杂页面创建及高级HTML规范,使用较为普遍的有Hotdog等专业HTML编辑器。
(2) 所见即所得的网页编辑器。其中以Microsoft Frontpage为代表,它具有如Word一样的操作界面,熟知Word功能的操作者,只要稍加培训就能轻松编制网页。而且,Frontpage还能解析网页的HTML源代码,并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。
(3) 现在非常流行的 Macromedia公司(已被Adobe公司收购)出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页,它不需要特别繁杂的操作,也比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由于Flash编制的网页文件比普通网页文件要小得多,所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。
(4) Dreamweaver: Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
(5)
Firework:它是一款图片处理软件,是专门配合Dreameaver这款软件使用的.。
网页格式(后缀名):
一般有.html、 .asp、 .net、 .jsp、.XML、 .php,等等。
1、静态网页
静态网页是标准的HTML文件,其文件扩展名是.htm或.html。这种网页不包含任何服务器端脚本,该页中的每一行HTML代码都是在放置到Web服务器前由网页设计人员编写的,在放置到Web服务器后便不再发生任何更改,所以称之为静态网页。
静态网页的网址形式通常为: http://sp.itnetbuy.com/sp/music/yysplayer.htm
也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。
①当用户单击Web页上的某个链接、或在浏览器中选择一个书签、或在浏览器的“地址”框中输入一个URL地址并单击“转到”时,浏览器向Web服务器发送一个页请求。
②Web服务器收到该请求,通过文件扩展名(.htm,.html, .shtml)判断出是HTML文件请求,并从磁盘或存储器中获取适当的HTML文件。
③Web服务器将HTML文件发送到浏览器,由浏览器对该HTML文件进行解释,并将结果显示在浏览器窗口中。
静态网页的处理流程如下图:
2、动态网页
动态网页中的某些脚本只能在Web服务器上运行,而静态网页中的任何脚本都不能在Web服务上运行。当Web服务器接收到对静态网页的请求时,服务器将该页发送到请求浏览器,而不进一步的处理。当Web服务器接收到对动态网页的请求时,它将做出不同的反映:它将该页传递给一个称为应用程序服务器的特殊软件扩展,然后由这个软件负责完成页。应用服务软件与Web服务器软件一并安装、运行在同一台计算机上。
(1)动态网页以数据库技术为基础,可以大大降低网站维护的工作量;
(2)采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;
(3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;
①当用户单击Web页上的某个链接、在浏览器中选择一个书签、或在浏览器的“地址”框中输入一个URL地址并单击“转到”时,浏览器向Web服务器发送一个页面请求。
②Web服务器收到该请求,通过文件扩展名(.asp)判断出是动态网页文件请求,并从磁盘或存储器中获取适当页然后将该页传递给相应的应用程序服务器。
③应用程序服务器查找该页中的脚本命令,并通过在服务器上执行这些脚本命令最终完成页,然后将脚本程序代码从页上删除,由此得到的结果是一个静态网页。
④应用程序服务器将所生成的页传递回Web服务器。
⑤Web服务器将该页发送到浏览器,当该页到达客户端计算机时,所包含的全部内容都是纯HTML代码,由Web浏览器对这些HTML代码进行解释,并将结果显示在浏览器窗口中。
动态网页的处理流程如下图:
网页语言:
最基本的语言是HTML语言,俗称网页代码,做静态网页的基础。
JAVA:它是专门构架jsp动态网页使用的语言。
C#或VB:它是专门构架.net动态网页使用的语言。
未来短期最流行的语言:
从事网站开发(后台程序),JSP(SUN公司的产品)和.NET(微软公司的产品)。
1.链路层2.网络层:IP协议
3.传输层:TCP和UDP协议
4.应用层:FTP,HTTP,SMTP等
记得当时做了一个Word,关于网站的制作流程、信息的采集发布等,由于第一次做,那挺认真的,说实话,作为一名即将步入大二的大学生,我以前还真的没怎么用Word,这次我倒是把工具栏上的可视化工具都给用了个遍,凭借不怎么好的美术感,制作了这个Word,由于目前图片上传功能受限,我就使用了控件中的【从Word贴上】这个功能项吧(当然,图都挂了。。。)
(*等以后条件允许再附上Word*)
网页实际是一个文件,他存放在世界某个角落的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址( URL )来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。
(创建动态网页需要使用数据库)
信息采集:收集素材--->编辑素材--->整合--->检查--->改编脚本
(属于文本编辑,偏离网络编程,数据库操作)
后台制作之掌握建网工具:
网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具,各种各样的Web页面制作工具,下面是几款具有代表性的网页制作器:
(1) HTML编辑器。虽然HTML代码复杂,编辑和调试要花费大量的时间,但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐。就目前来说,有众多的编辑器供选择,这些编辑器广泛支持复杂页面创建及高级HTML规范,使用较为普遍的有Hotdog等专业HTML编辑器。
(2) 所见即所得的网页编辑器。其中以Microsoft Frontpage为代表,它具有如Word一样的操作界面,熟知Word功能的操作者,只要稍加培训就能轻松编制网页。而且,Frontpage还能解析网页的HTML源代码,并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。
(3) 现在非常流行的 Macromedia公司(已被Adobe公司收购)出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页,它不需要特别繁杂的操作,也比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由于Flash编制的网页文件比普通网页文件要小得多,所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。
(4) Dreamweaver: Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
(5)
SQL全称是“结构化查询语言(Structured Query Language)”,SQL是高级的非过程化编程语言,允许用户在高层数据结构上工作。他不要求用户指定对数据的存放方法,也不需要用户了解具体的数据存放方式,所以具有完全不同底层结构的不同数据库系统可以使用相同的SQL语言作为数据输入与管理的接口。 |
网页格式(后缀名):
一般有.html、 .asp、 .net、 .jsp、.XML、 .php,等等。
1、静态网页
静态网页是标准的HTML文件,其文件扩展名是.htm或.html。这种网页不包含任何服务器端脚本,该页中的每一行HTML代码都是在放置到Web服务器前由网页设计人员编写的,在放置到Web服务器后便不再发生任何更改,所以称之为静态网页。
静态网页的网址形式通常为: http://sp.itnetbuy.com/sp/music/yysplayer.htm
也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。
①当用户单击Web页上的某个链接、或在浏览器中选择一个书签、或在浏览器的“地址”框中输入一个URL地址并单击“转到”时,浏览器向Web服务器发送一个页请求。
②Web服务器收到该请求,通过文件扩展名(.htm,.html, .shtml)判断出是HTML文件请求,并从磁盘或存储器中获取适当的HTML文件。
③Web服务器将HTML文件发送到浏览器,由浏览器对该HTML文件进行解释,并将结果显示在浏览器窗口中。
静态网页的处理流程如下图:
2、动态网页
动态网页中的某些脚本只能在Web服务器上运行,而静态网页中的任何脚本都不能在Web服务上运行。当Web服务器接收到对静态网页的请求时,服务器将该页发送到请求浏览器,而不进一步的处理。当Web服务器接收到对动态网页的请求时,它将做出不同的反映:它将该页传递给一个称为应用程序服务器的特殊软件扩展,然后由这个软件负责完成页。应用服务软件与Web服务器软件一并安装、运行在同一台计算机上。
(1)动态网页以数据库技术为基础,可以大大降低网站维护的工作量;
(2)采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;
(3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;
①当用户单击Web页上的某个链接、在浏览器中选择一个书签、或在浏览器的“地址”框中输入一个URL地址并单击“转到”时,浏览器向Web服务器发送一个页面请求。
②Web服务器收到该请求,通过文件扩展名(.asp)判断出是动态网页文件请求,并从磁盘或存储器中获取适当页然后将该页传递给相应的应用程序服务器。
③应用程序服务器查找该页中的脚本命令,并通过在服务器上执行这些脚本命令最终完成页,然后将脚本程序代码从页上删除,由此得到的结果是一个静态网页。
④应用程序服务器将所生成的页传递回Web服务器。
⑤Web服务器将该页发送到浏览器,当该页到达客户端计算机时,所包含的全部内容都是纯HTML代码,由Web浏览器对这些HTML代码进行解释,并将结果显示在浏览器窗口中。
动态网页的处理流程如下图:
网页语言:
最基本的语言是HTML语言,俗称网页代码,做静态网页的基础。
JAVA:它是专门构架jsp动态网页使用的语言。
C#或VB:它是专门构架.net动态网页使用的语言。
未来短期最流行的语言:
从事网站开发(后台程序),JSP(SUN公司的产品)和.NET(微软公司的产品)。
网站后台管理 |
网络通信协议,是计算机间进行通信所遵守的各种规则的集合
传输控制协议(Transport Control Protocol,TCP) 网际互连协议(Internet Protocol,IP) 用户数据报协议(User Datagram Protocol,UDP) 统一资源定位器(Uniform Resource Locator,URL) |
3.传输层:TCP和UDP协议
4.应用层:FTP,HTTP,SMTP等
相关文章推荐
- React和动态网站接口的经济学
- 动态加载JS文件提升访问网站速度
- 网站动态内容为什么要用静态网页提供
- 分享一个实时动态修改测试网站字体的jQuery代码片断
- 动态网站开发技术学习4:ASP.NET内置对象之Request对象
- 架构高性能网站秘笈(二)——动态内容缓存
- JSP动态网站环境搭建应用中的详细步骤(Tomcat和Apache/IIS的整合)
- 大型网站动态应用系统架构(转)
- IIS网站和虚拟目录动态创建源码
- 【网站建设】搭建简单动态网站
- Jsp动态网站初步项目 --简单的商品浏览页面 (商品详情页面details.jsp)
- 最佳ASP.NET编程习惯 [ 来自:动态网站制作指南 ]
- Linux系统中搭建LAMP动态博客网站
- jquery动态菜单非常漂亮的网站雨刮器特效
- 浅谈大型网站动态应用系统架构,互联网营销
- ASP.NET动态网站制作(13)-- JQ(5)
- 使用 Nginx 静态化动态网站
- 深入了解网站中的静态网页和动态网页的相关知识
- 初识动态代理(值得深入研究的知识点)
- ASP.NET动态网站制作(20)-- C#(3)