第一、大大缩减页面代码。
因为采用CSS布局，不象表格布局充满各种各样的属性和数字，而且很多css文件通常是共用的，从而提高页面浏览速度。而Table表格布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div 更能体现样式和结构相分离，结构的重构性强。
第二、对搜索引擎更加友好同时获得更好的网站排名
DIV+CSS布局简洁清晰，具备搜索引擎SEO的先天条件。对搜索引擎更加友好，更容易被搜索引擎收录，配合优秀的内容和一些SEO处理，可以获得更好的网站排名。
DIV+CSS布局不公方便搜索引擎收录，而且还可以并获得搜索引擎更高的评价。用只包含结构化内容的HTML代替嵌套的标签，主次分明，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。
第三、兼容性卓越
DIV+CSS布局符合web标准规范，几乎所有的浏览器上都可以使用，不会因为在不同的浏览器中显示效果差距很大。
第四、缩短网站改版时间
因为网站的布局都是通过外部的css文件来控制，只要简单的修改几个CSS文件就可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
第五、强大的控制和排版布局能力
CSS在控制字体的能力比糟糕的FONT标签好太多了，CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。
第六、提高易用性
使用CSS可以结构化HTML，例如：p标签只用来控制段落，h1-h6标签只用来控制标题，table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
第七、扩展性能优越
你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint，手机浏览器等。
第八、灵活的页面布局
通常页面的下载是按照代码的排列顺序，而表格布局代码的排列代表从上向下，从左到右，无法改变。而通过CSS控制，您可以任意改变代码的排列顺序，比如将重要的右边内容先加载出来。
Table表格布局灵活性不大，你只能遵循 table tr td 的格式。而div你可以 div ul li 也可以 ol li 还可以 ul li......
第九、表现和内容相分离
干净利落，将设计部分剥离出来放在一个独立样式文件中，而网页主要来放置您的内容，你可以减少未来网页无效的可能。
制作网站需要一些基本的技能，包括:HTML: 用于创建网站结构和内容。
CSS: 用于设计网站外观和布局。
JavaScript: 用于添加交互性和动态效果。
步骤如下:
确定网站目标和内容，并制定网站结构和导航。
使用HTML和CSS创建网站的骨架和外观。
使用JavaScript添加动态效果和交互性。
测试网站并修复任何错误。
上传网站并在互联网上发布。
如果您不熟悉网站开发,也可以使用网站建设平台或模板，通过简单的拖拽和编辑来制作网站。
