Web前端开发学习1:静态网页

       一静态网页概述

       在网站设计中,纯粹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或超文本标记语言

+ASP.NET等。

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

       在服务器端运行的程序、网页、组件,属于动态网页,它们会随不同客户、不同时间,返回不同的网页, ASP、

PHP、JSP、ASP.NET、CGI等。运行于客户端的程序、网页、插件、组件,属于静态网页,例如 html 页、Flash、

JavaScript、VBScript等等,它们是永远不变的。

       七静态网页与动态网页的联系

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

少,如果网站功能比较简单,内容更新量不是很大,采用纯静态网页的方式会更简单,反之一般要采用动态网页技术

来实现。静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起

来比较麻烦,适用于一般更新较少的展示型网站。

        2静态网页是标准的HTML文件,它的文件扩展名是.htm或.html,可以包含文本、图像、声音、FLASH动画、客

户端脚本和ActiveX控件及JAVA小程序等。尽管在这种网页上使用这些对象后可以使网页动感十足,但是,这种网页

不包含在服务器端运行的任何脚本,网页上的每一行代码都是由网页设计人员预先编写好后,放置到Web服务器上

的,在发送到客户端的浏览器上后不再发生任何变化,因此称其为静态网页。静态网页是网站建设的基础,静态网页

和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为

静态网页发布。动态网站也可以采用静动结合的原则,适合采用动态网页的地方用动态网页,如果必要使用静态网

页,则可以考虑用静态网页的方法来实现,在同一个网站上,动态网页内容和静态网页内容同时存在也是很常见的事

情。

       想要有更详细的静态网页了解可以在百度百科中学习:点击打开链接

<p style="color:#666666;"> <span style="color:#FF0000;"><strong> </strong></span> </p> <p style="color:#666666;"> <strong> <strong><span style="color:#FF0000;">课程目标</span></strong> </strong> </p> <strong> </strong> <p style="color:#666666;"> <strong> 本系列课程是专门为零基础学习Web前端开发的朋友准备的,老师将多年的教学经验与案例相结合,深入浅出,循序渐进,让大家轻松的进入Web开发行业。 </strong> </p> <strong> </strong> <p style="color:#666666;"> <strong> 本系列课程主要讲述Web开发的前端技术html、css、JavaScript,以及页面布局、html5、css3、jquery等高级内容;web服务器的搭建;异步数据加载;三大框架及打包、工程化等。 </strong> </p> <strong> </strong> <p style="color:#666666;"> <strong> <br /> <span style="color:#FF0000;"><strong>课程内容</strong></span> </strong> </p> <strong> </strong> <p style="color:#666666;"> <strong> Web 前端技术是近年来一个新兴职业,在国内乃至国际上真正开始受到重视的时间不超过 7 年。本课程介绍Web前端工程师的职业前景和定位,Web前端工程师和后端工程师的工作定位,介绍了HTML基本知识,网站项目构建与部署,并结合项目案例,进一步剖析和讲解Web前端应具备的知识体系。 </strong> </p> <strong> </strong> <p style="color:#666666;"> <strong>   </strong> </p> <strong> </strong> <p style="color:#666666;"> <strong> 本课程完全从零基础开始讲解,保证学习质量,一节课结束后就能做出效果。培养自己动手写代码能力、独立解决问题以及web开发能力。课程精细,页面丰富、设立了大量的演示案例、纯动手操作一步一步完成一个综合性的站点。 </strong> </p> <strong> </strong> <p style="color:#666666;"> <strong>   </strong> </p> <strong> </strong> <p style="color:#666666;"> <strong> 课程内容包括前后端技术的讨论,VS Code的安装和使用,Git的使用,如何上传代码到GitHub,HTML5的基本语法,HTML基础标签,什么是列表、表格和表单等,课程内容融入实战案例教学,积累实战经验。 </strong> </p> <p style="color:#666666;"> <strong><img src="https://img-bss.csdn.net/201906110336052368.png" alt="" /><br /> </strong> </p> <strong> </strong> <p style="color:#666666;"> <br /> </p>
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页