网页设计很宽的二级导航_用CSS样式制作的网页二级导航！

1、DIV+CSS设计网页布局时，如何将菜单导航部分背景自适应屏幕宽度，而让导航内容居中？

这是由两个div来实现的，首先建立一个外层div并设置宽高，要使宽度随屏幕宽度变化(即浏览器宽度变化)，那么宽度就得设置100%，高度设置为你需要的高度即可，具体属性为 width:100%;height:你自己的高度;background:你需要的颜色; 这样就让该div随屏幕(浏览器)宽度变化而变化了。然后在这个div里面再嵌套一个div给定一个宽高属性，就是你导航的宽高，要使之居中，各人使用的方法也有所不同，但是常用的还是margin属性，具体属性如下 width:你导航的宽度;height:你导航的高度;margin:0 auto; 这样就实现了，如果背景是图片的话就更改background属性即可，还有不明白的随时Hi我。

2、网页设计ps画布最佳大小是几×几像素导航栏呢？

中间内容区大小不能小于1000px，一般是1000-1200，高度不限制，导航栏是通栏，根据最大的分辨率来，一般1920差不多了。操作方法如下：

1、首先单击【文件】按钮，在菜单中选择【新建】命令。

2、在新建文档对话框中，设置文档的详细信息，单击【创建】按钮。

3、然后单击工具箱中的【圆角矩形工具】。

4、在选项栏中选择‘路径’工具模式。设置半径为‘50’像素。

5、在文档中绘制出路径图形，然后设置前景色为白色。

6、在图层面板中，单击【创建新图层】新建‘图层1’。然后单击【路径】按钮‘切换到路径面板。

7、接着鼠标右击’背景图层‘，在弹出的快捷菜单中单击【删除图层】。

8、最后在对话框中单击’是‘删除背景图层，就完成了。

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

方法和详细的操作步骤如下：

1、第一步，打开dw软件并创建一个新文件，见下图，转到下面的步骤。

2、第二步，执行完上面的操作之后，单击“常用”选项，选择“布局”按钮，然后绘制一个图层，见下图，转到下面的步骤。

3、第三步，执行完上面的操作之后，再次单击该层并绘制另一个，看到第一层是layer1，第二层是layer2，见下图，转到下面的步骤。

4、第四步，执行完上面的操作之后，将光标放在layer1上，然后单击“插入表格”，建立一个具有一行三列且宽度为288的表，见下图，转到下面的步骤。

5、第五步，执行完上面的操作之后，在表格中输入百度经验，百度知道，百度文库，可以在属性栏中设置以下属性，见下图，转到下面的步骤。

6、第六步，执行完上面的操作之后，在第2层中输入经验首页，个人中心，小测首页，帮帮首页，然后设置以下属性，见下图。这样，就解决了这个问题了。

4、UI设计网页时，导航栏尺寸规格一般是多少

目前ios的尺寸都是_@2x，除了plus需要注意导航栏60PX，底部标签栏148PX，尺寸需要_@3X也就是1.5倍计算。

5、我在做网站，请问怎样设计网页导航栏可以全屏显示的，如图所示，导航栏绿色背景左右两边可以无限延伸。

宽度设抄置为1920PX，或者100%

设置1920PX的原因是，现在袭显示器最大分辨率宽度是1920PX，所以1920一般就可以代表全屏了。
如果考虑的方向有点多的话，就设置为100%
再说了，如果你使用的是DIV，默认它就是铺满的，因为它是行级，并非块级。

6、制作网页LOGO与导航栏长宽多少才合适

logo在首页显示的话大小没什么规定要是做友情链接的话大小一般就是 88*31 导航长度一般宽屏的是960左右窄屏的800左右

7、UI设计网页时，导航栏尺寸规格一般是多少

当前最流行的分辨率是1920*1080，在该分辨率下，页面中心区域为1200px以内都可以。在800*600分辨率下，导航栏尺寸规格保持在778px以内；在1024*768分辨率下，网页宽度保持在1002px以内。

如果没有指定的要求，以1920尺寸设计就好（这是目前最普遍的尺寸大小），前端开发人员会自行适配其他的分辨率。

(7)网页设计很宽的二级导航扩展资料：

UI设计网页方法

一、呈现更新颖的内容

设计师在进行网页ui设计的过程中需要注意的是，想要让自己的网页看起来更加与众不同，但也不必过于夸大，可以用一些新鲜的理念和不同的布局来吸引用户访问。比如以一种动态的方式，将信息呈现给用户，以此来赢得用户更多的关注。

二、增强元素的设计感

相对于普通的网页ui设计而言，具有较强的设计感的网页往往会更容易吸引用户的注意。任何一个具有创意的网站开发设计方案，都会把目光更聚焦在网页的基本布局和色彩搭配上，而这也意味着网页上一般存在很多种不同的元素。

三、激励用户更多操作

网站开发的设计制作的类型有很多种，面对不同的类型，要有特定的网页ui设计方案。给用户提供一个寻找目标的简易方法，这样用户就容易沉浸到页面中来，同时也增加了用户操作的几率。

8、用CSS样式制作的网页二级导航！

9、如何制作网页首页导航菜单显示二级菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.sever{ margin-top:4px;}
.sever_menu{ width:213px; background:#99ABB9;}
.sever_menu a{ display:block; }
.sever_menu img{ *margin-bottom:-2px;}

.help_menu,.help_menu_main{ line-height:25px; }
.help_menu{ height:25px; background:#4AC5E8; border-bottom:1px solid #99ABB9;text-indent:57px;}
.help_menu a{ background:url(../images/help_arr.jpg) no-repeat 43px center;}
#sever_left .help_menu:hover a{ color:#fff;}
.help_menu .hover{ background:url(../images/help_hover_arr.jpg) no-repeat 43px center; color:#FFFFFF;}
.help_menu_main ul{ text-indent:63px;}
.help_menu_main ul li{ border-bottom:1px solid #B3BFCB;}
.help_menu_main ul li a{ color:#fff;}

</style>
<script>
// JavaScript Document

function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>
</head>

<body>
<div class="sever">
<div class="sever_menu L" id="sever_left">
<img src="images/sever_help.jpg" />
<div class="help_menu"><a id="help1" onclick="setTab('help',1,9)" class="hover">新手上路</a></div>
<div id="con_help_1" class="help_menu_main">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help2" onclick="setTab('help',2,9)">如何销售</a></div>
<div id="con_help_2" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help3" onclick="setTab('help',3,9)">如何采购</a></div>
<div id="con_help_3" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help4" onclick="setTab('help',4,9)">交易安全</a></div>
<div id="con_help_4" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help5" onclick="setTab('help',5,9)">操作指南</a></div>
<div id="con_help_5" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help6" onclick="setTab('help',6,9)">商人通服务</a></div>
<div id="con_help_6" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help7" onclick="setTab('help',7,9)">商业资讯</a></div>
<div id="con_help_7" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help8" onclick="setTab('help',8,9)">展会帮助</a></div>
<div id="con_help_8" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
<div class="help_menu"><a id="help9" onclick="setTab('help',9,9)">广告帮助</a></div>
<div id="con_help_9" class="help_menu_main" style="display:none">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>

</div>

</div>
</body>
</html>

这个拿去参考一下吧~~

导航:首页 > 万维百科 > 网页设计很宽的二级导航

网页设计很宽的二级导航

与网页设计很宽的二级导航相关的知识