静态网页设计的初步认识（静态网页设计的初步认识实验报告）

本文目录一览：

• 1、静态网页设计制作中的布局模式
• 2、什么静态页面,什么是动态页面?两者的区别及优缺点?
• 3、初学网站制作须知道什么是静态网页
• 4、静态网页制作教程
• 5、静态网页与动态网页的工作原理?

静态网页设计制作中的布局模式

1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。

2、静态布局 在传统的网页设计中，网页上所有元素的大小都是px。布局特征 无论浏览器的确切大小如何，页面的布局始终与第一次编写代码时相同。

3、T型布局是指页面顶部为横条网站标志和广告条，下方左半部分为主菜单，右半部分为显示内容的布局。因为菜单背景饺探，整体效果类似英文字母T，所以称之为T型布局，这是网页设计中使用最广泛的一种布局方式。

4、对比布局 顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。

5、“T”结构布局 所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。

6、F型布局，这种布局方式属于传统的布局方式，更依赖于视觉线索，更好地控制用户的视觉路径，相比较来讲，F布局也更加自然，更加友好。F式布局符合用户的浏览习惯，更自然。符合“从上到下，从左到右”的阅读模式。

什么静态页面,什么是动态页面?两者的区别及优缺点?

静态页面就是设计者把页面上所有东西都设定好、做死了，然后放上去，不管是谁在任何时候看到的页面内容都是一样的，一成不变（除非手动修改页面内容）。

静态页面和动态页面各有优缺点。静态页面是指在服务器上预先生成好的HTML文件，用户访问时直接返回该文件。动态页面是指在用户访问时，服务器根据用户请求动态生成HTML文件并返回。

伪静态页面，顾名思义就是假的静态页面。伪静态页面就是其实是动态页面，只不过为了和搜索引擎通更友好，通过技术处理把它的路径变成了和静态页面一样的路径，便于抓取。

相应快。 在同等条件下。一个静态页面要比动态页面快得多。对于频繁访问的用户来书，静态页面的客户端缓存也有助于用户快速访问。服务器资源占用少。 静态页面不需要数据库的支持。不需要服务器端应用程序的计算。

静态网站制作技术原理是是指服务器上有某个文件，直接在浏览器输入这个文件的路径就打开，其中没有任何中间环节，区别于动态网页，不需要通过数据库查询，整个过程简单，一条网址就要上传一个页面文件，相对来说比较安全。

初学网站制作须知道什么是静态网页

1、静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。

2、静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。

3、静态网页是指网页内容和代码都是固定不变的，不会随着用户的交互和时间的变化而发生变化的网页。这意味着静态网页的内容和格式在网页被创建后就已经固定下来，不会随着用户的访问或时间的推移而改变。

4、静态页面 静态页面是网页的代码都在页面中，不需要执行asp，php，jsp，.net等程序生成客户端网页代码的网页。

5、静态网站：静态网站就是没有采用任何程序开发的网站，纯粹采用HTML语言编写，不要求懂太多网站制作知识，使用一般的软件就可以制作网页了。

静态网页制作教程

1、在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。

2、打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。

3、第一步：制作一个静态网页之前，我们需要先制作一个网页1：1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。第二步：将制作好的静态网页效果图进行PS切片。

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

5、制作网页教程？分析如下：首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

6、在里面打上几个字，保存。然后把后缀.txt改为.html 再用浏览器打开 这就是一个静态网页了。Dreamweaver 是很专业的网页设计软件。你可以搜索一下教程。很简单的。可以在里面插入图片 声音 视频 flash等。

静态网页与动态网页的工作原理?

静态网页面通常是超文本标记语言文档存储为文件在文件系统里头，并且可以通过HTTP访问网络服务器。

常见的静态网页有HTML、CSS、JavaScript等。动态网页则是指网页的内容是通过服务器端脚本动态生成的。

静态网页的内容相对稳定，因此容易被搜索引擎检索；静态网页的交互性较差，在功能方面有较大的限制。