网页制作栏目框？ 网页栏目框设计？

如何布局网站页面

1、可以采用分类布局的格式对于网站首页来讲，忌讳的就是将五花八门的信息全部设置在首页，这样的页面设置只会让用户感觉到眼花缭乱，甚至没有一点兴趣继续浏览下去，在这样的信息群当中寻找用户想要的信息，用户的体验感极差。面对这种情况，可以将网站页面进行分类布局，用户可以根据自己的需求进行分类寻找，即方面了用户寻找有用信息，也让网站得到了推广。

2、网站的内容页。网站的内容页是网站建设者没有太多注意的，网站建设者认为内容页根本不重要或是不是很重要，只要在后台把文章内容上传上去让其显示就可以了。网站的频道列表页。

3、常见的网页布局形式：T字型、口型、三字型、对称对比布局、POP布局，三字型网页多见于政府网站。“三”型布局具有简洁明快的艺术效果，适合于艺术类、收藏类、展示类网站。

4、列出所需要的栏目及内容；在PS（photoshop）中规划好布局图；然后设计出需要的样子；在PS中切好图导入DREAMWEAVER中制作；定制CSS样式，调试到理想完毕。布局这些说起来很多了，你可以看看其他相近网站的一般布局，最好符合个人使用习惯，这样比较合理。

5、头部导航栏 位置：网页顶部，用户进入网站后首先看到的部分。内容：包含网站logo、搜索功能、主要导航菜单（如教程分类、社区、关于我们等）。特点：导航栏设计清晰，便于用户快速找到所需内容。搜索功能方便用户根据关键词查找教程。 主体内容区 位置：网页中部，占据页面大部分空间。

dw网页二级菜单代码怎么做!很着急把它放在一级导航底下!

第一步，打开dw软件并创建一个新文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，单击“常用”选项，选择“布局”按钮，然后绘制一个图层，见下图，转到下面的步骤。

首先，确定导航栏的结构，包括要显示的链接项。例如，首页、关于我们、产品展示、联系我们等。使用html和CSS创建导航栏：使用和标签来创建无序列表，每个列表项代表一个导航链接。使用CSS来设置导航栏的样式，包括背景色、字体、边框等。可以使用标签来创建链接，并设置链接的文本和URL。

dw制作下拉菜单的步骤如下：创建新文件或打开现有文件：打开dreamweaver软件。如果有现成的web源文件，可以直接点击“文件”-“打开”来打开该文件。如果没有，可以点击“文件”-“新建”来创建一个新的web源文件。默认情况下，新类型即可。

关于dw制作网页导航栏的步骤如下 打开DreamWeaver软件应用程序，这里用的是cs6版本。打开“文件”菜单，在下拉中找到“新建（N）”，或者用快捷键ctrl+n来直接新建一个Html文档。在新建的HTML文件上，我点开的是“拆分”模式，所以左侧显示的是代码，右边是效果，这样可以在左边写代码，右边预览。

．导航条部分 首先按CTRL键不放点击导航条中的第一个单元格，现按Shift+F3打开Behaviors窗口，点[img=20，18]file：///G：/程序所用的材料/网站/网页制作下载文章/[天极论坛网页设计]下拉菜单全攻略之Dreamweaver篇.files/200381914185GIF[/img]按钮，在下拉选项中选中Show-Hide Layers（如图）。

先打开Dreamweaver。如果事先有好的web源文件，可以直接单击“文件打开”打开web源文件。如果没有，请单击“文件”“新建”以创建新的web源文件。默认情况下，新类型是OK。如果您有其他需要，可以选择页面类型、布局等，然后单击“创建”按钮。

一般一个网页的栏目是如何划分的?

1、对最主要内容的板块划分一般叫做一级栏目，在一级栏目下面的子栏目就是二级栏目。一级栏目主要是在首页出现，二级栏目一般是出现在第二层级的页面。一个网页，最常见的是一个网站中，由于其所包括的内容比较多，于是，为便于浏览，一般会将整个网站或网页的主要内容划分成若干板块，每个板块在网页中的体现就是栏目。

2、网页中的一级栏目指的是网站域名所在的首页，而二级栏目则是指首页链接中的子页面，它们都是网站建设的主要板块内容，分级设置主要是为了方便用户快速找到自己想了解的东西，增强用户体验。

3、网页栏目是指在网页设计中，为了组织内容，提高用户体验，将网站的内容按照一定的逻辑结构划分成的不同部分，每个部分通常称为一个“栏目”。以下是关于网页栏目的详细解释： 栏目的定义与功能 网页栏目是网站内容的分类和组织形式，通过不同的栏目，网站可以更加清晰地展示其内容。

4、如果还没有导入CIS，在网站建设之前应该根据网站的总体定位，设计制作一个网站的LOGO，这如同一个产品的商标，集中体现了该网站的特色、内容及其内在的文化内涵和理念。LOGO一般设置在主页面的显要位置，二级页面的页眉位置。C、页眉页眉指的是页面上端的部分，有的页面划分比较明显，有的页面没有明确的区分或者没有页眉。

网页设计制作标准规范

表格使用：表格嵌套控制在三层以内，避免使用colspan和rowspan。避免整个网页嵌套在一个大表格内，必要时使用tbody标记分块显示。排版规范：首行缩进在样式表中定义，避免使用空格或全角空格。禁止用img标签的width和height属性人为干预图片显示尺寸。完整文字中避免使用br人工干预分段。

代码规范：源代码中应避免不必要的换行和空格，如。表格和排版 表格嵌套：表格嵌套尽量控制在三层以内，避免使用colspan和rowspan标记。 页面加载：避免使用整个大表格嵌套所有内容，可使用tbody标记实现分块显示。 首行缩进：使用样式表定义p{textindent：2em；}实现首行缩进，避免使用空格。

全球最流行的屏幕尺寸为1366x768，设计师应考虑适应这一变化。网页第一屏内容的高度应覆盖显示器减去浏览器工具栏的部分，以确保内容可见性。宽度规范：设计师通常设定1920px的画布，但实际内容区域宽度需根据兼容性调整，如10001280px，以考虑IE滚动条等因素。

在1024*768分辨率的屏幕下，网页宽度应不超过1002像素。如果页面满屏显示，理想的高度应在612至615像素之间，这样可以防止水平滚动条和垂直滚动条的出现。在Dreamweaver（DW）中，有预设的标准值，1024*768的页面标准大小是955*600像素，按照这一尺寸进行设计即可。

如何做好网站栏目和页面策划

1、架构设计 从客户角度来说，来到网站就是想买产品；从企业角度来说，就是想卖产品&服务，这是一个需求匹配的过程，但在这个过程中，如何能够满足需求，是网站策划及实施的前提。针对三类用户的用户体验地图详解，重点根据客户的目标和行为去触点，重点查看网站上有哪些机会点，以此作为基调，输出中正架构的设计方案。

2、图文搭配，重点突出：用户对于图片的认知程度远高于对文字的认知程度，适当的使用图片可以提高用户的关注度。此外，确立页面的视觉焦点也很重要，过多的干扰元素会让用户不知所措。利于搜索引擎优化：减少flash和大图片的使用，多用文字及描述，以便于搜索引擎更容易收录网站，让用户更容易找到所需内容。

3、网站栏目策划的重点是导航：在网站策划中要注意导航条的位置要明显且统一，有一些网站是无法做到，这个会给用户带来易进不易出的一个环绕，从而导致用户直接关闭网站，跳出率就会增长。

网页制作中,导航栏的标准尺寸是多少啊?

1、网站的导航栏目应该设计多大尺寸 第一种：宽度：960px，高度：46px-60px，这种大概有9%的人选择，这种网站一般都是企业论坛，资讯网站。我们不建议使用这种尺寸影响美观和视觉感和体验感。第二种：宽度：1080px，高度：46px-60px，这种大概有1%的人选择，这种网站一般都是企业的资讯网站。

2、常见尺寸：940px、960px、980px、1000px等。这些宽度主要是基于常见的屏幕分辨率和设计习惯来确定的，以确保导航栏在不同设备上都能良好地显示。高度：常见范围：一般为30px左右。这个高度可以容纳导航项的文本和可能的图标，同时也不会占用页面过多的垂直空间。

3、当前最流行的分辨率是1920*1080，在该分辨率下，页面中心区域为1200px以内都可以。在800*600分辨率下，导航栏尺寸规格保持在778px以内；在1024*768分辨率下，网页宽度保持在1002px以内。如果没有指定的要求，以1920尺寸设计就好（这是目前最普遍的尺寸大小），前端开发人员会自行适配其他的分辨率。

4、在1920*1080分辨率下，顶部banner尺寸建议为1920*500px。最顶部信息栏与导航栏建议高度分别为40px和126px。字体使用规范：网页中的字体大小也是设计的重要部分，合适的字体大小能够提升用户体验。在1920*1080分辨率下，应根据具体设计需求和内容可读性来选择字体大小。

5、界面尺寸大小是：750x1334px。状态栏（statusbar）：就是电量条，其高度为：40px。导航栏（navigation）：就是顶部条，其高度为：88px。主菜单栏（submenu，tab）：就是标签栏，底部条，其高度为：98px。

6、iPhone 界面设计尺寸：常用尺寸：主要包括320x480、640x960和640x1136像素。其中，640x960和640x1136尺寸较为常用，便于预览效果。分辨率：一般为72 ppi，适用于网页UI和移动UI。界面元素尺寸：状态栏：高度为40 px。导航栏：高度为88 px。主菜单栏：高度为98 px。