静态网页:

1、静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;

2、静态网页的内容相对稳定,因此容易被搜索引擎检索;

3、静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;

4、静态网页的交互性较差,在功能方面有较大的限制。

动态网页:

1、动态网页以数据库技术为基础,可以大大降低网站维护的工作量;

2、采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;

3、动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;

4、动态网页中的“?”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。

动态网站:

并不是指网页上简单的GIF动态图片或是Flash动画,动态网站的概念现在还没有统一标准,但都具备以下几个基本特征:

1.交互性:网页会根据用户的要求和选择而动态地改变和响应,浏览器作为客户端,成为一个动态交流的桥梁,动态网页的交互性也是今后Web发展的潮流。

2.自动更新:即无须手动更新HTML文档,便会自动生成新页面,可以大大节省工作量。

3.因时因人而变:即当不同时间、不同用户访问同一网址时会出现不同页面

html静态网页制作参考:

1、

新建一个txt文本文档,先不要急着修改文件后缀名,有基础的朋友手动输入HTML代码,不会也没有关系,百度搜索“网页HTML代码”。

代码:

<!Doctype html>

<html>

<head>

<title>静态网页制作教程</title>

<meta charset="gbk" />

<link href="css.css" rel="stylesheet" type="text/css" media="all" />

</head>

<body>

</body>

</html>

2、基础的静态网页代码写出来了,下面在<body></body>中间添加网页需要的数据内容(文字、图片、表格、视频等),然后将txt文本文档的后缀名.txt修改为.html。现在点击打开看看效果!小编在body中间加入的文字:静态网页制作教程。

3、这样的文字太单调了,需要用CSS样式定义,小编在桌面上新建一个文件夹“web”,把index.html文件放进去,然后在web文件件里面新建一个txt文本文档,修改为“css.css”
4、使用鼠标右键“打开方式”,选择txt文本文档编辑css.css文件。用CSS定义网页字体大小12像素,网页背景色为红色,字体颜色为白色。

代码:

body{font-size:12px;background:red;color:white}

保存,然后打开web文件夹中的index.html文件,查看效果。

5、下面在web文件下面新建一个images文件夹,然后打开软件Fireworks,设计自己需要的图片(没有就去百度搜索自己需要的图片,使用QQ截图功能,截取自己需要的图片),把设计好的图片存入web文件夹下面的images文件夹里面。现在我们在body中放入图片,让图片在网页里面居中。

代码:

<div align="center">

<img src="data:images/pic.png" alt="logo" title="静态网页制作教程" />

</div>

把上面的代码放入index.html的body中,保存后打开看看效果!

页面效果:

静态网页和动态网页-个人学习理解相关推荐

  1. Java Web学习(2):静态网页与动态网页

    一静态网页 (1)静态网页概述 在网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式的网页通常被称为"静态网页",静态网页是 标准的HTML文件,它的文件扩展名是.htm ...

  2. 静态网页与动态网页的区别

    原创图片 插曲 在开始主题之前,先来统一几个概念. 实际上,关于互联网(internet,国际标准首字母是小写).因特网(Internet,国际标准首字母是大写)和计算机网络三者的概念并没有完整统一的 ...

  3. 静态网页和动态网页的区别

    静态网页: 1.不含后台收据库,不可交互.静态网页内容相对固定,容易被搜索引擎检索,且不需要连接数据库,因此响应速度较快.适合于做展示作品的网站. 2.静态网页并不是静止不动的,它也可以出现各种动态的 ...

  4. 【Asp.net】静态网页与动态网页

    今天小咸儿学习到新内容,想要分享给大家: 在学习asp.net后,对于静态网页和动态网页,产生了很大的兴趣,今天的内容就是它. 静态网页 含义 优点 缺点 动态网页 含义 优点 缺点 动静比较 总结 ...

  5. JavaWeb开发---B/S和C/S模式 tomcat服务器 Tomcat项目部署和发布 静态网页和动态网页 tomcat对web项目的目录要求 使用idea开发工具创建web项目 设置默认首页

    目录 1. B/S和C/S模式 1.1 C/S模式 1.2 B/S模式 1.3 B/S和C/S区别 2.服务器 3.web 服务器 3.1.IIS 3.2.Tomcat 3.3.Zeus 3.4.Ng ...

  6. 静态网页与动态网页的差异

    静态网页: 是指在动态网页技术产生之前,用纯HTML代码编写的网页,并保存为*.html或*.htm的文件形式. 它可以包含HTML标记.文本.Jave小程序.客户端脚本以及客户端ActiveX控件, ...

  7. 怎么区分静态网页和动态网页

    在建设网站时,会经常听到静态网页和动态网页,但是他们真正的区别是什么?接下来仔细分析下二者的区别.静态网页是网站建设的基础,静态网页和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动 ...

  8. 聊聊 Apache、Tomcat 静态网页、动态网页

    Apache & Tomcat Apache 1.C语言实现的,专门用来提供HTTP服务. 2.特性:简单.速度快.性能稳定.可配置(代理),主要用于解析静态文本,并发性能高,侧重于HTTP服 ...

  9. 静态网页和动态网页—HTML(htm)文件和aspx(asp)文件

    l  定义 ²  静态网页     静态网页:对于动态网页而言,是指没有后台数据库.不含程序和不可交互的网页.你编的是什么它显示的就是什么.不会有任何改变.静态网页相对更新起来比较麻烦,适用于一般更新 ...

最新文章

  1. 方舟原始恐惧mod生物代码_主播在《方舟生存进化》成功打造幽灵城堡,可怕的怪物在这里横行...
  2. 用户操作-用户添加操作代码实现
  3. 动态生成表格呈现还是将表格直接绑定gridview等控件呈现的开发方式选择依据...
  4. ceph基本架构及数据分布原理
  5. 2016软考网络规划设计师论文写作
  6. useEffect和useLayoutEffect区别
  7. 关于异常你还不知道的
  8. 【图像分割】基于matlab GUI遗传算法Otsu图像分割【含Matlab源码 734期】
  9. 使用Git进行Vivado版本控制
  10. 10月14号 - 15号 上海 IDC DX 大会
  11. 博途运行软件仿真步骤
  12. 8queen(稍后补)
  13. Dreamweaver CS6 行为概述
  14. linux下chm制作工具,在Linux上安装CHM查看工具
  15. Gem5 O3 可视化
  16. ADODB.Stream 错误 #x27;800a0bb9#x27; 参数类型不正确,或不在可以接受的范围之内,或与其他参数冲突。
  17. 【论文汇总】2020上半年阿里、腾讯、百度入选AI顶会论文(附地址)
  18. gym创建自己的强化学习环境env
  19. 速率、带宽与吞吐量的关系
  20. 写一个阿里云DDNS Linux脚本

热门文章

  1. 调试 Windows 中的调试
  2. 如何在不同的窗口中打开多个Excel
  3. cortex-M3/cortex-M4处理器简介
  4. 【计算机组成原理 学习总结】第六章 总线系统(2)
  5. iReport制作报表
  6. function() 与 $(function())
  7. 挖掘肖特基二极管保护电路的小窍门
  8. 银行智能风险防控系统(第二版)
  9. CSS(列表+表格+链接+自定义鼠标光标)样式
  10. getElementByClassName