常规的网站我们分为首页，栏目页，列表页，内容页，搜索结果页面，登陆页面等几个常用的页面，页面的布局结构看首页基本都可以了解后面页面的布局结构。
传统设计的方式1（常规型固定宽度，整体给一个固定值的盒子，让盒子自动居中，内容都放到盒子里面，）
基本结构为头部，幻灯片，主体内容，底部信息这四大块，主要的区别在于主题内容框架的设计不一样而已，如果是政府单位医院部门，就放一些栏目的信息，如果是企业，就放案例，产品，技术，视频，合作单位等信息介绍，对于栏目页的内容页一般分为两个部分，左边一个右边一个，基本放栏目分类列表，具体信息列表部分，内容页的话，把信息列表部分修改为信息显示区域。
传统设计方式2（没有固定的外框，但是自动居中，简单理解就是背景部分为100%展示，主题内容还是固定值居中展示，通过背景图片的设置，来解决网站整体居中，两边空旷的视觉问题，整体结构上变动不大，有些设计师设计的头部，导航部分的宽度设置为100%；信息通过方向来控制，达到适应屏幕尺寸 ）
传统设计方式3（重点图片，一般情况是一个幻灯大图做为主题，这个主题一般都是占满这个屏幕，然后下面的内容整体浮在主题上面，给用户的感觉比较时尚）
新型的网页布局1（全屏显示/单页，网站所有信息显示在一个页面上，这个页面所有栏目的信息都显示在一个页面上）
新型的网页布局2（全屏显示/多页，这里的多页可以理解成为，网站的每一个模块都霸占的一个屏幕，单滚轮滚动的时候，整体又滑倒另外一个栏目模块上。主要通过fullPage.js来做为效果的基础）
新型的网页布局3（全屏显示/固定侧栏，首页网站整体还是基于全屏显示，只是固定了左边栏目的尺寸，右边内容自适应，通过底纹背景来区分，右边的内容显示区域可以有滚动条，像内容页文字信息比较多，适应高度肯定不可能，单内容比较多的时候，左边的栏目始终固定不变，右边的内容可以上下滚动，同时网站整体的结构，都保持在屏幕中央。）
总结：
网站结构不管是传统还是新型，结构上总体都不会有很大的变化，最主要还是于网站颜色的搭配，元素的使用，图片的选择，效果的交互，哪怕是最传统的设计方案也能显示出不一样的效果，网站最主要的效果还是给使用者眼前一亮，找到需要的信息，方便使用者查看