PHP生成静态页面--实例

合集下载

6_静态网页制作

换行

对于需要换行的地方，应加上<Br>标记，有了它浏览器会自动将右边的文字转移至下一行。请注意， <Br>是单标记。示例：没有换行效果换行效果
段落标记
为了使文本排列的整齐和清晰，文字段落之间常用<P>和 </P>来做标记。 </P>是可以省略的，因为下一个<P>的开始就意味着上一个<P>的结束。 <P>标记还有一个属性ALING，它用来指明字符显示时的对齐方式，一般值有 CENTER、LEFT、RIGHT3种。示例：段落标记效果
6.2.2 页面布局与文字标记

文本是网页传播信息的基本载体，在网页中的重要地位可想而知。对于任何一个基本网页来说，文本都是必不可少的，文本的格式化也是非常重要的。
标题

HTML中提供了相应的标题标记<Hn>。HTML 总共提供6个等级的标题，n越小标题字号就越大。字号大 <H1>„ </H1> 一级标题 <H2>„ </H2> 二级标题 <H3>„ </H3> 三级标题 <H4>„ </H4> 四级标题 <H5>„ </H5> 五级标题字号小 <H6>„ </H6> 六级标题示例:标题效果
1. 2. 3. 4.
5.
简单动态页面处理流程浏览器发出对动态页面的请求； Web服务器找到该页面，传给应用服务器；应用服务器扫描页面，执行代码，生成结果；应用服务器把结果页面返回给Web服务器； Web服务器发回该结果页面给浏览器。

网站建设-动态网页-静态网页

1.1 静态网页和动态网页的区别网页一般又称HTML 文件，是一种可以在WWW 上传输、能被浏览器认识和翻译成页面并显示出来的文件。

文字与图片是构成一个网页的两个最基本的元素，除此之外，网页的元素还包括动画、音乐、程序等。

网页是构成网站的基本元素，是承载各种网站应用的平台。

通常看到的网页，大都是以HTM 或HTML 后缀结尾的文件。

除此之外，网页文件还有以CGI 、ASP 、PHP 和JSP 后缀结尾的。

目前网页根据生成方式，大致可以分为静态网页和动态网页两种。

1.1.1 静态网页静态网页是网站建设初期经常采用的一种形式。

网站建设者把内容设计成静态网页，访问者只能被动地浏览网站建设者提供的网页内容。

其特点如下。

● 网页内容不会发生变化，除非网页设计者修改了网页的内容。

● 不能实现和浏览网页的用户之间的交互。

信息流向是单向的，即从服务器到浏览器。

服务器不能根据用户的选择调整返回给用户的内容。

静态网页的浏览过程如图1-1所示。

1.1.2 动态网页网络技术日新月异，许多网页文件扩展名不再只是.htm ，还有.php 、.asp 等，这些都是采用动态网页技术制作出来的。

动态网页其实就是建立在B/S 架构上的服务器端脚本程序。

在浏览器端显示的网页是服务器端程序运行的结果。

静态网页与动态网页的区别在于Web 服务器对它们的处理方式不同。

当Web 服务器接收到对静态网页的请求时，服务器直接将该页发送给客户浏览器，不进行任何处理。

如果接收到对动态网页的请求，则从Web 服务器中找到该文件，并将它传递给一个称为应用程序服务器的特殊软件扩展，由它负责解释和执行网页，将执行后的结果传递给客户浏览器。

如图1-2所示为动态网页的工作原理图。

动态网页的一般特点如下。

● 动态网页以数据库技术为基础，可以大大降低网站维护的工作量。

● 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、搜索查询、用户管理、订单管理等。

ASP生成静态Html网页的几种方法

ASP生成静态Html网页的几种方法网页生成静态Html文件有许多好处,比如生成html网页有利于被搜索引擎收录,不仅被收录的快还收录的全.前台脱离了数据访问,减轻对数据库访问的压力,加快网页打开速度. 所以吟清最近对生成html比较感兴趣,看了不少文章,也有一点点收获.1,下面这个例子直接利用FSO把html代码写入到文件中然后生成.html格式的文件＜%filename="test.htm"if request("body")＜>"" thenset fso = Server.CreateObject("Scripting.FileSystemObject") set htmlwrite = fso.CreateTextFile(server.mappath(""&filename&"")) htmlwrite.write "＜html>＜head>＜title>" & request.form("title") & "＜/title>＜/head>"htmlwrite.write "＜body>输出Title内容: " & request.form("title") & "＜br /> 输出Body内容:" & request.form("body")& "＜/body>＜/html>"htmlwrite.closeset fout=nothingset fso=nothingend if%>＜form name="form" method="post" action="">＜input name="title" value="Title" size=26>＜br>＜textarea name="body">Body＜/textarea>＜br>＜br>＜input type="submit" name="Submit" value="生成html"> ＜/form>2、但是按照上面的方法生成html文件非常不方便,第二种方法就是利用模板技术,将模板中特殊代码的值替换为从表单或是数据库字段中接受过来的值,完成模板功能;将最终替换过的所有模板代码生成HTML文件.这种技术采用得比较多,大部分的CMS都是使用这类方法.template.htm ' //模板文件＜html>＜head>＜title>$title$ by ＜/title>＜/head>＜body>$body$＜/body>＜/html> ?TestTemplate.asp '// 生成Html ＜%Dim fso,htmlwriteDim strTitle,strContent,strOut'// 创建文件系统对象Set fso=Server.CreateObject("Scripting.FileSystemObject") '// 打开网页模板文件，读取模板内容Sethtmlwrite=fso.OpenTextFile(Server.MapPath("Template.htm")) strOut=f.ReadAllhtmlwrite.closestrTitle="生成的网页标题"strC'// 用真实内容替换模板中的标记strOut=Replace(strOut,"$title$",strTitle)strOut=Replace(strOut,"$body$",strContent)'// 创建要生成的静态页Sethtmlwrite=fso.CreateTextFile(Server.MapPath("test.htm"),true) '// 写入网页内容htmlwrite.WriteLine strOuthtmlwrite.closeResponse.Write "生成静态页成功！"'// 释放文件系统对象set htmlwrite=Nothingset fso=Nothing%>3、第三种方法就是用XMLHTTP获取动态页生成的HTML内容，再用ADODB.Stream或者Scripting.FileSystemObject保存成html 文件。

php开发案例

php开发案例PHP开发案例。

PHP（Hypertext Preprocessor）是一种开源的通用脚本语言，特别适用于Web开发并可嵌入HTML中使用。

它的语法借鉴了C、Java和Perl，易于学习和使用。

PHP被广泛应用于服务器端脚本编程，是目前Web开发中最受欢迎的编程语言之一。

在本文中，我们将介绍一些PHP开发案例，展示其在实际项目中的应用。

1. 网站开发。

PHP最常见的用途之一是网站开发。

通过PHP，开发者可以轻松地创建动态网页、处理表单数据、连接数据库等。

例如，一个简单的博客网站可以使用PHP来实现用户注册登录、发表文章、评论等功能。

PHP与MySQL等数据库的结合使用，可以实现网站数据的动态展示与管理，极大地提高了网站的交互性和实用性。

2. 电子商务平台。

在电子商务领域，PHP也有着广泛的应用。

许多知名的电子商务平台，如Magento、WooCommerce等，都是基于PHP开发的。

通过PHP，开发者可以实现商品展示、购物车管理、订单处理等功能，为用户提供便捷的在线购物体验。

同时，PHP的开源特性也为电子商务平台的定制开发提供了便利，开发者可以根据客户的需求进行个性化定制，满足不同行业的电商需求。

3. 社交网络。

社交网络是当今互联网领域中最热门的应用之一，而PHP正是许多社交网络平台的首选开发语言。

通过PHP，开发者可以实现用户注册、个人资料管理、消息互动、好友关系等功能。

同时，PHP的快速开发特性也使得社交网络平台可以及时跟进用户需求，不断推出新功能和改进，保持平台的活力和吸引力。

4. 内容管理系统。

许多网站需要一个灵活、易用的内容管理系统（CMS）来管理网站内容。

PHP的灵活性和可扩展性使得它成为了许多知名CMS的首选开发语言，如WordPress、Joomla等。

通过PHP，开发者可以实现文章发布、页面管理、插件扩展等功能，为网站管理员提供便捷的内容管理工具，使得网站的更新和维护变得简单高效。

Freemarker生成HTML静态页面

Freemarker⽣成HTML静态页⾯这段时间的⼯作是做⼀个⽹址导航的项⽬，⾯向⽤户的就是⼀个⾸页，于是就想到了使⽤freemarker这个模板引擎来对⾸页静态化。

之前是⽤jsp实现，为了避免⽤户每次打开页⾯都查询⼀次数据库，所以使⽤了jsp的内置对象application，在Controller中将数据都查询出来，然后放⼊application，最后在JSP页⾯使⽤jstl标签配合EL表达式将数据遍历出来。

这样做是从⼀定程度上减轻了服务器的压⼒和页⾯的响应速度，但是仍然没有静态页⾯响应快。

使⽤Freemarker步骤：1. jar包，我的项⽬中使⽤maven来构建，所以在pom.xml中引⼊Freemarker jar包的坐标就可以了。

2. ftl模板，我在WEB-INF下⾯创建⼀个⽂件夹ftl，⾥⾯只放ftl模板⽂件，我创建了⼀个index.ftl⽂件。

3. ftl模板⽂件中写的就是html标签和css样式之类的，但是数据部分需要使⽤Freemarker提供的标签遍历出来。

如下<div class="subMenu"><div class='xff'><div class="slideTxtBox"><div class="hd"><span class="arrow"><a class="next"></a><a class="prev"></a></span><ul><#list newsMap?keys as testKey><li>${testKey}</li></#list></ul></div><div class="bd" style="padding: 5px 10px;"><#list newsMap?values as value><div style="text-align: left; table-layout: fixed; word-wrap: break-word; width: 100%;" class="baidu"><#list value as newsList><a target="_blank" href="${newsList.newsurl }" title="${newsList.newsname }">${newsList.newsname }</a></#list></div></#list></div></div></div></div>其中<#list></#list>是Freemarker提供的遍历标签，Freemarker提供了很多的标签，这⾥不⼀⼀叙述。

静态网页的制作PPT课件

.
1.4静态网页的制作工具
1、图像处理与动画制作工具：Photoshop、Flash 等。 2、网页编辑工具：1）纯文本编辑工具，如 Notepad等；2）转换工具，如word等；3）专用工具，如FrontPage、Dreamweaver等。 3、网页上传工具：1)FTP工具，如WS-FTP， CuteFTP等；2)专用网页编辑软件的文件传输功能。 4、网页优化工具：网页减肥茶、网页优化大师等。
.
1.3静态网页的工作过程
静态网页制作概括起来，有如下几个部分： 1、网页素材搜集与制作（图像处理与动画制作）经常需要在网页中应用一些图像与动画，一方面是由于实际内容的需要，一方面是为了增加网页吸引力。在WWW 上通常采用jpeg、GIF格式的图片和flash等格式的动画。 2、网页版式设计规划各元素在网页中的位置关系和表现方法，合理安排图像、文本等元素，使网页布局合理、美观大方。 3、文本编写自己的网页中需要大量的文字材料，这就要在网页编辑器中用HTML语言中的标签编写。也可以利用网页编辑工具的“所见即所得”功能，直接写入文字。 4、处理网页之间的关联主要是建立合理、高效的网页导航系统。 5、网页发布主要是将建设好的网页上传到服务器中供用户浏览。
.
2.2 HTML编写工具
用HTML编写的文件(文档)的扩展名是．HTML或.HTM。它们是供浏览器解释浏览文件的格式。可以使用记事本、写字板等编辑工具来编写HTML文件。HTML语言使用标志对 (标签)的方法来编写文件，既简单又方便。它通常使用<标志名></标志名>来表示标志的开始和结束(例如 <HTML></HTML>标志对)，因此在HTML文档中这样的标志对都必须是成对使用的。在今天，做网页的工具到处都是,只要动几下鼠标，一个精彩的网页就出来了，HTML是否要学呢？答案是肯定的，因为工具就是工具，它们生成的代码是机械的，不够简洁，使网页打开的速度减慢。还有很多新的功能，工具是生成不了的。必需对代码进行编辑。

何小伟-大型网站核心技术(页面静态化)

—高级软件人才实作培训专家!
使用php缓存机制完成页面静态化

主讲:韩顺平
综合运用案例-新闻管理系统
—高级软件人才实作培训专家!
使用php缓存机制完成页面静态化

主讲:韩顺平
单纯使用php缓存机制完成页面静态的不足分析

解决方案(真静态和伪静态技术.)
—高级软件人才实作培训专家!
页面静态化(真静态)--原理示意图

apache/bin/ab.exe 程序可以来做效率测试基本使用: ab [options] [http[s]://]hostname[:port]/path options是选项: -n 执行访问次数 -c 用户并发数量
—高级软件人才实作培训专家! 页面静态化的必要性1
主讲:韩顺平
—高级软件人才实作培训专家! 页面静态化的必要性2
—高级软件人才实作培训专家! 页面静态化概念
■
主讲:韩顺平
页面静态化概念
我们大多数情况下是直接访问php文件,php脚本在服务器端执行并返回信息,对于一些大型的网站,访问量很大,频繁的动态操作和操作数据库会加重服务器的负担. 在实际开发中，通常使用缓存技术(memcached)或者页面静态化来解决从静态化形式看,页面静态化分为: 从静态范围看,页面静态化分为: ① 整个页面静态化 ① 真静态 ② 局部静态化(jquery) ② 伪静态
静态网址：纯静态HTML文档动态网址：内容存于数据库中,根据要求显示内容,URL中以 ?, & 显示不同的参数，如：news.php?lang=cn&class=1&id=2 伪静态网址:伪静态仅仅是对动态网址的一个重写，伪静态网址不能让动态网址“静态化” ,搜索引擎不会认为伪静态就是HTML文档。其次，伪静态可取，但应把重心放在去除冗余参数、规范URL、尽可能的避免重复页上。举例说明: 这是一个动态网址 news.php?lang=cn&class=1&id=2,从seo的角度来看，最好重写为 news-cn-sport-id2.html。这样的也更加有效的防止sql注入攻击 ☞ 但是也不要精简重写为 news-2.html，这样简写同样不利于搜索引擎优化.

静态网页设计与制作说课.ppt

中认真关注，随时解答疑问。
实践法
24
学生汇报计划与实施过程，回答同学与老师提出的问题。
重点检查流程的认知和网站团队运作，师生共同评价各
小组及个人的工作成果： 1.自评：学生对本项目的整个实施过程进行评价； 2.互评：以小组为单位，分别对其它小组的工作进行评价；
提问引导法实践法讨论法
2
3.教师评价：教师对互评结果进行评价，指出每个
学习情境描述
“个人网站制作”学习情境表1-
1
学习情境1：个人网站制作
学时：38
项目目标
1．掌握个人网站制作的流程和方法、学习欣赏网站，制订个人网站制作策划方案； 2．熟悉Dreamweaver基本工具的使用； 3.分组制作一个个人网站； 4.培养学生团队精神、创新能力、自主探究学习能力、表达能力。
社会能力目标
沟通能力协作精神勤于思考认真做事勇于创新敬业乐业
自主学习能力知识应用能力良好的职业道德较强的工作责任心
课程设计理念
以职业资格为依据
内容选取
教学组织
课程标准
以工作需求为目标以工作过程为主线
以真实项目为载体
教学实施
表现形式
以实际工作为场景
课程设计思路
企业调研
确定岗位（群）
5%
5
项目制作报告
项目制作工作计划、总结和成果评价表书写认真、完整、字迹清楚、页面整洁，项目制作收获较大
10%
合计
100%
敬请专家指导！谢谢！
教师知识与能熟悉网站制作流程，网页制作Dreamweavera工具，网页素材制作方法，网页制作方
力要求
法与技巧；较强的归纳能力；较强的教学管理与教学组织能力。

PHP页面静态化技术

如何为大型网站提速：1.静态化2.缓存技术memcache3.Mysql优化瓶颈：带宽，数据库访问提出问题->引出新技术->小案例->细节->使用到项目中三个重要概念：1.静态网站http://localhost/test.html2.动态网址http://localhost/showNews.php?id=2&title=test搜索引擎不喜欢3.伪静态网址传统做法：http://localhost/showNews.php?lang=cn&class=2&id=100这种网址不好，SEO不好, SQL注入攻击危险改成伪静态网址：不要过于精简http://localhost/news-cn-class2-id100.html补充说明：SEO 搜索引擎优化页面静态化概念：在实际开发中通常使用缓存技术或页面静态化来解决页面静态化分为：1.真静态：把php -> html访问时不操作数据库2.伪静态：只是把网址静态(访问数据库)页面静态化的必要性：1.访问PHP的速度一般比html慢ab.exe可以用来测试网站访问速度( 压力测试)，该工具可以模拟多人并发访问某个页面ab.exe -n 10000 -c 10 http://localhost/test.php-n:请求多少次-c:表示多少人并发访问2.利于搜索引擎优化URL长度，静态页参数，meta信息，图片alt信息，frame信息(尽量不要使用框架) 3.防止SQL注入缓存机制不用总访问数据库使用php缓存机制完成页面静态化如果要测试php自己的缓存机制，需要做配置php.ini中：display_errors=Onoutput_buffering=Offerror_reporting=设置错误级别<?php//开启缓存[可以通过php.ini, 也可以通过ob_start()]ob_start();echo "yyy";header("content-type:text/html;charset=utf-8");echo "hello";//ob_clean() 可以清空output_buffering内容ob_clean();//ob_end_clean()关闭output_buffering缓存，同时清空其中内容ob_end_clean();//ob_flush()函数是把output_buffering内容输出，清空ob_flush();//ob_end_flush()函数是把output_buffering内容输出，清空并关闭ob_end_flush();echo "kkk"; // => 程序缓存(内容必须放在header()后面)//ob_get_contents()可以获取output_buffering内容//$contents=ob_get_contents();//file_put_contents("d:/log.txt", $contents);?>flush()函数是刷新程序缓存的内容补充：php header()函数定义和用法header() 函数向客户端发送原始的HTTP报头。

JSP生成静态HTML页面的几种方法

JSP生成静态HTML页面的几种方法2008年04月12日星期六 09:26一、从数据库中取相应数据并替换掉模板中的对应标签，下面是一个简单的示例1.buildhtml.jsp<%@ page contentType="text/html; charset=gb2312"import="java.util.*,java.io.*"%><%try{String title="This is Title";String content="This is Content Area";String editer="LaoMao";String filePath = "";filePath = request.getRealPath("/")+"test/template.htm";//out.print(filePath+"<br>");String templateContent="";FileInputStream fileinputstream = new FileInputStream(filePath);//读取模块文件int lenght = fileinputstream.available();byte bytes[] = new byte[lenght];fileinputstream.read(bytes);fileinputstream.close();templateContent = new String(bytes);//out.print(templateContent);templateContent=templateContent.replaceAll("###title###",title); templateContent=templateContent.replaceAll("###content###",content); templateContent=templateContent.replaceAll("###author###",editer);//替换掉模块中相应的地方//out.print(templateContent);// 根据时间得文件名Calendar calendar = Calendar.getInstance();String fileame = String.valueOf(calendar.getTimeInMillis()) +".html"; fileame = request.getRealPath("/")+fileame;//生成的html文件保存路径FileOutputStream fileoutputstream = new FileOutputStream(fileame);//建立文件输出流byte tag_bytes[] = templateContent.getBytes();fileoutputstream.write(tag_bytes);fileoutputstream.close();}catch(Exception e){out.print(e.toString());}%>2. template.htm<html><head><title>###title###</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <LINK href="../css.css" rel=stylesheet type=text/css></head><body><table width="500" border="0" align="center" cellpadding="0" cellspacing="2"><tr><td align="center">###title###</td></tr><tr><td align="center">author：###author###  </td></tr><tr><td>###content###</td></tr></table></body></html>=======================================================二、从动态页的URL获取相应页面内容并写入到文件/** Created on 2006-3-4* To change the template for this generated file go to* Window>Preferences>Java>Code Generation>Code and Comments */package .tools.utils;import java.io.BufferedReader;import java.io.File;import java.io.FileOutputStream;import java.io.InputStream;import java.io.InputStreamReader;import java.io.PrintWriter;import .HttpURLConnection;import .URL;import java.util.Date;/*** @author Administrator* To change the template for this generated type comment go to* Window>Preferences>Java>Code Generation>Code and Comments */public class MakeHtml {private static long star = 0;private static long end = 0;private static long ttime = 0;//返回html代码public static String getHtmlCode(String httpUrl){Date before = new Date();star = before.getTime();String htmlCode = "";try {InputStream in;URL url = new .URL(httpUrl);HttpURLConnection connection =(HttpURLConnection)url.openConnection();connection = (HttpURLConnection) url.openConnection();connection.setRequestProperty("User-Agent","Mozilla/4.0"); connection.connect();in = connection.getInputStream();java.io.BufferedReader breader = new BufferedReader(new InputStreamReader(in , "GBK"));String currentLine;while((currentLine=breader.readLine())!=null){htmlCode+=currentLine;}} catch (Exception e) {e.printStackTrace();}finally{Date after = new Date();end = after.getTime();ttime = end-star ;System.out.println("执行时间:"+ttime +"秒");}return htmlCode;}//存储文件public static synchronized void writeHtml(StringfilePath,String info,String flag) {PrintWriter pw = null;try {File writeFile = new File(filePath);boolean isExit = writeFile.exists();if (isExit != true) {writeFile.createNewFile();} else {if (!flag.equals("NO")) {writeFile.delete();writeFile.createNewFile();}}pw = new PrintWriter(new FileOutputStream(filePath, true)); pw.println(info);pw.close();} catch (Exception ex) {System.out.println(ex.getMessage());}finally{pw.close();}}public static void main(String[] args) {String url = "/index.htm";writeHtml("c:/demo.htm",getHtmlCode(url),"NO");}}三、利用Filter和定制Response，把服务器返回的JSP响应输出到我们自己的Response中，就可以将响应快速写入Html文件，然后再发送给客户。

ASP生成静态页面的方法

ASP生成静态页面1. 什么是动态网页和静态网页动态网页：一般指的是采用ASP，，JSP，PHP，Cold Fusion，CGI等程序动态生成的页面，该网页中的大部分数据内容来自与网站相连的数据库。

这个页面在网络空间中并不存在，动态网页往往容易给人留下深刻的印象。

此外，动态网页还具有容易维护、更新的优点。

首先网页获得用户的指令，然后网页拿着指令到数据库中找和指令对应的数据，然后传递给服务器，通过服务器的编译把动态页面编译成标准的HTML代码，传递给用户浏览器，这样用户就看到了网页。

问题出来了，每次访问网页都要经过这么一个过程，这一过程至少需要几秒钟的时间，访问的人数一多，页面的加载速度就会变慢，对服务器来说也是一种负担;从用户角度来说，网页加载的慢，所以大型网站都是静态网页呈现。

绝大多数的搜索引擎都已支持动态页面的抓取，这就是我们现在这些搜索引擎进行搜索时，结果中出现动态链接的原因，但抓取的数量比静态页面要差的很多倍。

静态网页：静态网页就简单了，静态网页是实际存在的，无需经过服务器的编译，直接加载到客户浏览器上显示出来。

由此可见，动态网页在访问速度上并不占优势。

但是静态网页也有自己的缺陷，由于占用空间比较大，需要大量的服务器，花费上要高于动态网页网站。

伪静态：论坛和留言系统程序由于评论的人较多，更新速度较快，用纯静态可以说是不起实际，但是用纯静态搜索引擎非常不友好，这时候就出现了一种新的技术，伪静态。

伪静态的缺点是页面访问速度较慢，cpu占用资源较大，如果是ISS数是1000的网站，当有300人同时在线的时候就会出现错误。

但是伪静态对收录同样能起到非常好的作用。

2. 为什么要生成静态页面在三年前，有百分之八十的网站要求做成动态的。

也就是从那个时候也就是ASP的发展高峰期。

一些静态网页也要求做成动态网站。

但是这二年来，网站要求做成静态的。

也就是网页要求静态化。

为什么会有这样的变化？到底意味着什么？目前网页HTML静态化是利用其它的动态技术生成HTML静态页面，还不是静态网站。

静态页面实验报告

实验名称：静态网页设计与制作实验目的：1. 掌握HTML、CSS等网页设计基础语言。

2. 熟悉网页布局的基本方法。

3. 学会使用图片、音频、视频等多媒体元素。

4. 提高网页设计与制作的实践能力。

实验时间：2021年X月X日至2021年X月X日实验环境：Windows 10操作系统，Dreamweaver CC网页设计软件实验内容：一、实验准备1. 安装并启动Dreamweaver CC网页设计软件。

2. 创建一个新的网页文件，命名为“静态页面实验.html”。

3. 设置网页的基本属性，包括标题、语言、字符集等。

二、HTML代码编写1. 在网页中添加HTML标签，包括<!DOCTYPE html>、<html>、<head>、<title>、<body>等。

2. 在<head>标签中添加<meta>标签，设置网页的字符集为UTF-8。

3. 在<head>标签中添加<link>标签，引入外部CSS样式表。

三、CSS样式设计1. 在<head>标签中添加<style>标签，编写CSS样式代码。

2. 设置网页的背景颜色、字体样式、文本颜色等。

3. 设计网页的头部、主体、尾部等部分的结构。

四、网页布局1. 使用<div>标签对网页进行划分，形成头部、主体、尾部等部分。

2. 使用<ol>和<ul>标签创建有序列表和无序列表，用于展示内容。

3. 使用<dl>和<dt>、<dd>标签创建定义列表，用于展示术语和解释。

五、多媒体元素的使用1. 在网页中添加<img>标签，引入图片，设置图片的路径和属性。

2. 使用<audio>标签引入音频文件，设置播放属性。

3. 使用<video>标签引入视频文件，设置播放属性。

《静态网页的制作》课件

表单验证的实现
验证用户输入
使用JavaScript可以验证用户在表单中输入的数据，确保数据的正确性和有效性。
防止恶意输入
通过JavaScript的验证，可以防止恶意用户输入对网站造成安全威胁的内容，如SQL注入、跨站脚本攻击等。
提高用户体验
通过实时验证，用户可以立即知道输入的数据是否符合要求，提高用户体验。
动态内容的生成
数据动态展示
使用JavaScript可以动态展示数据，如动态表格、图表等。
动态内容更新
通过JavaScript可以动态更新网页内容，根据用户的操作或时间等条件进行内容的变化。
个性化内容推荐
使用JavaScript可以根据用户的喜好和行为，推荐个性化的内容和产品。
06
静态网页的优化与发布
总结词：详细描述
动画：CSS提供了关键帧动画，可以创建复杂的动画效果。通过改变元素的属性值，可以实现元素的移动
、旋转、缩放等动画效果。
过渡：CSS的过渡属性可以实现元素属性值的变化效果，如颜色、大小等。通过过渡效果，可以创建平滑
的视觉效果，提高用户体验。
05
JavaScript在静态网页中的应用
80%
特点
可以实现响应用户操作、动态更新内容等功能，提升用户体验。
图像处理软件
作用
用于处理和优化网页中使用的图片。
常用软件
Photoshop、GIMP等。
特点
可以进行图片裁剪、调整色彩、添加滤镜等操作，提高图片质量。
03
静态网页的基本构成
HTML文档结构
HTML文档的基本元素
HTML文档由`<!DOCTYPE html>`、`<html>`、`<head>`和`<body>`等元素组成，每个元素都有其特定的作用。

使用PHP将长文章分页

使⽤PHP将长⽂章分页如何分页⼿动分页：⼀般在编辑内容时加⼊特殊分页标记，如{pages}，提交后，PHP程序会根据分页符处理分页，⽣成不同的静态页⾯。

这种分页⽅法分页准确，但是需要⼈⼯⼿动添加分页符，⼯作量⼤。

⾃动分页：PHP程序会根据设置好的分页符将内容进⾏分页，然后⽣成不同的静态页⾯。

该⽅法效率⾼，对处理不同的html代码标签要求⾼。

前端JS分页：使⽤Javascript将长⽂章内容截取分段，根据请求展⽰不同的分段内容，达到分页效果。

这种⽅法⼀次将内容读取，由前端js处理分页，体验好。

本⽂实例代码讲解的是采⽤PHP将长⽂章内容分页，可以⾃动和⼿动分页。

⾄于⽣成静态html页⾯不在本⽂讲解范围内，后⾯我们会专门讲解⽣成静态⽅⾯的⽂章介绍。

分页类<?php/** 长⽂章分页类*/class cutpage{private$pagestr; //被切分的内容private$pagearr; //被切分⽂字的数组格式private$sum_word; //总字数(UTF-8格式的中⽂字符也包括)private$sum_page; //总页数private$page_word; //⼀页多少字private$cut_tag; //⾃动分页符private$cut_custom; //⼿动分页符private$ipage; //当前切分的页数，第⼏页private$url;function __construct($pagestr,$page_word=1000){$this->page_word = $page_word;$this->cut_tag = array("</table>", "</div>", "</p>", "<br/>", "”。

静态网页

08 </body>
09 </html>
【运行程序】浏览该页面，结果如图1.3所示，它只能浏览而不能被交互。
图1.3 静态页面示例
【深入学习】静态页面使用HTML编写，通常扩展名为.htm、.html、.shtml、.xml等。静态网页只能单纯地在网页中展示文字与图片，听起来似乎功能简单，但它是所有网页的基础要素，其重要性不言而喻。
图1.1和图1.2都是有着一个3×3表格的页面。这样的描述，如同HTML语言所表达的含义，体现出页面上的内容，而在浏览器中最后的显示效果是完全不同外表的两个表格。图1.1表格的边框较粗，黑色；图1.2表格边框较细，红色。这是因为它们使用了不同的CSS样式表。
所以通俗地说，HTML表现了页面的结构，而CSS修饰了页面中的这些内容。如果把制作网页比作一个人在设计一间屋子，那么HTML语言的作用是用来明确这个屋子内要放入哪些家具，或者是床、书柜、椅子等。而CSS的作用就是改变这些家具的样式，对应的如床的样式、书柜的样式、椅子的样式等。
在静态网页中，整个网页的主要结构与网页的显示控制都必须利用HTML实现。在HTML格式的网页上，可以出现各种动态的效果，如.GIF格式的动画、Flash、滚动字幕等。这些“动态效果”只是视觉上的，而动态网页是不同的概念。
1.1.3 动态网页
动态网页是与静态网页相对应的，指网页的内容可以根据某种条件的改变而自动改变。如腾讯公司的Qzone空间里，常常会有一些使用者嵌入一个小小的计数器功能，当有人单击设计者的网页时，计数器的值会自动增加。这个计数器就是动态的。再比如，目前网络流行的论坛、社区网，其中用户的注册页面，当用户输入正确的用户名和密码后会成功登录，如果输入的用户名或密码错误，页面会提示用户错误信息。这也是典型的动态页面。

php伪静态规则写法

在PHP 中，伪静态规则通常是在Web 服务器（比如Apache 或Nginx）的配置文件中定义的。

这样的规则用于美化URL，使其看起来像静态文件路径，而实际上是由PHP 动态生成的。

以下是一些示例规则：Apache 伪静态规则（在.htaccess 文件中）：简单伪静态规则：apacheCopy code<IfModule mod_rewrite.c>RewriteEngine OnRewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule ^(.*)$ index.php?url=$1 [QSA,L]</IfModule>这个规则将所有非真实存在的文件和目录的请求重写到index.php 文件，并将请求的路径作为参数传递给PHP 脚本。

更复杂的伪静态规则：apacheCopy code<IfModule mod_rewrite.c>RewriteEngine OnRewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule ^article/([0-9]+)/?$ article.php?id=$1 [QSA,L]</IfModule>这个规则用于处理类似/article/123 这样的URL，将其重写到article.php 并传递文章的ID。

Nginx 伪静态规则：nginxCopy codelocation / {try_files $uri $uri/ /index.php?url=$uri&$args;}location ~ \.php$ {include snippets/fastcgi-php.conf;fastcgi_pass unix:/var/run/php/php7.4-fpm.sock;fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;include fastcgi_params;}这个配置将所有请求尝试匹配文件或目录，如果没有找到，则重写到index.php 并将URI 作为参数传递。

php静态方法

php静态⽅法静态⽅法（1）静态⽅法不能访问这个类中的普通属性，因为那些属性属于⼀个对象，但可以访问静态属性；（2）从当前类（不是⼦类）中访问静态⽅法或属性，可以使⽤ self 关键字，self 指向当前类，就像 $this 指向当前对象⼀样；（3）不能再对象中调⽤静态⽅法，静态⽅法和属性⼜被称为类⽅法和类属性，因此不能再对象中使⽤伪变量 $this 。

静态⽅法的优点：（1）在代码的任何地⽅都可以⽤（假设可以访问该类）；（2）类的每个实例都可以访问类中定义的静态属性，可以利⽤静态属性来设置值，该值可以被类的所有对象使⽤；（3）不需要实例对象就能访问静态属性或⽅法。

<?php$pdo = new PDO('mysql:host=localhost;dbname=mydb','root'); // ⽣成⼀个 PDO（PHP Data Object）对象class ShopProduct{private $title; // 属性也称为成员变量，⽤来存放对象之间互不相同的数据private $producerMainName; // 所有的属性都设置为 private,不允许外部直接访问这些属性，然后提供⽅法来取得需要的值private $producerFirstName;protected $price; // 阻⽌外⾯直接访问该属性，可以被⼦类访问private $discount = 0;private $id = 0;// 创建对象时，构造⽅法会被⾃动调⽤，构造⽅法可以确保必要的属性设置，并完成任何需要准备的⼯作public function __construct($title,$mainName,$firstName,$price){$this->title = $title; // 使⽤伪变量$this给每个变量赋值$this->producerMainName = $mainName;$this->producerFirstName = $firstName;$this->price = $price;}/*** @return mixed 这种只返回属性值的⽅法称为“访问⽅法”，也称为 getter 和 setter*/public function getProducerFirstName(){return $this->producerFirstName;}/*** @return mixed 获取姓的访问⽅法*/public function getProducerMainName(){return $this->producerMainName;}/*** @param $num 打折的价格*/public function setDiscount($num){$this->discount = $num;}/*** @return int 折扣的访问⽅法*/public function getDiscount(){return $this->discount;}/*** @return mixed Book名或CD名的访问⽅法*/public function getTitle(){return $this->title;}/*** @return mixed 折扣后的价格*/public function getPrice(){return ($this->price - $this->discount);}/*** @return string 作者*/public function getProducer(){ // ⽅法让对象执⾏任务return $this->producerMainName .' '. $this->producerFirstName;}/*** @return string 发票的摘要信息*/public function getSummaryLine(){$base = "{$this->title} ( {$this->producerMainName},{$this->producerFirstName}) ";return $base;}/*** @param $id id 的访问⽅法， setter*/public function setId($id){$this->id = $id;}// 根据查询数据的数据类型，返回特定类型的 ShopProduct 对象，这个⽅法没有使⽤任何实例的属性和⽅法，因此把它定义为⼀个静态⽅法（static），只要有⼀个有效的 PDO 对象，就可以在程序的任何地⽅调⽤这个⽅法。