网站首页布局设计图怎么画

1列出所需要的栏目及内容2在PSphotoshop中规划好布局图然后设计出需要的样子3在PS中切好图导入Dreamweaver中制作4定制css样式，调试到理想完毕布局这些说起来很多了，你可以看看其他相近网站的一般布局，最好符合个人使用习惯，这样比较合理页面简洁美观主要还是看你整体布局和色块。

你好首先下载Dreamweaverexe并打开，选择你使用的编辑语言，本案例用html 打开页面后，选着设计窗口，如图所示设计窗口可以快速布局网页，不需要自己编辑代码打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入表格如图所示打开表格属性编辑表格属性。

1国字型布局，一些大型网站更倾向于这种布局类型，即最上面是网站的标题和横幅广告条，接下来是网站的主要内容，中间是主要部分，左右分出两小条内容，这种结构是我们在网上见过的差不多最多的一种结构类型2匡字型布局，这种结构与国字型布局只是形式上的区别，这样的布局形式释放了更多空间，接下来。

网站建设中网页设计布局大致可分为“国”字型拐角型标题正文型左右框架型上下框架型综合框架型封面型Flash型变化型这九种1国字类型也被称为同字型，顶部是网站的标题横幅广告条，然后是网站的主体内容条，而左右分别是一些比较小的内容条，中间就是主要内容，最底部是网站的。

在对应的框架区域，鼠标右键页面属性选择背景颜色点击确定即可框架布局插入成功，如果还想加入其他设计布局，只需在相应的框架部位继续插入，修改布局即可最后保存框架点击文件菜单，选择保存全部保存后的网页，有Frameset的即是框架主页当然，如果你想全部手写代码提升自己的能力的话可以参考。