<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ">
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">
<title>田字格布局</title>
<style>
#prat1{
width: 200px
height: 200px
background: blue
float: left
}
#prat2{
width: 200px
height: 200px
background: red
float: left
}
#prat3{
width: 200px
height: 200px
background: yellow
float: left
clear: left
}
#prat4{
width: 200px
height: 200px
background: green
float: left
}
</style>
</head>
<body>
<div id="prat1">1块</div>
<div id="prat2">2块</div>
<div id="prat3">3块</div>
<div id="prat4">4块</div>
</body>
</html>
1、首先，策划网站。
你想要建立一个怎样的网站，门户型？企业型？还是纯个人型？网站名称、域名是什么（至少准备三个以防已被别人注册），用什么语言建立，关键词（在百度输入什么词可以搜到自己的网站）哪些，等等。这里不做赘述，自行解决。
2、这些策划问题搞定后，就开始建站了。1.选择建立一个怎样的网站了，首先选取自己满意的模板。有基础的朋友可以网上找源码用dreamwaver（修改网页文件的软件）、photoshop（修改图片神器）来自行修改和编排。而对于一些菜鸟朋友们可以选择购买模板或者找可DIY的模板来建。利用进行APACHE（一款搭建语言环境并可以本地测试的软件）进行本地测试 ，详细可参照其他视频，这里也不多说了。下面是我的可diy的网站界面。
3、建议先做好网站再上线，因为百度等搜索引擎不喜欢上线后网站做大幅度机构性调整。
网站测试好后，可以进行域名和空间的申请了。去新网等大型知名网站或者淘宝购买域名和空间都是比较方便的，但注意淘宝空间的稳定性和可靠性，为避免广告嫌疑，不做讨论。一般是在域名网站上注册会员，然后注册域名，若被注册，再换备用域名即可直至未被注册，付费，使用域名单位以年来记。空间的话，企业等简单页面建议选择虚拟空间，而论坛类、团购类或多个站点的可以选择vps或更高级的云主机。
4、这些申请好后，将虚拟空间显示的ip、用户名、密码、端口等在flashfxp上填写上进行网站文件上传，传到wwwroot根目录下即可，有些空间可能根目录不是此名字。
一般空间都有赠送的二级域名，上传成功后，在浏览器上粘贴上二级域名并回车，若跟本地测试显示结果相同则说明网站无问题。
5、最后进行域名解析和空间绑定。通常情况下域名解析有时间差，需要24小时，但现在快，一个小时左右即可。
6、解析绑定后，可以进行本机测试，开始-运行-cmd，ping 网址 .出现如下就已经可以正常访问了。地址栏输入网址即可打开网站。
扩展资料
1、网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，您的网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。
2、网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。
3、文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。
参考资料：百度百科：网页
IE6、IE7下 img与div（block类型元素）下边有间隔（或许叫缝隙、空隙）。IE7才会有这个问题，IE8下是没有的。
1.：定义图片img标签vertical-align:bottom，vertical-align:middle，vertical-align:top
img{vertical-align:bottom}
2.：定义容器里的字体大小为0:
div {
width:110px
border:1px solid #000000
font-size:0
}；
原因：
图片文字等inline元素默许是和父级元素的baseline对齐的，而baseline又和父级底边有必定间隔（这个间隔和 font-size，font-family 相关），所以设置 vertical-align:top/bottom/text-top/text-bottom 都能够防止这种状况呈现。而且不光li，其他的block元素中包括img也会有这个景象。
这两种方法都是可以的
