企业网站建设主流的布局代码模式络

文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。

在网页上点击鼠标右键，选择菜单中的 “查看源文件” ，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。

用DIV+CSS习惯了，就再也不想用表格了，我现在做的网站，基本上是没有一个表格，完全用ul,或者dl代替表格代码多，不易于维护。

DIV代码简洁，CSS和HTML部分分离，看起来更有层次感，修改起来更方便，而且为网站以后改版改起来也会很明了。

而且DIV的网站，对于搜索引擎，更具有亲和力。

网页设计现有布局方法，一种即是表格布局，另一种是现在W3C极力推荐的CSS布局。不过，就目前来说，由于xhtml并未完全占据主流，表格布局依然是大多数网页设计师的首选…现用photoshop来做网页的设计和布局。

你所描述的问题属于表格的对齐问题，解决方式有以下几种：

如果两个表格的宽度不一致，那么选择默认的对齐方式，也即左对齐，在html中的标签和属性是：<table></table>就能实现左边对齐。你现在出现的问题有可能是第一个表格设置了对齐方式，例如居中对齐，而第二个表格并没有设置对齐方式，所以默认为左对齐，这样就出现了上述问题。

我的一些表格布局的经验：

1）、表格布局第一步：先插入一个表格，宽度是760-780px（记住，一定要用px，不要用百分比），高度不用设置，然后令这个表格居中。以后所有的内容都限制在这个表格中。

2）、熟练使用表格嵌套。也就是说，在一个表格中再插入另一个表格。举个例子，把你要设计的页面分成大的几个部分，然后利用表格的行数和列数来控制它们的布局，如果某一个单元格中的内容又要分成几部分，可以继续在这个单元格中插入表格，方法同上。

3）、补充：表格的边框一定要为0，即table中的border属性值为"0"。也就是让表格在网页预览中不可见，这样才能实现表格布局的目的。

div+css是比表格布局好，代码边简洁了。修改的时候也方便了很多。

ps本身的排版不是很厉害。但是他附带的ImageReady拥有很强的切片排版功能。

利用辅助线 切片工具等可以很好的裁切图片并且通过设置丰富的优化功能可以将已经切片的图片分别以不同格式优化，甚至还能处理漂亮的gif动画。

另外在制作网页的时候一般是先用ps制作好页面，在IR上裁切，将优化结果保存成网页，从而得到已经切割并编辑成html的图片网页。这时候再用DW打开此网页进行编辑。这是最常见的网页制作过程。

DIV+CSS是实现WEB标准的主要技术手段之一，WEB标准不仅仅是HTML向XHTML的转换，更重要的是信息结构清晰、内容与表现相分离，而DIV+CSS技术能较好的实现这种思想。因此，我们看到的多数符合标准的页面都是采用DIV+CSS制作。

企业网站建设提倡用DIV+CSS布局来替代传统的Table布局。原因是TABLE布局将表现和内容混杂在一起，结构不清晰、内容不完整，不利于内容的重用。而且从语义上讲，W3C制定TABLE标签时候只是用它来做表格结构定义的，文档中如果有表格，那么就应该用TABLE。而排版、定位这些表现的东西应该由CSS来控制。

网站建设时使用Table布局，为了达到一定的视觉效果，不得不套用多个表格，而搜索引擎一般不抓取三层以上的表格嵌套，遇到多层表格嵌套时，spider通常会跳过嵌套的内容或直接放弃整个页面。使用DIV+CSS布局，页面代码精简，而且表现和代码分离，使网站代码具备较强的语义结构，在方便维护更新的同时，还能获得更好的搜索引擎表现力。事情证明：各大搜索引擎蜘蛛/机器人更喜欢采用DIV+CSS布局的网站。

如没特殊注明，文章均为锐客网原创,转载请注明来自  https://www.wangzhan500.com/news/2814.html