静态页面

　　这个星期做了下web前的开发。大概了解了一些html，css，jquery的知识。只能说把页面拼出来了，不能说健壮，维护有多好。。 页头也页尾是用<header>和<footer>做的，方便所有的页面使用。menu上面的弹出隐藏效果刚开始使用的是ul，li做的，可以使用css达到效果。。但是后来为了特殊效果，使用了两个div操作。这个时候由于第二个div（有隐藏效果的div）与第一个div是平级关系，不能使用css达到弹出效果。后来使用了jquery实现。接下来是一个图片自动切换的功能，也是使用jquery达到了效果，没什么好说的。页尾要保证始终在浏览器最下方出现，这个时候需要做到的就是body和html的height:100%，另外需要保留padding-bottom用来放页尾，另外中间内容部分content需要保证把除了页头页尾部分以外的其他所有页面信息都包含在里面，可以使用overflow:hidden将content撑大。页头使用position:fixed，表示始终浮动在浏览器上，但是需要在外面包一层div，并使用pisition:absolute确定页头在页面上。 来源： https://www.cnblogs.com/charlexu/archive/2013/04/17/3026490.html

静态网页与动态网页的区别 学号：201631062509 姓名：杨菓 静态网页 ：在网站设计中，纯粹HTML(标准通用标记语言下的一个应用)格式的网页通常被称为 " 静态网页 " ，静态网页是标准的HTML文件，它的文件扩展名是.htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。容易误解的是静态页面都是htm这类页面，实际上静态也不是完全静态，他也可以出现各种动态的效果，如GIF格式的动画、FLASH、滚动字幕等。 特点： 1.静态页面是写在服务器上的不能随时改动，静态是一次性写好放在服务器上进行浏览的，如果想改动，则必须在页面上修改，然后再上传服务起覆盖原来的页面，页面不能随时进行更改； 2.静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”； 3.网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； 4. 静态web无法链接数据库；

首先，先要准备好这个静态网页的源文件，如图 bs里面是一些css和js的文件，img则是放图片的，文件中的index是网页的首页 运行一下，看看 是这样的 然后打开phpcms文件，上篇博客中有提到，把首页的文件index要放到指定的文件夹下 放到这个路径下 然后运行一下，看看效果 网页中没有了图片和样式表，接下来就是把它的图片和样式表放到指定的文件夹中，把图片放到images文件夹里，如图 bs里面有js文件也有css文件，所以，把它放在css和js文件任何一个都可以。如图 第一步做的就完成了，复制文件到指定文件夹中 运行一下index首页，还是没有变，如图 然后用Dw打开index首页 一些文件的路径都是原来的，所以找不到，包括图片也是 所以我们要做的第二步就是替换目录 ctrl f 直接查找，如图 第一个要替换的是bs，看看要替换成什么 打开phpcms的后台管理 设置安全配置中基本配置那一项 看看各项对应着什么路径 Dw中查找，填写内容 {JS_PATH}就代表着，这个路径，如图 替换的话，只要含有bs的就全部替换成那个路径，万一其中有单词含有bs那也会被替换，所以还要改 在前面加上双引号就可以了，基本上bs打头的，前面都是双引号 点击替换全部，一共找到了三项 已成功被替换 接下来就是替换img 查找一下img 看看有什么规律 也是双引号打头的可以操作 替换全部看一下

　　看到很多朋友在各个地方发帖问PHP生成静态文章系统的方法，以前曾做过这样一个系统，遂谈些看法，以供各位参考。好了，我们先回顾一些基本的概念。 　　一，PHP脚本与动态页面。 　　PHP脚本是一种服务器端脚本程序，可通过嵌入等方法与HTML文件混合，也可以类，函数封装等形式，以模板的方式对用户请求进行处理。无论以何种方式，它的基本原理是这样的。由客户端提出请求，请求某一页面　----->　WEB服务器引入指定相应脚本进行处理　----->　脚本被载入服务器　----->　由服务器指定的PHP解析器对脚本进行解析形成HTML语言形式　---->　将解析后的HTML语句以包的方式传回给浏览器。由此不难看出，在页面发送到浏览器后，PHP就不存在了，已被转化解析为HTML语句。客户请求为一动态文件，事实上并没有真正的文件存在在那里，是PHP解析而成相对应的页面，然后发送回浏览器。这种页面处理方式被称为“动态页面”。 　　二，静态页面。 　　静态页面是指在服务器端确实存在的仅含HTML以及JS，CSS等客户端运行脚本的页面。它的处理方式是。由客户端提出请求，请求某一页面　---->　WEB服务器确认并载入某一页面　---->　WEB服务器将该页面以包的形式传递回浏览器。由这一过程，我们对比一下动态页面，即可方现。动态页面需由WEB服务器的PHP解析器进行解析，而且通常还需连接数据库

前端自学大概的路线图 因为刚开始学习，没有完整的前端知识体系，所以是大概的路线图，希望大家可以帮我一起修改完善。 大致的思路是：1.先打好基础，在学习框架。 基础方面主要涉及到的语言是Html、CSS、JavaScript，如果在这三个里面在挑基础的话应该就是Html、CSS了。 所以，2.基础知识里面先学Html,CSS。 Html\CSS学习计划 之前有过一个月的断断续续的学习，W3C的基础知识也看了，但是一到自己写页面还是不会。我就问自己为什么？我觉得可能的原因是，会HTML\CSS基础知识还不足以写出完整的静态页面，一定是我还缺少了某些知识和能力。 我觉得一个最重要的能力是：拿到设计图，首先是分析它，而不是直接写代码。 分析是一种能力，而HTML\CSS只是实现我们目标的工具，而掌握了HTML\CSS基础知识仅仅是掌握了如何使用这些工具，就像是我会搬砖，但并不知道怎么盖房子。 我认为这种分析能力是需要通过做大量完整的页面来锻炼的。 所以我大致的学习思路是：以最快的速度了解Html\CSS基础知识，然后至今开始做大量的完整的静态页面。下面会展开说我的学习计划以及一些资料。 1.快速掌握基本的HTML、CSS知识 网上有很多免费的HTML\CSS教程，但是为了快速，我推荐[marksheet]，这个教程的好处是它先介绍了web方面的基础知识，让大家对web有个宏观上的了解

前言 最近很久没有写文章，不忙也忙的生活节奏，博客相关的东西也没法做成文章来详细讲，最多就是SEO相关，倒也没多少人会真正用到，所以过了一段时间，就目前开发完的学院实训系统web网页项目做个回顾，整个团队就我一个前端开发，所以我负责了需求分析、原型设计、UI/UE设计等工作。团队其他成员和老师都是负责java web后台。个人从用框架开发浅谈对框架开发的效率和效果的意义。 前端页面开发框架 常见web页面框架 web页面开发的框架，可能常用并且熟悉也就那几个. 页面布局框架： Bootstrap 、 Materialize JS框架： Jquery 一眼看过去似乎有点少哦，其实开发web网站只要需求不是特别多的，基本就够了，有些甚至JS都用的少。 开发中 前台页面开发最简单，因为需求的不多，其实如果复杂了，也就会多用到H5和CSS3的一些东西外加JS和Ajax。 框架浅谈 Bootstrap 这个框架确实厉害，我也不多介绍了。就跟它的宣传语一样。 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。所有开发者、所有应用场景而设计。 Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。 确实目前很多网页都用了这个框架，确实为开发省力不少

看到有好多人在问：什么是SQL注入？我尝试google后发现，网上只有怎么SQL注入，并没有解释什么是SQL注入。在此我给大家解释一下。 在说明什么是SQL注入前先提下什么是静态页面，什么是动态页面。静态页面是一种实际存在的网页，无需经过服务器的处理，就可以直接加载读取的页面。静态页面一旦制作出来，除非修改源码，否则是无法对页面内的内容进行更改的。而动态页面与静态页面正好相反。动态页面并不是一个实际存在的网页，它的所有数据不是存储于页面上，而是存储于数据库中。只有当用户请求网页的时候，服务器才会从数据库读取数据，从而返回一个网页。所以不同的用户得到的网页内容也可能不同。举个例子，蓝莓's Blog首页就是一个典型的动态页面，不同的浏览器登陆时页面右上角提示内容也会不同，如果你是通过搜索引擎找到我的Blog的，右上角也会显示你所来自于的那个搜索引擎，如果你是直接访问本站，他会提示“您直接访问了本站! 莫非您记住了我的域名.厉害~我倍感荣幸啊 嘿嘿”，在举一个例子，比如你登陆QQ安全中兴，登陆后网页最上边会显示你的帐号，和你的称昵，这个也是一个动态页面。这点是静态页面无法办到的。而这里我们所要讲到的SQL注入就是利用动态页面的这种特性来入侵的。 其实当你打开一个动态页面的时候，就是在向服务器提交信息，服务器会根据你提交的信息，对数据库进行查询，从而返回适合你的信息。我们可以举个例子

一个网站，对于个人或小公司来说，前期直接上集群的开销是比较大的，那么采用单台服务器如何才能尽可能的提高网站效率呢？ 我觉得首先要选择一个合适的环境，对于大多数php站点来说，运行在lnmp（linux+nginx+mysql+php）环境下是个理想的选择. 首先一点linux对比win的优势我就不说了。 其次nginx的优势总结起来就是负载均衡，高并发性能优异。 这里php采用fastcgi的方式接入nginx，php5.3 自带的php-fpm已经很好了，相比于apache的php模块方式，这里由php自己直接处理php请求是比较好的，并且可调控进程数量以优化并发性能。 上面说的是基本环境，我有一台q6600的老四核，4G内存的linux服务器，上面跑了几十个站点，最高跑到90M带宽，成功hold住！ 下面说说程序方面的优化。 我们知道，静态页面的速度比动态页面要快，尤其是在nginx下，静态页面直接由nginx提供服务，性能尤其高。而动态页面，虽然fastcgi也很好，但是相比于nginx直接处理静态页面，还是有点差距的。 这里介绍两个好东西，一个是nginx自身的缓存功能proxy_cache和fastcgi_cache，然后还有一个nginx模块 ngx_cache_purge用于清理指定url的缓存。 这里单台服务器我们主要使用的是fastcgi_cache

　　开始学习html5已经第4天了，决定从今天起每天写一篇博客，当作我成为网页开发人员的日记，记录我的成长过程。 　　今天老师布置了作业，写出百度网页首页的静态页面代码。浅学html和css之后，任务完成还算顺利，代码如下： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>百度一下，你就知道</title> <link rel="stylesheet" type="text/css" href="Css/baidu.css"> </head> <body> 　　<div id="container"> 　　<div id="header"> 　　　　<span id="address"> 　　　　　　<a class="topaddress" href="http://news.baidu.com" target="_blank">新闻</a>    　　　　　　<a class="topaddress

为什么网站优化要把网页静态化？ SEO优化过程中，把动态网页转化为静态页面是许多SEO优化人员常常做的事情，面对这种SEO优化操作的行为很多人可能有疑问，那就是 为什么网站优化要把网页静态化？ 下面就给大家详细的介绍一下关于网页静态化的一些问题。 什么是动态页面？什么是静态页面？ 动态网页：是以.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号——“？” 。动态页面是以ASP、PHP、JSP、Perl、或CGI等编程语言制作的，用上面两个指标基本上可以判断出是不是动态页面，如果你想知道详细介绍，可以自己百度搜索一下。 静态页面：静态网页是实际存在的，无需经过服务器的编译， 直接加载到客户浏览器上显示出来。静态页面需要占一定的服务器空间，且不能自主管理发布更新的页面，如果想更新网页内容，要通过FTP软件把文件DOWN下来用网页制作软件修改（通过fso等技术例外）常见的静态页面举例：.html扩展名的、.htm扩展名的。 除了静态页面和动态页面还有一种的伪静态页面，在网站页面转化的时候大多转化成伪静态页面。 网页静态化对于SEO优化有哪些好处？ 1、网页静态化有利于搜索引擎收录 静态页面和动态页面想对比来说，搜索引擎更喜欢静态页面，对于静态页面也更好抓取收录，这样对于网站优化来说有很大的好处，更利于排名，你可以去观察那些大型的门户网站