网站布局设计类型主要包括以下几种：

POP布局：

以一张精美图片作为页面的网页网站设计中心，适当位置放置主菜单，设计设计常用于时尚类站点。布局布局优点是有种漂亮吸引人，缺点是类型速度慢。

“三”型布局：

具有简洁明快的网页网站艺术效果，适合于艺术类、设计设计收藏类、布局布局展示类网站。有种一级页面和二级页面的类型链接都按行水平排列在页面的中部，网站标志非常醒目。网页网站

封面型布局：

通常使用在企业网站的设计设计首页位置，由一些精美的布局布局配图和平面设计构成，能给人带来赏心悦目的有种美感。

国字型布局：

又称为“同”型布局，类型页面顶部是一横条，横条左部设置网站标志，右部是横条广告，横条下部是水平放置的主导航栏。导航栏下方分为左中右三栏，左边一般放置内容导航、二级栏目、注册登录、搜索引擎等，右边一般放置动态新闻、热点内容、友情链接等，中间显示网页的主体内容。这种布局通常用于主页设计，主要优点是页面容纳的内容多，信息量大。

拐角型布局：

与国字型相似，但形式不同。顶部是网站的标题和网站的横幅广告条，底部左侧较窄，有一些链接，右侧较宽，这是正文内容。在底部是一些网站的一般信息。

分屏布局：

当两个元素在页面上具有相等的权重时，分屏布局是一种流行的设计选择，通常用于文本和图像都需要突出显示的设计中，特别适合电子商务网站上的产品页面。

框架式布局：

在一个大的栏目里布置几个同等级的并且有相关性的栏目，让用户可以专注于某一方面内容，使得突出网站最想要表达的内容，突出主题。

侧边栏导航布局：

将菜单选项放在固定的侧边栏中，不遮挡网站的主屏部分，比较适合一些时尚行业的网站设计。

穿插式布局：

利用精美的图片来装饰网站设计，吸引用户浏览。

卡片式网页布局：

通过将页面分成若干个卡片，每个卡片可以放置不同的内容，这种布局非常适合新闻网站和博客。

网格布局：

以视觉上的平秩序感呈现内容，使内容更易于人们使用。在网格设计中使用不同大小的内容可以在保持内容有序的同时增加视觉吸引力。

杂志版式布局：

受杂志和期刊的版面设计影响，适合有大量内容的网站，尤其是每天都需要更新内容的网站。

单页布局：

将网站的所有主要内容放在一个网页上，通过滚动完成导航，有时还使用视差滚动效果。对于内容稀疏的网站，单页布局是一个很好的解决方案。

不对称布局：

在设计中产生动态化的视觉冲击力。

固定布局：

页面的整体宽度是固定的，不会随着浏览器的拉伸变化而变化。这种页面相对死板单一，但易于设计和开发。

流动布局：

随着浏览器窗口的大小而变化，以模块的百分比来定义。这种布局在极大或极小的页面宽度上会存在一些缺点。

自适应布局：

可以理解为是固定布局的一个升级版，页面内容始终显示某一特定宽度，当页面宽度超出某一临界值时，页面布局也会发生改变。

响应式布局：

结合了流动布局和自适应布局，随着浏览器宽度的增加或减少，页面布局也会相应变化。

这些布局类型各有优缺点，选择哪种布局类型取决于网站的目标、内容和设计风格。