在Web开发工作中会出现令天津网站制作人员非常烦恼的修改，例如当页面制作与网站后台程序都已完成，客户提出调整、修改。以传统Web开发模式进行构架，这样的修改、调整会出现困难与障碍，开发人员不得不进行返丁，按照调整后的方案重新规划、制作。而应用DIV+CSS进行的Web开发，以合适的标签来组织文档，建立了良好的XHTML结构，内容与表现相分离。这使得页面的调整、修改在一定范围内不需要改变任何XHTML标记，仅通过修改CSS样式对页面进行重构，即可“演变”出风格完全不同的页面，从而大大减少了页面XHTML编码与网站程序员的工作。现在本案例也模拟面临调整、修改，原来的效果比较简洁、素雅，现在根据要求加以润色，以轻盈的色彩来表现整个页面，页面在结构上没有出现太大变化，只是很多地方运用更加鲜亮的色彩。网站重构并非高深莫测，只要页面结构合理，重构方案往往都可以仅通过CSS实现。在重构时灵活地利用已有元素之间的关系，充分发挥CSS的优势。下面开始对天津软膜天花网站页面进行分析并切割图片，为页面重构作准备。
新页面在结构上变化很小，依然是5个区域：上部LOGO、导航菜单、侧边栏、内容区和底部版权区。但侧边栏位于右侧、内容区域居于左侧。将上部LOGO与导航菜单依然看作是header层元素，但新页面中header层有背景图片，为了不改动结构可以将此图片作为body的背景；将侧边栏siderbar层与右侧内容区container层在main层中进行相应的浮动；底部的版权区稍作调整即可，新页面主体元素布局分析,侧边栏元素形式上没有变化只是调整了色彩，标题右侧的圆角可以作为背景图片处理，在下面的切割中要单独将圆角切割出来。一般情况下可以用透明图片的形式来处理，如圆角左上部用颜色填充，而圆角区域设置成透明，自然地露出标题背景色。但这样处理出来的图片边缘容易形成锯齿，为了达到一定的精度因而未采用此方法。
由于顶部区域的色彩进行了调整，LOGO图片、标语图片和搜索按钮需要重新切割，而搜索框内的放大镜图标直接用原来的图片即可。下面天津网站建设开始进行图片的切割，根据上面的分析共需要7张图片，图片格式的选择这里不再赘述。色彩丰富且有色彩渐变过渡则选择JPG格式，色彩简单无过渡的选择GIF格式（也可以是PNG格式）。网站重构大体是指在不改变XHTML代码与网站原有结构、功能的基础上，通过修改CSS样式使网站变换风格、界面更加美观，以适应网站发展的需要。重构的前提是XHTML代码结构合理、标签应用规范；具有很强的扩展性与可维护性；内容与表现必须彻底分离；运用CSS灵活地调整与完善。重构的益处非常明显，它可以带来垂手可得的改变，让修改的成本非常低廉，在实际开发中应该充分发挥出重构的价值。经过上面的页面布局分析与图片准备，下面开始对本案例中的页面进行重构，首先从页面布局人手，然后开始头部元素、内容区、底部版权区和侧边栏元素的调整。