网页设计经典布局主要包括以下几种：

1.三栏布局：

特点：将网页分为左中右三个部分，左右两侧通常是固定的侧边栏，中间是自适应的主内容区。

适用场景：适用于需要提供大量辅助信息的网站，如新闻门户、购物网站等。例如，淘宝、京东等电商网站就采用了这种布局。

用户习惯：这种布局模仿了人们浏览网页时的视觉轨迹，将重要信息放在网页上方和左侧，符合用户的浏览习惯和阅读习惯。

2.分屏布局：

特点：将屏幕划分为两个或多个垂直或水平的区域，使用户可以同时关注到多个视觉元素。

适用场景：适合展示两种相互关联或对比的产品、服务或选项，为用户提供清晰的选择路径。

3.单页布局：

特点：所有内容都在一个长页面中垂直排列，导航通过滚动鼠标完成。

适用场景：适合那些希望提供直观、线性故事讲述的网站。

设计感：这种布局简洁且具有设计感。

4.全屏图像布局：

特点：将超大背景图片放在整个屏幕上，具有强烈的视觉冲击力。

适用场景：适合强调视觉影响力的网站，如摄影、旅游、艺术品展示等。

用户体验：能够确保突出关键信息，让用户沉浸式地浏览网站。

5.卡片布局：

特点：有利于组织杂乱的数据，让内容更易于浏览和互动。

适用场景：广泛应用于社交媒体平台、新闻聚合网站和电子商务网站。例如，Pinterest就使用了卡片布局。

6.响应式布局：

特点：页面窗口发生变化时，网页的元素和字体大小和位置都开始发生变化。

实现方式：为不同的屏幕分辨率定义布局，相同的类名指定不同样式代码（媒体查询），引入流式布局+弹性布局。

此外，还有一些其他布局方式，如自适应布局（页面窗口发生变化时，网页元素宽度和字体大小不变，元素位置会变化）、流式布局（页面窗口发生变化时，网页的元素宽度会变化而布局时不变）、弹性布局（页面窗口发生变化时，网页的字体大小会变化）以及静态布局（网页的元素和字体大小都固定，屏幕缩小时宽度出现滚动条）等。这些布局方式各有特点，适用于不同的网站类型和用户需求。

在选择网页布局时，设计师需要考虑多种因素，包括目标受众、网站目的、内容优先级以及用户的浏览习惯等。同时，布局不仅要考虑视觉效果的吸引力，还要确保网页的可用性和可访问性，使所有用户都能顺畅地访问和使用网站。