DW怎么让导航栏置顶?
一般来讲实现导航栏指定是采用绝对定位的方式。示例代码如下:
<div class="nav">这里是导航所在的DIV容器。</div>
CSS代码:
.nav{
position:fixed; /* 绝对定位,fixed是相对于浏览器窗口定位。 */
top:0; /* 距离窗口顶部距离 */
left:0; /* 距离窗口左边的距离 */
width:100%; /* 宽度设置为100% */
height:40px; /* 高度 */
z-index:99; /* 层叠顺序,数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
}
设置方式,原理及大致内容请看css代码注释。
Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",最初为美国MACROMEDIA公司开发 [1] ,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计人员和开发人员可以在几乎任何地方快速制作和进行网站建设。 [2]
Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能,借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站。 [2] 访问代码提示,即可快速了解 HTML、CSS 和其他Web 标准。 [2] 使用视觉辅助功能减少错误并提高网站开发速度。
安装后,它会自动在Windows的菜单中创建程序组。与FrontPage有很大的不同,它把工具栏省去了,然后增加了几个浮动的工具栏。在Dreamwaver3.0中,它的工具栏全是浮动工具栏,可以将工具栏缩小,也可以关闭。在专业术语里面,他们叫“浮动面板”,利用浮动面板来控制对页面的编写,而不是利用烦琐的对话框,这是Dreamwaver3.0编辑网页中最值得人赞赏的特性。通过在浮动面板中进行属性设置,这样就直接可以在文档中看到结果,避免了中间过程,提高了工作效率。但对于熟悉了微软的应用程序的用户来说,开始的时候可能很不习惯。先来介绍它的三个最重要的浮动面板。