首先声明:代码中使用的爱心特效和转动的音符这个两个效果是我从网上找到的…具体在哪里找的我也忘了…用的图片是邦乔彦的插画~ 其他部分是自己写的最后的效果如下index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>沙雕小星星</tit
静态网页与动态网页静态网页静态网页是指存放在服务器文件系统中实实在在的HTML文件。当用户在浏览器中输入页面的URL,然后回车,浏览器就会将对应的html文件下载、渲染并呈现在窗口中。早期的网站通常都是由静态页面制作的。特点每个网页都有一个固定的URL而不含有“?”;每个网页都是一个独立的文件;静态网页的内容相对稳定,因此容易被搜索引擎检索;减轻了服务器的负担,工作量减少,也就降低了数据库的成本。
1.为什么要使用网页静态技术网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道。对于电商网站的商品详细页来说,至少几百万个商品,每个商品又有大量的信息,这样的情况同样也适用于使用网页静态化来解决。网页静态技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合大规模且相对变化不...
原创 2022-06-30 10:35:05
173阅读
今天继续完成上次的静态网页的制作 首先对照片下面的用户名进行一些设置,让它变得美观一些。 先添加一下间距,字体的大小。然后添加两条大小1px的虚线并设置虚线的颜色。设置padding的上下间距。因为span并不具备盒子模型属性,所以要设置将span转换成块元素。设置完用户名样式,我们来设置活动地带模块。在这里我们可以将活动地带设置成标题,其他设置成带链接的列表。 为了使活力模块美观,我们先设置一下
【考点】网页静态化的了解。【出现频率】★★★★★【解答】网页静态化有很多含义,在WEB开发中,静态网页一般理解为网站中大部分超级链接所引用的页面是单独的HTML静态页面文件(如*.htm、*.html等页面文件)。在ASP.NET中(ASP、PHP或JSP也一样),页面都是通过运行库(其他语言也有相应的解释器或运行环境)动态生成HTML代码,然后发送到浏览器端的,而不是直接将页面文件发送。通过一
  优化页面的响应时间   原因:当访问一个网站的时候,页面加载的速度非常的慢,用户体验不好,用户流失解决方案:1、 动态页面静态化2、 优化数据库3、 使用负载均衡4、 使用缓存  redis和memcache  动态页面静态化如果页面不经常改动,而且用户访问量大,动态页面静态
# JavaScript静态检测技术 JavaScript是一种广泛应用于Web开发的脚本语言,它的灵活性和动态性使其成为开发者的首选。然而,由于JavaScript的动态特性,它容易出现一些潜在的错误和漏洞,这些问题可能在运行时才会被发现,导致程序崩溃或产生错误的结果。 为了提高代码的质量和可靠性,开发者在编写JavaScript代码时可以使用静态检测技术静态检测是一种在编译或解释阶段就能
原创 9月前
49阅读
1.静态页面  优点:相对于其他两种页面(动态页面和伪静态页面),速度最快,而且不需要从数据库里面提取数据,速度快的同时,也不会对服务器产生压力。  缺点:由于数据都是存储在HTML里面,所以导致文件非常大。并且最严重的问题是,更改源代码必须全部更改,而不能改一个地方,全站静态页面就自动更改了。如果是大型网站有较多的数据,那会占用大量的服务器空间,每次添加内容都会生成新的HTML页面。如果不是专业
转载 1月前
11阅读
HTML是制作网页的基础,我们在网站建设中谈论的静态网页就是基于HTML的网页。早期的网页直接用HTML代码编写,但现在有许多智能网页制作软件(常用的如frontpage,dream weaver等)通常不需要手动编写代码,而是由这些软件自动生成。虽然不需要自己写,但是理解HTML代码仍然是非常重要的。了解HTML是什么?它是学习网站建设的重要技术基础知识下面我们自己可以动手创建一个非常简单的网页
转载 28天前
11阅读
1.为什么要使用网页静态技术网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道。 对于电商网站的商品详细页来说,至少几百万个商品,每个商品又有大量的信息,这样的情况同样也适用于使用网页静态化来解决。 网页静态技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合大
(function() { function AllPage(dom) { this.Parent = dom; this.flag = true; this.init.apply(this, arguments); this.active = 1; }; AllPage.prototype = {
转载 2023-06-18 12:41:01
41阅读
什么是页面静态化?页面静态化就是把动态页面生成的html保存到服务器的文件上,然后有相同的请求时,不再去执行动态页面,而是直接给用户相应上次已经生成的静态页面。 项目案例通过一个图书馆管理小项目来演示。页面:link.jsp:页面链接:查询所有查询SE分类查询EE分类查询框架分类show.jsp:显示查询结果ServletBookServletfndAll()查看所有图书findByCa
实验目的: 复习使用记事本编辑网页的方法。熟悉不同表单控件类型的应用。练习使用记事本在网页中添加表单与表单元素。实验内容:根据提供的素材设计在线调查问卷。实验要求: 熟练掌握使用记事本进行简单网页编辑的方法。能够区分不同表单元素的应用场景。掌握表单与表单元素的元素名和属性对。实验学时:4学时实验步骤:实验准备:(1)在硬盘上为本实验建立文件夹(以下称为“实验文件夹”)。(2)根据提供的
第六章  JavaScript对象与数组 对象是JavaScript最基本的数据类型之一,是一种复合的数据类型,将多种数据类型集中在一个数据单元中。并允许通过对象名来存取这些数据的值。 对象使用运算符new来创建,在new之后必须有用于初始化对象的构造函数名,。 在建立新对象之前,需要通过构造其属性来定义对象,这一过程由定义函数名及其属性的
转载 11月前
465阅读
目录一、动画函数封装1.1 动画实现原理1.2 动画函数简单封装1.3 动画函数给不同元素记录不同定时器1.4 缓动画原理1.5 案例练习 - 让动画函数可以在两个位置之间来回移动1.6 动画函数添加回调函数1.7 案例练习 - 侧边栏划出动画效果一、动画函数封装1.1 动画实现原理核心原理:通过定时器setInterval()不断移动盒子位置实现步骤:获取盒子当前位置让盒子在当前位置上加1个移动
注:这些示例都兼容IE,FF1 超酷ToolTip 2 导航条    二级CSS横向    CSS横向下拉    竖向三级弹出    横向三级弹出    横向三级弹出(向上)3 滚动图片4 对联广告5 类新浪多新闻分类6 仿GOOGLE IG 拖拽页块
转载 2022-02-22 16:44:36
45阅读
现在很多网站都是使用以“.html“为扩展名的网页,这样做的好处是有利于搜索引擎收录和排名,或者是其他目的,如可以缩短网址使人容易记住。不过有意思的是并不是所有的以“.html”扩展名的网页都是静态的,换句话来说,它其实是一张动态的网页,并非真实的静态网页。      我们有时感到迷惑,到底自己访问的html网页静态还是伪静态?当然,考据这个一般
- 静态网页 :内容不会动态更新,是固定的。 **表现形式:**html+css Flash、JavaScript、VBScript等等 表达样式: 在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为:www.example.com/eg/eg.htm,也就是以.htm、.html等为后后缀的。在HTML格式的网页上,也可
经过一到两个月的拼博,终于慢慢把静态技术弄明白了.上司分配的任务,把昵菜谱网站的模板内容静态化,也终于有了一点头绪了一。首先把功能说一下  为什么要做静态化,考虑到昵菜谱的菜谱设计模板众多,如果采取动态从数据库加载,必定会加重服务器的负担,因而要用静态化二.静态化的概念(就是把一些要从数据库读的东西,通过技术生成html静态文件)三.HelloWorld例子public final class H
原创 2013-06-23 13:33:09
772阅读
  • 1
  • 2
  • 3
  • 4
  • 5