html+css静态网站_什么是Web开发?什么是静态站点?

news/2024/5/20 12:06:43/文章来源:https://blog.csdn.net/weixin_36308612/article/details/113077326

在九十年代初期,浏览网站内容的浏览器相对简单,所以网站必须也相应地简单易用。而当时网站主要是没有字体类型的文本,任何形式的图像都很重要。最早期的网站是静态的,无法提供交互式、动画或个性化等内容。

df68352bfbd4bac1f374949485c05357.png

为了追求更复杂的Web内容,开发者需要在浏览器中嵌入一种计算机编程语言,为此开发使浏览器可以显示交互式和动态内容。当时有很多编程语言可以选择,竞争对手并不在少数,但HTML成为了首选的标记语言,而JavaScript成为了事实上的客户端脚本语言。

层叠样式表(Cascading Style Sheets,CSS)的开发是通过将网站内容与网站格式分开,使人们对网站外观的控制更多。诸如布局,颜色和字体之类的内容可以在样式表中指定,并应用于整个网站站点。

HTML,CSS和JavaScript共同构成了今天持续存在的Web体验的基础。

在2000年代初期,内容管理系统(CMS)得到更广泛的使用者欢迎。CMS添加了一个用户界面,使使用者可以更轻松地向其网站添加和修改内容,并且还添加了主题和脚手架,以帮助减轻网站样式的工作。在后端,服务器会根据Web流量的要求来编译并提供内容。今天WordPress和Drupal已经成为流行的CMS首先,而WordPress为整体Web流量提供了很大的动力。

当网站由CMS提供支持时,每次用户访问该网站时,页面都是按需构建的。内容和样式模板存储在数据库中,并在用户请求页面时获取和呈现。内容是根据请求动态生成的。传统web开发中,内容是在后端呈现的,但是诸如React和Vue之类的JavaScript框架的兴起却带动了客户端脚本的发展。

所有这些结合在一起就可以创建动态网站,或者可以在需要页面时即时组装内容和样式模板的网站。

720de455af12f7f2db4fa0df65290947.png

目前很多CMS工具向更多的用户开放了Web开发,但是用户更加关注网站性能问题。而且缓存和内容交付网络(CDN)可以缓解某些加载速度问题,但是静态网站的趋势在很大程度上源于对更快网站性能的渴望。

静态网站通常听起来很像:一个网站(如果不是严格意义上的话)主要由静态资源组成,对于大多数基于传统CMS的网站(例如Drupal或WordPress),当用户请求页面时,将进行网页编译。在静态站点中,该工作改为在构建时发生(或在开发人员触发构建并从某种形式的标记(几乎始终是Markdown)预渲染网页并将其存储为静态HTML文档的那一刻开始),而不是依靠数据库来组合内容,而是从静态文件目录中为浏览器提供内容。

这样做的好处是通常会产生加载速度非常快的网站。无需等待动态组装,即可立即提供内容,而不会延迟。但是,这种方法的缺点是,预渲染的标记页面缺乏现代网站中预期的动态响应能力。

正是这种局限性导致静态站点合并了更多动态元素,一种这样的方法就是所谓的JAMstack(JavaScript,API,标记),它正成为构建静态站点的标准堆栈。JavaScript使网站具有动态功能,API使开发人员可以调用第三方服务,例如商业后端或更高级别的动态功能或自定义,标记描述了将内容呈现为静态HTML文件的基础。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_746645.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Python爬虫抓取某音乐网站MP3(下载歌曲、存入Sqlite)

Python爬虫抓取某音乐网站MP3(下载歌曲、存入Sqlite) 最近右胳膊受伤,打了石膏在家休息。为了实现之前的想法,就用左手打字、写代码,查资料完成了这个资源小爬虫。网页爬虫, 最主要的是协议分析&#xff08…

关于onMouseOver出现提示文字的多行处理办法

有时候我们需要对超链接<a href"路径" title"提示文字">链接文字</a>里边的提示文字使用换行&#xff08;即需要多行提示&#xff09;&#xff0c;可是title,alt之类里边的提示内容是不支持HTML书写的&#xff0c;怎么解决&#xff1f;很容易&…

大型网站架构演化发展历程

前面已经描述了大型网站系统的特点&#xff0c;而对一个大型网站系统&#xff0c;其架构也是重要的一个环节。 大型网站技术主要的挑战来自于庞大的用户、高并发以及海量的数据这三个方面。大型网站的形成就像一颗大树的成长&#xff0c;历尽长时间的磨练&#xff0c;最后枝繁叶…

【推荐】腾讯android镜像(做Android开发的得好好利用下这个网站,国内的大公司还是可以滴……)...

原文地址&#xff1a;http://android-mirror.bugly.qq.com:8080/include/usage.html ☀ Windows I. Open Android SDK Manager II. Config User Defined Sites Add this url to "User Defined Sites": http://android-mirror.bugly.qq.com:8080/android/repository/…

网站创建过程(一)

今天一天都在上班啊&#xff0c;我觉得我也没有玩啊&#xff0c;怎么自己的项目就没有一点进展呢。。。。我方了 今天就用django创建了一个项目然后连上mysql 建了一个表。这也就证明我的django是可以读取数据库哒~~开心 具体步骤 一、新建一个文件夹 这个文件夹用来存放项目&a…

转帖:网站服务架构

原文地址&#xff1a;http://www.cnblogs.com/jiekzou/p/4677994.html 服务器划分 对于访问量大的网站而言&#xff0c;将网站的各个部分拆分分别部署到不同服务器上是很有必要的。例如将图片和web站点分开。一般而言&#xff0c;在网站的整个服务器部署上分为如下几种类型&…

WSS无编程网站建设(1)-客户需求分析

今天&#xff0c;和ABC公司的老总&#xff08;老黄&#xff09;谈了一笔生意&#xff0c;做一个企业外网&#xff0c;功能结构就是和所有企业网站一样。 一、网站结构图 谈完后,到公司财务拿钱开始做了. 1,服务器: 下表列出为独立安装部署 Windows SharePoint Services 3.0 时所…

网站后台 服务器,网站后台数据 服务器

网站后台数据 服务器 内容精选换一换华为云云市场搭建了包括基础软件市场、企业应用市场、建站市场、安全市场、服务市场、解决方案市场、人工智能市场、物联网市场8大子市场&#xff0c;种类丰富&#xff0c;产品众多&#xff0c;用户可以在华为云云市场找到适合自己业务的软件…

PHP来编写网站评论系统

2019独角兽企业重金招聘Python工程师标准>>> 首先打开Dreamweaver cc,安装MySQL数据库。 这里有三个文件&#xff1a;comments.php, 是用来显示评论的, commentadd.php, 用来处理评论内容的, commentform.html 通过FROM来提交评论。 首先建立一个数据库&#xff0c…

网站总访问人数和当前在线人数

做网站肯定会要求实现这样的需要&#xff0c;相信对绝大部分程序员同行来说都很easy。其实只要我们对ASP.NET的内置对象的生命周期了解的话&#xff0c;很容易想到解决的办法。 在项目的根目录下新建global.asax文件&#xff0c;下面是我当年所写的代码&#xff1a; 代码 1 voi…

(转)大型网站架构系列:负载均衡详解(4)

三、LVS负载均衡 LVS是一个开源的软件&#xff0c;由毕业于国防科技大学的章文嵩博士于1998年5月创立&#xff0c;用来实现Linux平台下的简单负载均衡。LVS是Linux Virtual Server的缩写&#xff0c;意思是Linux虚拟服务器。 基于IP层的负载均衡调度技术&#xff0c;它在操作系…

夺命雷公狗ThinkPHP项目之----企业网站26之网站前台列表页的显示和完成分页功能...

我们用大I接收到我们get过来的栏目页的id然后通过文章的ar_cateid 来判断是不是属于该栏目下的&#xff0c;如果文章表ar_cateid 栏目表的cate_id 那么就可以选出我们要查找的信息&#xff0c; 然后再遍历到视图即可。。。 <?php namespace Home\Controller; use Think\Co…

纪念一下我在2009年开发的一款网站客户端软件[winform]

时间过的真快&#xff0c;虽然目前该网站暂时停止运行了&#xff0c;但还是为自己开发的这款客户端软件感到自豪&#xff0c;要知道&#xff0c;这是在我的UI架构下产生的第一个商业软件哦。 让思绪飞一会儿~~~~~~~~~~ 登录界面&#xff1a; 主界面&#xff1a; 菜单显示&#…

【绝对干货!!!】年薪百万都在用的学习网站, 大学生与职场人请收藏

值得学习的技能有很多&#xff0c;但最应该掌握的是编程 作为一个过来人&#xff0c;真的想谈谈。不管你现在是学生&#xff0c;还是参加工作不久&#xff0c;希望这篇文章都可以帮到你。 重在实践 想要成为一个优秀的人&#xff0c;应该不管在什么样的情况下都停止抱怨。其实…

一天完成把PC网站改为自适应!原来这么简单!

http://www.webkaka.com/blog/archives/how-to-modify-a-web-page-to-be-responsive.html 一天完成把PC网站改为自适应&#xff01;原来这么简单&#xff01; 作者:Kaka 时间:2015-8-27 11:26:9 浏览:5279 评论:8 网站自适应&#xff0c;很多人都认为是很高级需要很多…

高性能网站建设指南学习笔记

一、规则1----减少HTTP请求 &#xff08;1&#xff09;图片地图 图片地图允许你在一个图片上关联多个URL。目标URL的选择取决于用户单击了图片上的哪个位置。 &#xff08;2&#xff09;CSS Sprites (3)内联图片 通过使用data:URL模式可以在Web页面中包含图片但无需任何额外…

推荐15个清爽简约风格的 HTML5 网站作品

本期的 HTML5 网站大观与大家分享15个精美的 HTML5 清爽简约风格网站。HTML5 是现在Web开发领域的热点&#xff0c;越来越多的开发人员开始使用 HTML5 来开发交互性强、效果出众的Web应用和游戏。希望这些制作精美的 HTML5 网站实例能帮助大家更好的学习 HTML5 网站制作。 Naom…

自从学会了搭建开源网站,妈妈再也不担心我找不到web自动化学习环境了

前言 很多小伙伴在学习web自动化测试时候&#xff0c;总在苦恼找不到合适的web网站的去进行自动化练习&#xff0c;练习项目无非就是百度官网&#xff0c;总感觉没什么实质的提高。 环境准备&#xff1a; 1. Tomcat 2. shopping商城文件 3. jdk环境 4. Mysql环境 解压shoppin…

Google的全新在线地图API演示网站 - More than a map

日期&#xff1a;2012-10-28 来源&#xff1a;GBin1.com More Than A Map是Google最新上线的Google地图API使用的演示网站&#xff0c;提供了丰富的Google Maps API的使用。 包括一下几个方面的功能展示&#xff1a; 基础功能卫星功能街景功能地点功能路线功能数据可视化功能相…

基于 ZKEACMS 的云建站 / 自助建站解决方案

基于ZKEACMS的云建站 / 自助建站解决方案&#xff0c;一站式托管&#xff0c;解决企业建站需求&#xff0c;功能强大&#xff0c;高度自定义。用户只需在界面上输入一些基本信息&#xff0c;选择相应的主题 / 网站模板&#xff0c;然后就可以快速创建一个独一无二的网站。 建站…