如何生成一个静态网页(如何创建静态网页)

如何生成一个静态网页,如何创建静态网页

内容导航：

怎么做一个静态网站

如何生成静态页面

网页为什么要生成静态化

Dreamweaver静态网页制作步骤有哪些

一、怎么做一个静态网站

下载并打开，选择你使用的编辑语言，本案例用html 一、打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。
二、打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。
三、设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示
接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。
四、用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。
五、接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。
六、接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。
七、剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站。

二、如何生成静态页面

各位大侠: 请问一下如何生成静态HTML页面啊? 请各位大侠指导一二,小妹不胜感激!!具体实现上又有这两种方法1.
管理后台添加记录时，直接生成目标html页面，并且前台调用连接直接指向生成的html页面。
这种方法程优点是程序效率最高。
服务器负荷轻，不过由于生成的是纯静态页面，一旦页面样式(模版及css=theme)上有所改动就必须重新生成所有的内容页。
所以实际使用中应用一般不是太多。
更多的是使用js,ssi,xml/xsl等客户端手段，生成的静态文件中仅保存数据，不涉及样式， 这样能达到速度和维护性的平衡，不过相对前后台程序要复杂些
（应用这种方法时，由于内容为纯静态，可以搭配单独编译的纯静态的apache使用。
。
效率和资源占用上比包含动态内容支持的要更佳） ==== 补充: a. 上面说的改动样式，要重新生成所有的内容页，可以通过：

在可以在每个生成的页面内嵌入一个来判断 是否需要重新生成该页面。
apache 的ErrorDocument404 功能， 但是这里前台链接是指向html的，如果该html不存在，
会通过apache的文件不存在重定向到404处理程序的功能重新生成html (注：加 ErrorDocument 404 / 指令)，
利用这个功能可以解决修改网站样式的时候，要更新所有生成的html文件的问题， 将整个static文件夹删除即可。
b. 通过嵌入js来调用php的方式，更改许多需要变化的地方（如点击率之类的）2. 前台访问链接指向php程序，php程序首先检查是否存在相应的静态文件。
如果静态文件不存在。
则生成并重定向至此文件，否则直接重定向。
这种方法实际使用中一般和apache的url_rewrite功能一起使用。
将php的文件地址重显示为html的形式，有利于搜索引擎的检索。
这种方法在效率上略有损失，不过程序结构简单，便于调整，在访问量不是很大时使用很合适。
。
注意事项： 所有生成的html文件都集中放到一个文件夹， 其中还应该注意生成文件如果很多的话（如论坛），访问其中一个htm文件，将会变得很慢， 那么最好通过
按日期来分隔文件夹，如static/2004/11/18/
对帖子id根据数据库中字段长度做str_pad：比方说id为，数据库中为int(11),则id处理为,
考虑到linux下一般同一下文件到达四位数会有性能影响，对其做切割，最后路径为static/00/000/123/

三、网页为什么要生成静态化

答：1保存数据，然后马上生成页面，在页面生成前，用户是无法访问到的。这个方法最简单，也最常见2静态页面可以删除，这样会造成用户不能访问，但是后台可以重新生成所有的静态页面，其实就是更新一下。删了再建。这个操作要慎重。合并之类的，都是先在后台数据处理完毕，再重新生成就行了。至于一些老的页面无法访问，没有办法，谁让你合并的。3静态化方法就不说了，可以过滤器，可以用freemarker等。4如果静态页面能半动态化，比如用js,ajax等动态装载页面的部分，你就可以只更新那个部分就行了。如果是完整静态化，你只能重新生成了。其实css之类的，是外部文件。所以静态化页面的设计很重要。要兼顾以后的维护和更新，不是简单的堆砌一个页面就行了。

四、Dreamweaver静态网页制作步骤有哪些

我现在需要用Dreamweaver制作一个静态网页，我已经看完了Dreamweaver的教程，了解了表格
，层等的基本操作，现在准备着手制作一个静态网页，请问该怎么做？就是说，打开Dreamweaver后，是先添加框架，还是表，还是层或其他什么的，请讲个大概，不要网上复制的答案，谢谢。
1、在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名。
中文版的默认为文件名“无标题文档”。
htm表示的是这个网页文件是一个静态的HTML文件。
可以给它改名为。
2、在标题空格那里输入网页的名称，点击—页面属性，打开这个窗口后在这里可以设置网站标题、背景颜色还有背景图像，超级链接颜色，其他都保持默认值就可以了。
3．这个时候光标在左上角，你可以输入一句话，如“欢迎大家来到我的主页”，用文字，用菜单“窗口/属性”打开属性面板，取文字的大小，再把文字设置为居中，然后在文字的前面敲几下回车就位于页面中间了。
4．要选取字体，即选择字体中的最后一项：即编辑字体列表。
然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体，点击中间的按钮就可以加入了。
一、用制图工作画出一个自己想要的网页。
二、根据画出来的网页效果图在DW中使用table（初级就先这么弄吧）布局。
三、编写相应的CSS。
。
四、收工1. 拿到设计图分析页面结构；2. 将页面模块划分，构思布局；3. 开始布局，添加CSS样式，反复校验模块布局问题，完成后进入下一个布局；4.
整体布局完成后多次调整排错，整理代码；5. 完成页面。
1.用Photoshop作出页面效果图2.使用切片工具（Photoshop重）将页面切好（要有一定的规律，方便以后作页面，适合表格和层的代码书写）3.存储为web格式，可以只导出选中的切片，也可以全部导出，选择导出仅图片或者是html和图片4.打开dw，先写样式，最好是建一个css样式表，也可以在头部或标签内页写样式，建立相应的表格或者层，把图片插入，样式调用好，完工首先,我觉得你应该先从表格开始学起,你在页面中插入一个几行列的表格,具体自己定,然后在每一个单元格中可以写入文字,要不也可以插入图片,这样就是一具表态的页面,具体的页面美观性自己可以去photoshop中设计,设计好后,可以给表格中的单元格添加背景.这样比较美观.