准备好图片，已进行详细的规划，下面开始编写XHTML代码。让代码具有语义是每一位Web开发人员的追求，应该特别注意恰当地使用XHTML标签。编写代码时注意运用一些小技巧以提高天津网站建设的开发效率；当多人团队协作开发时，应注意协同一致，要有标准的命名规范与文件结构，这样可以让团队成员清晰明了地查看XHTML代码。页面具有良好的XHTML结构是CSS布局的重点，以准确的XHTML标签来组织页面是必须重视的环节。天津网站制作在实际编码中不断地总结经验，对照相关资料权衡、斟酌，以最恰当的标签来组织页面。这样的环节往往容易被网页制作人员所忽视，总是认为将页面组织起来就行，是不是具有良好的结构、语义，也不管嵌套是否合理，这会给将来的重构工作带来灾也没有准确、有效地理解内容与表现分离的思想。首先写出页面主体元素的结构，再进一步深人对各个区域内的元素进行细化。也就是先描出大体框架，再向框架内填相应的内容，最终完成全部XHTML代码的编写。页面总体布局需要建立5个div层，分别是header、main、container、sider和footer。其中main层作为“包围层”以实现内容区与侧边栏的居中。页面主体元素XHTML编码如下:
<div id="header">
</div><!--header_End-->
<div id="main">天津软膜天花
<div id="container">
</div><!--container_End-->
<div id="sider">
</div><!--sider_End-->
</div><!--main_End-->
<div id="footer">
</div><!--footer_End-->
这样的编码顺序在“表格时代”简直不可思议，内容以从左至右的顺序来显示，sider层在左侧而container层在右侧。按照以前的编码思路，应该是先写sider层，后写container层。分析此页面的特点，侧边栏sider层不是页面的主体，页面主体应该是内容区域container层。因而在编码时页面主体container层放在sider层的前面，通过CSS进行“反向浮动”可以对它们的位置进行调整，实现效果图所呈现的效果。“反向浮动”的布局思想应该充分理解，并应用到实际工作中去，这样的布局形式将来会非常流行。因为其具有更好的适应性、灵活性，也更能体现页面的内容结构。这样编码的主要益处是：①当用户网速过慢时，可以先将主体内容呈现在屏幕上；②当用户并非通过计算机访问页面时（如手机或其他便捷设备，网站的内容不会以普通计算机浏览器的显示方式呈现，可能丢失所有CSS样式仅显示文本，这样编码更易于这部分用户浏览；③搜索引擎蜘蛛对页面进行爬行时，前面的内容相对重要，当页面文件较大时搜索引擎蜘蛛可能不再爬行后面的内容，因此这样的顺序更易于网页被搜索引擎收录。