静态网页开发技术二教案

动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情我们将动态网页的一般特点简要归纳如下1动态网页以数据库技术为基础，可以大大降低网站维护的工作；动态网页和静态网页的最大区别是1静态页面是不能随时改动的，静态是一次性写好放在服务器上进行浏览的，如果想改动，必须在页面上修改，然后再上传服务器覆盖原来的页面，这样才能更新信息，比较麻烦，使用者不能随时修改2动态页面是可以随时改变内容的，有前后台之分，管理员可以在后台随时更新网站。

一方面是指，对于重要的内容相对固定的页面制作为静态网页，另外一个方面可以将动态实现的页面通过一定的技术，当发表出来之后转化为静态网页，这种方式特别适用于发表后内容无需不断更新的页面静动结合以静制动的优点反映的是能用静态网页解决的决不用动态网页，特别是对重要页面一定要选用静态的方式来处理；开始掌握JSP企业网站开发的旅程，从基础理论到实践应用，逐步深入第1章 Web与JSP技术概述 11 CS与BS模式理解两种模式，CS客户端服务器模式强调本地处理，BS浏览器服务器模式通过网络交互，两者各有优势12 静态网页与HTML静态网页是基础，HTML定义了网页结构，工作原理简单。

网页设计者在写好服务器端的页面程序后，不需要手工控制，页面内容会按照页面程序的安排自动更改变换3书写上的区别HTML是w3c规范的一种网页书写格式，是一种统一协议语言，静态网页上网看的网页都是大部分都是基于HTML语言的JSP是一种基于动态语言，JSP可以实现HTML的所有任务参考资料来源百度；静态网页技术html，css，javascript，以及像dreamweaver网页排版工具的使用，fireworks或者photoshop图片处理工具的使用，如果想深入的话，可以学一下xml，ajax还有动画制作软件flash动态网页技术ASP或者PHP或者JSP三种网站编程语言任选一种都行，然后就是数据库的基本操作一般的数据库有最简单的access，SQL。

静态网页开发技术的优点

网站开发技术涉及多个方面，下面列举一些常见的网站开发技术1HTML超文本标记语言用于创建网页结构和内容的标记语言2CSS层叠样式表用于定义网页的样式和布局，控制页面的外观和排版3JavaScript一种用于增加网页交互性和动态功能的脚本语言4前端框架和库如ReactAngularVue。

用途网站前端骨架H5游戏 H5动画 特点摆脱平台依赖 CSS 层叠样式表英文全称CascadingStyleSheets是一种用来表现HTML标准通用标记语言的一个应用或XML标准通用标记语言的一个子集等文件样式的计算机语言CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化用途。

quot网页制作quot 指的是利用网页制作技术，制作出网页的过程它涵盖了制作者的构想设计编写代码等多个步骤quot网页制作技术quot 则是指制作网页所需的技能和方法它包括网页语言如HTMLCSSJavaScript图像处理布局设计交互开发等多个领域的知识和技能简而言之，quot网页制作quot 是一个整体的过程。

静态网页的搭建主要使用到Ps完成页面设计HTML+CSS3完成页面代码，然后是Js完成简单的交互效果。

从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发管理维护的角度来看就有很大的差别动态网页的一般特点简要归纳如下1动态网页以数据库技术为基础，可以大大降低网站维护的工作量4动态网页中的“”对搜索引擎检索存在一定的问题，搜索。

4制作静态网页模板 待到美工提供所有开发原型和素材后，前端就可以出静态网页模板了，并加入页面效果，这一步才把原型真正搬上浏览器5静态转动态 通过动态语言并且结合前端ajaxform表单等技术将静态网页模板转为动态网页，并且动态读存取数据关于什么是动态网页，可以参考下面这篇文章6交付测试。

AJAX 全称为“ Asynchronous JavaScript and XML ”异步 JavaScript 和 XML ，是一种创建交互式网页应用的 网页开发 技术根据Ajax提出者Jesse James Garrett建议，AJAX使用XHTML + CSS 来表示信息使用JavaScript 操作 DOM Document Object Model进行动态显示及交互使用XML 和 XSLT 进行数据交换及相关操作使用。

cgiCommon Gateway Interface 是一种早期用于动态网页的技术它允许 Web 服务器运行外部程序，该程序可以生成网页内容静态网页 静态网页是预先创建好的，并且内容在服务器发送到浏览器之前不会改变这些页面通常只包含 HTMLCSS 和 JavaScript 代码，以及可能嵌入的图片或其他媒体文件常见的静态网页。

1静态网页每个网页都有一个固定的URL，且网页URL以htmhtmlshtml等常见形式为后缀，而不含有“？” 2网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件 3静态网页。

静态网页开发技术不包括

1、HTML是网页设计和开发的基础，它提供了网页的结构和语义，是网页开发的基础开发者可以使用HTML来创建静态网页，也可以与CSSJavaScript等其他技术结合使用，实现更加丰富和复杂的网页效果html的作用 1描述网页的结构和内容HTML可以用来描述网页的基本结构，包括标题段落列表链接图像等元素。

2、静态网站html css js 动态网站 nodejs，php，asp，net，jsp。

3、一静态布局StaticLayout即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位1布局特点不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示常规的pc的网站都是静态定宽度布局的，也就是设置了minwidth，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度。