一、页面布局设计
网页要呈现的内容很多，概括起来可分为标题信息、栏目信息、内容信息、附加信息等。这些内容需要进行合理的放置，以使网站布局井井有条、主次分明。
一个网页的版面通常以屏幕中央最能引人注意，其次是屏幕上方，屏幕的左右侧通常放置不太重要或固定的信息，附加信息(如版权信息)一般放在最下方。
版面布局的整体造型和色彩搭配的灵活运用也会影响人们的注意力，产生不同的视觉效果。版面布局没有绝对统一的方法，应视需要而定，有创意的布局会给人耳目一新的感觉。页面布局设计一般在Dreamweaver中完成。
二、建立站点的目的
站点就是放置网站上所有文件的地方。每个网站都有自己的站点。合理地规划站点，可以使网站结构更清晰，维护起来更方便。
在Dreamweaver中，站点包括远程站点和本地站点。远程站点指位于Internet服务器上的站点，本地站点指位于本地计算机上的站点。通常应该先在本地计算机上构建本站站点，创建合理有序的站点结构，使站点的文档管理更加轻松和方便。建立站点时，应先对站点进行规划性设计，一般应注意以下问题。
1)文档分类保存。对于一个网站，通常都会包含很多文件，如页面文件、图片文件、
音乐文件、动画文件等，各种类型的文件在内容上也会不尽相同。为了能更合理地管理文件，需要将文件分门别类地存放在相应的文件夹中。
①创建站点根文件夹。建立一个专门用于存放网站文件的文件夹，该文件夹用于存放所有与网站各个页面元素有关的文件。网站的首页页面文件index.htm通常也存放在该文件夹中。
②创建页面文件的文件夹。该文件夹位于站点根文件夹中，专门用于存放网站的页面文件。如果网站较为复杂，页面文件很多，则还可以在该文件夹中再创建下级文件夹，以便于将页面文件分门别类地进行存放。
③创建媒体文件夹和图片文件夹。这些文件夹也位于站点根文件夹中，专门用于存放网站的媒体和图片文件。如果网站使用的媒体资源和图片文件很多，同样可以在该文件夹中再创建下级文件夹，以便于将不同的媒体文件和图片文件分类存放。
④创建其他文件夹。网站文件夹的结构如下：
站点文件夹一首页文件index.htm
|一页面文件夹files(存放网站页面文件)
|一媒体文件夹media(存放媒体文件)
|一图片;件夹img(存放图片文件)
|一其他i件夹(存放网站其他文件)
或者：
站点文件夹一首页文件index.htm
|一一级分支文件夹filesl
|一二级分支文件夹files2
|一三级分支文件夹files3
最后在各级文件夹中，根据需要建立二级分支文件夹、三级分支文件夹……
2)合理地命名文件名称。为了方便对站点内各类文件进行管理，文件夹和文件的名称最好具有一定的含义，能让人一目了然。此外，应尽量避免使用中文文件名，但可以使用汉语拼音的命名方式。
3)本地站点与远程站点结构保持一致。本地站点与远程站点结构保持一致，可以保证将本地站点的所有文件以复制的方式直接上传到远程站点，便于对远程站点进行调试和管理。
(3)创建本地站点
①在本地计算机硬盘上，建立一个新文件夹作为本地根文件夹，用来存放网站的相关文件。然后在根文件夹中创建存放页面文件和图片文件的相应文件夹files和img等。
②启动Dreamweaver，在Dreamweaver窗口中，执行“站点”“管理站点”命令，在弹出的对话框中，单击“新建”按钮，选择“站点”选项，开始创建站点。
③为站点命名，命名完毕，单击“下一步”按钮。
④选择“编辑我的计算机上的本地副本，完成后再上传到服务器”选项，然后设置“文件存储位置”为①中创建的站点根文件夹。设置完毕，单击“下一步”按钮。
⑤设置连接到远程服务器的方式为“本地/网络”，设置将文件存储在服务器上的文件夹仍为①中创建的站点根文件夹。设置完毕，单击“下一步”按钮。
⑥选择“否，不启用存回和取出”选项，单击“下一步”按钮。
⑦此时给出前面设置的网站的相关信息，选择“高级”标签，可以设置“自动刷新本地文件列表”，指定“默认图片文件夹”等。
⑧完成所有设置后，单击“确定”按钮，此时，“管理站点”对话框中显示出新建的站点名，单击“完成”按钮，完成本地站点的创建。
三、管理站点
在Dreamweaver中，使用“站点资源管理器”，可以方便地对站点内的文件进行查找和管理。
站点管理器以树状目录结构，将站点中的所有图片、文件、Flash动画、影片、脚本语言、模板、库等资源全部展示出来。单击站点中某个文件夹前面的“+”按钮，可以展开该文件夹，查看该文件夹中的文件;单击该文件夹前的“-”按钮，可以将该文件夹折叠起来，以便于査看其他文件夹。通过站点管理器，还可以方便地对站点内的文件进行复制和移动。
四、任务实施步骤
(1)画草稿
首先设计一个整体风格的页面，这个页面不是具体到某个栏目的页面，它是作为制作具体栏目页面的参考页，也就是说，制作各个栏目时，需要参考这个页面的风格来实现整个网站的统一。
(2)新建站点
接下来便可以开始制作网页。首先打开Dreamweaver新建一个站点，单击菜单栏中的“站点”菜单，打开“管理站点”对话框。
单击“新建”按钮，创建一个站点，为站点命名。
由于此处制作的是静态网页，所以在下一步中选择“否，我不想使用服务器技术”单选项，
然后选择站点在本机中的位置。
五、任务完成总结
掌握网站建立时的整体规划方法和建立站点的目的与步骤。
