计算机网站布局图的绘制方法如下：
明确网页的主题和目的
在开始画网页结构图之前，你需要明确网页的主题和目的。这将有助于你确定网页的内容和结构。例如，如果你正在设计一个电商网站，那么你需要考虑如何展示商品、购物车、结算等内容。如果你正在设计一个博客网站，那么你需要考虑如何展示文章、分类、标签等内容。
确定网页的主要模块
在明确网页的主题和目的之后，你需要确定网页的主要模块。这些模块通常包括页眉、导航栏、轮播图、主要内容区域、侧边栏、页脚等。你可以根据网页的主题和目的来确定这些模块的位置和大小。
绘制网页结构图
使用一些工具来绘制网页结构图，如纸笔、草图、Axure、Sketch等。以下是一些绘制网页结构图的步骤：
绘制网页的主要模块：你可以使用矩形、圆形等基本形状来绘制这些模块。你需要考虑这些模块的位置和大小，以及它们之间的关系。
绘制网页的主要导航：你需要绘制主要导航的位置和样式。你可以使用文本框、按钮等元素来绘制主要导航。
绘制网页的次要导航：你需要绘制次要导航的位置和样式。你可以使用文本框、按钮等元素来绘制次要导航。
绘制网页的主要内容区域：你需要绘制主要内容区域的位置和大小。你可以使用文本框、图片等元素来绘制主要内容区域。
绘制网页的侧边栏：你需要绘制侧边栏的位置和大小。你可以使用文本框、图片等元素来绘制侧边栏。
绘制网页的页脚：你需要绘制页脚的位置和样式。你可以使用文本框、图片等元素来绘制页脚。
使用专业工具
除了纸笔和草图，你还可以使用一些专业的图形工具来绘制网站布局图，如Visio、XMind、亿图图示等。这些工具通常提供更多的功能和模板，可以帮助你更快速、更直观地完成布局图的设计。
注意事项
在绘制网站布局图时，要确保图形的清晰和直观，以便团队成员和其他相关人员能够快速理解设计意图和用户体验。
在设计过程中，首页的导航和排版布局非常重要，导航要清晰明了，让用户能够快速找到所需的信息；排版布局要考虑页面的整体结构，使页面内容有序、美观，并确保不影响用户的阅读和浏览体验。
通过以上步骤和技巧，你可以有效地绘制出计算机网站的布局图，为后续的网页设计和开发提供明确的指导。