半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

网页DIV如何制作导航栏?

2022-08-07 03:51:33 暂无评论 44 网站建设 现成   或者   哪里

<style type=text/css>


ul{ width:400px; margin:0px auto; list-style:none; padding:0px;}


ul li{ width:100px; float:left; height:30px; line-height:30px; text-align:center; font-size:13px;}


ul li a{ background:#ff0000; display:block; text-decoration:none;}


ul li a:hover{ background:#cccccc; text-decoration:underline;}


</style>


<ul>
  <li ><a href=>问问首页</a></li>


  <li><a href=#>问题库</a></li>
  <li><a href=#>问问之星</a></li>
  <li><a href=#>问问团队</a></li>
</ul>

网页导航的开发方式,css ; flash ; javascript ,刚才看AJax的书又有,说说他们的不同和应用方面吧

不同:
css主要是样式和标准布局,javascript主要是动态效果,flash主要是美观,Ajax实现更灵活的菜单(换句话说就是可以从数据库里面提取内容实现菜单的更新);
如果说应用的话:看你侧重点,
你希望你的网站以后更容易被百度之类的搜索引擎抓取到,建议用CSS,并且把菜单内容写到代码里,
如果你为了漂亮,其它无所谓,可以使用flash,
如果你的菜单以后可能要经常变动,那就用js脚本或者Ajax技术
当然以上也有互相掺和的地方,比如说javascript和flash都可以实现动态美观的菜单尤其是二级菜单效果,使用什么还看你自己的兴趣和擅长了。

设计网页用的导航条怎么做的啊 或者哪里有现成的提供下载也可以

到没有导航条这一说,其实它的功能,就是超链接的作用。比方问问首页,点击导航条上的这个词,一下跳到了相关页,这就是链接。原理上,是网页代码中一种参数控制的,至于导航条的外观设计,就要靠绘图软件photoshop 呀 Coreldraw呀去亲设计了。链接功能很多网页制作软件可以,我说我懂的,photoshop中自带了一个Imageready软件,简单说一个方法,当制作好了你的导航条,应该说是外形上就是一张图片,我们用这个软件里的切片工具,划出一块区域用作链接,比方说问问首页那一小块儿,然后调一个web内容面板,将你要链接的地址,比方说“http//:www.baidu.com/”输入到面板中址址栏处,就可以了,最后输出成网页,然后上传到FTP,或服务器。效果嘛!就是比如点“问问首页”它就跳到百度去了,


诶。。原理大致是这样,说了太多废话,希望你看得懂。。细节之处还是要好好从基础学起吧!

猜你喜欢