html静态网页设计首页（静态页面html）
本文目录一览：
制作一个简单的index.html网页
在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。
打开服务器中网站文件的目录，假设为D：\\abcd。新建一个txt文件，文件名改为index.htm。index.htm文件是网站首页的链接，进入你的网站后第一个显示的就是这个文件上的内容。然后右键index.htm—打开方式—记事本。
简单的html网页可以直接利用文本编写的，无需下载特定编辑器。 在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为最简单网页，只是便于标识，实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。
保存HTML 使用快捷键“ctrl+s”或点击“文件”，再选择点击“保存”。 弹出保存选项卡，选择填写好 首先点击你想保存的路径”，文件名命名为“index.html”，最后点击“保存”。
然后，用notepad++打开这个index.html文件，在编写之前，我们有必要先来了解一下一个网页最基本的结构：网页有头部和主体两大部分组成。头部和主体都包含在一对html标签之内。
静态网页设计制作中的布局模式
1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。
2、POP布局是一种艺术化、时尚化的网页布局方式。设计通常以一幅精美的海报图片作为版面的主体。[8]闪光灯布局 Flash布局是指以一个或多个FLASH作为页面主体的网页布局。在这种布局中，大部分甚至整个页面都是Flash。
3、所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。
网站如何做静态化网站如何做静态化管理
打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。
一种常见的做法是使用Web钩子（Webhook）或者定时任务，当您发布或更新内容时，自动触发静态页面重新生成过程。
网页打开速度快，因为是直接读取文件；有利于搜索引擎的抓取收录；静态网页相对比较稳定，对服务器友好；一些面对数据库的攻击比如SQL注入攻击，在面对静态网页的时候常常难以从地址入手。
