制作静态网页的方法和语言其实很多，个人觉得目前主流的脚本语言用HTML5+CSS3+JavaScript，开发工具用dreamweaver或者IDEA (全称IntelliJ IDEA，是java语言开发的集成环境，IntelliJ在业界被公认为最好的java开发工具之一)，这是一条漫长的路，必须坚持才能成。具备基础知识后，个人建议多参考别人的模板进行学习，多做案例。
我们提供的服务有：成都网站设计、成都网站制作、微信公众号开发、网站优化、网站认证、衡阳ssl等。为数千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的衡阳网站制作公司
你这种每部分格式是一样的，肯定用的for循环来输出。
你要自适应屏幕，那你的文字大小就要改成自动的，
css3提供了一些与当前viewpoint相关的元素，vw，vh，vim等。
“viewpoint” = window size
15vw = 15% 设置width（可以理解为宽度单位）
15vh = 15% 设置height（可以理解高度单位）
此CSS 3单位兼容性：chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+
图片的大小也是如此，都使用自动的宽高度
你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html
打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。
打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。
设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示
接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。
用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。
接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。
接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。
剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站
另外我们还可以采用front page。也可以很容易的实现。
望采纳。
方法/步骤
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="images/pic.png" alt="logo" title="静态网页制作教程" /
/div
把上面的代码放入index.html的body中，保存后打开看看效果！
小编在这里省略了表格和视频的制作，小伙伴不知道的话，可以百度搜索一下。
整个简单的静态网页制作完毕。
对于刚开始学习网页开发的童鞋们来说，掌握了比较简单的HTML语言基础后，会迫不及待地想着手制作自己的第一个网页，然而DW等软件的安装却不尽人意。今天小编为饱受心灵摧残的童鞋们带来了福音，为大家讲解一下如何不用安装软件也能轻松建立一个HTML文件。
（下图是成品）
向左转|向右转
工具/原料
一台电脑
方法/步骤
向左转|向右转
向左转|向右转
向左转|向右转
首先，在电脑桌面新建一个记事本文件，然后打开。
向左转|向右转
接着，在里面输入HTML语言，记得开头第一行要加上!DOCTYPE HTML,缩进以一个“tab键”为标准，加上html/htmlhead/head这些基本标签，在里面输入内容即可。
向左转|向右转
向左转|向右转
输入完成后，点击左上角的“文件”“另存为”，在“保存类型”中选择“所有文件”。
向左转|向右转
向左转|向右转
然后将文件名更改成“XXXX.html”的格式，选择好保存的地址，点击保存。接着就生成了我们开始看到的文件。（在这里小编要说一下，之所以文件会有“360浏览器”的标志是因为小编已经默认用该浏览器打开此类文件了，这并非是固定的，可根据个人喜好设置）
向左转|向右转
打开文件后，一个最简单的网页就出现了，有标签还有内容。
向左转|向右转
最后，小编跟大家说一下，这个HTML文件是可以持续性更改的。先选中文件，然后右键，在“打开方式”里选择“记事本”。
向左转|向右转
向左转|向右转
向左转|向右转
打开记事本之后，你就可以在里面进行编辑了。修改完成之后直接点击“文件” “保存“ 就行了。最后打开文件，你会发现网页内容已经更改了。
实在不行，中国不是有某宝吗，我以前也是被搞的焦头烂额，只能找被人帮忙咯，唉，没办法。尽量找个技术行，便宜的，只能这样：网页链接
