不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：【1】“国字”型布局：“国”字型布局由“同”字型布局进化而来，因布局结构与汉字“国”相似而得名。
三型布局。这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。对称对比布局，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。POP布局。
网站建设中网页设计布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型这九种。
二分布局：将网页分为左右两个部分，通常左边是导航栏或目录，右边是主要内容。三分布局：将网页分为左、中、右三个部分，可以分别用于导航、内容和侧边栏等功能。T型布局：页面顶部为横条网站标志和广告条，下方左侧为导航菜单，右侧显示主要内容。
口型布局口型布局的页面上下各有一个广告条，左侧是主菜单，右侧放置友情链接等内容，中间是主要内容。口型布局的优点是充分利用版面，信息量大。其缺点是页面拥挤，不够灵活。3POP布局POP引自广告术语，是指页面布局象一张宣传海报，以一张精美图像作为页面的设计中心，在适当位置放置主菜单。
今天，我们将探讨 CSS 布局中的双列、三列布局，以及双飞翼和圣杯布局等15种常见的布局方式。了解这些布局有助于提升网页设计的灵活性与美观性，为网页布局提供多种选择。首先，我们来看双列布局。双列布局指的是页面被分为左右两部分，左侧元素固定宽度，右侧元素自适应。
1、要设计好的长页面，可以从以下几个方面入手： 明确长页面的适用场景 叙事性内容：长页面适合展示内容处于同一级别且可以线性排布的信息，如连续的故事、教程等。 连续冗长内容：对于内容较长且分页展示会影响用户体验的内容，如长教程，长页面能更好地保持用户的连贯性和理解力。
2、沉浸式体验：长页面通过滚动或滑动的方式加载新内容，创建沉浸式用户体验，减少用户因重复熟悉过程而分散注意力。简洁明了：保持页面设计的简洁性，避免过多的干扰元素，让用户能够专注于内容本身。综上所述，设计好的长页面需要综合考虑内容布局、用户交互体验、加载与反馈、附加功能以及整体设计等多个方面。
3、设计好的长页面，可以从以下几个方面入手：明确长页面的优势与适用场景 优势：长页面允许用户在快速阅读的模式下在短时间内获取更多的信息，且交互模式简单，用户只需滚动鼠标或滑动手指即可不断加载新内容，创建沉浸式用户体验。
利用模板生成页面，可以通过FileàNew From Template实现。按照前面的步骤，生成一个名为bodyhtm的页面。你会发现，除了可编辑区域Region01可以编辑外，其他地方的鼠标状态为限制状态。在此可编辑区域中输入需要的内容，如添加一篇文章。这样，通过模板生成的页面可以根据需要进行编辑。
整站设计就是网站全部页面的设计，也就是包括“主页，新闻列表页，新闻详情页，产品列表页，产品详情页，关于我们，联系我们”等等，如果是门户网站，还需要包括专题列表页，专题介绍页等等，就是全部的网页都要设计。
具体来说，创建模板的步骤如下：首先打开DreamWeaver，选择“文件”菜单中的“新建”，然后选择“模板”，在弹出的对话框中输入模板名称。接下来，你可以开始添加需要的公用内容，例如logo、导航菜单、版权声明等。一旦模板创建完成，你可以将它应用到主页和各个子页上。
