有很多网站规模都不大，一般有三到五个栏目，有的栏目里甚至只包含了一个页面，比如"公司介绍"、"联系我们"这样的页面。这种小型网站所有的页面都是HTML静态页面，功能比较简单，更新频率比较慢，可能一年才更新一两次，有的甚至不更新。
    有很多中小企业的网站都属于这种类型，这类网站一般只是为了展示一下公司形象，说明一下公司的业务范围、产品特色及联系方法等。通常，实现这类网站设计只需要两种类型的模版页面：首页及内容页。
这类网站建设首页一般是一个静态欢迎页面或者一个Flash制作的导航页面。网站制作内容页一般会包括以下几个部分。
    页头部：包含标志及企业名称等。
    栏目导航条：单击可以进入其他各内容页面。
    具体内容：本页的具体内容。
    版权声明：一般在页脚部分。
    搞清楚网站建设的布局方式，对于后面的搭建页面非常重要，因为这将指导如何裁切网站设计图以及如何组装HTML页面。
    当拿到设计稿以后，不要忙着手切图，先看一下总体的布局设计，分析一下版式结构，对于以后HTML页面的搭建方法有一个大体的规划以后，再根据考虑好的规划来切图。
    先打开首页设计图，这样可以通过缩放工具来擦看设计图的细节。
    (1)启动Fireworks 8。
    (2)执行菜单栏上的文件打开对话框。
    通过初步观察，可以把网站建设的首页分为左右两个部分，左边是网站标识和联系方法，右上方为简介和栏目列表，右下有一个版本选择文字链接。
    页面整体可以设计一个灰色的背景色；
    内容部分同页顶部有一段距离，可以通过设置页面的填充来实现；
    页面整体在窗口中左右居中显示，可以通过设置层的边界来实现；
    内容整体有一个1px宽的边框，可以通过设计表格的边框来实现；
    网站建设标识的背景有条状底纹，且上下分别有一条白色的虚线，需要输出背景图；
    网站标识和语言版本选择部分采用特殊字体，要作为图片输出；
    栏目列表部分设计为无序列表，类型为方块。
    综合这些设计的想法，就可以对如何利用层来组合该页有一个比较全面的设计规划。
如有要实现网站建设内容的整体居中和底纹，需要一个最外层来放置所有的内容；主要内容为左右并列的两个层，左边为放置标识的层，右边为放置重点内容和语言选择的边框层。重点内容层和语言选择层为上下顺序。
    层的关系确定了，基本上就可以决定以后切图的方案，所以在此处尽可能确定组合方案，避免到后面步骤再进行返工。