前端网页制作导航(前端开发导航)
本文目录一览:
web前端导航条怎么做
导航条一般用ul li标签+css样式来做,具体导航内容根据你的需求来加,一般来说直接加后台栏目的调用码,这样方便你后面后台操作
网页导航条怎么做?
1、打开Deamweaver8,新建一网页文件。接着输入以下导航菜单的内容:
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title导航栏示例/title
/head
body
ul id="navigation"
li/li
lia href="#"首 页/a/li
lia href="#"我的博客/a/li
lia href="#"互动交流/a/li
lia href="#"开心一刻/a/li
lia href="#"悬 赏 令/a/li
li/li
/ul
/body
/html
2、此时对应效果如图:
3、接下来准备相关的导航按钮图片(可以事先利用PS制作好)。
4、然后将以下CSS代码加入到head/head之间:
style type="text/css"
body {text-align:center;}
#navigation
{ list-style-type:none; height:auto;}
#navigation li { width:154px; height:60px; text-align:center;
float:left; padding-top:18px;font-size:20px; font-family:"微软雅黑", "宋体", "隶书";
background-image:url(images/noactive.jpg);}
a {width:154px; height:72px;}
a:link { text-decoration:none; color:#FFFF00;}
a:visited { text-decoration:none; color:#FFFF00; }
#navigation li:hover { color:#CC0000; text-decoration:underline;
background-image:url(images/active.jpg);}
a:hover{ color:#CC0033;}
#left {background-image:url(images/left.jpg); width:22px;}
/style
5、在加入CSS代码之间,网页此时的效果如图:
html中制作一个网页导航,怎么弄
用表格做!看你的导航是横排的还是竖排的。横排的就建一个一行多列的表格,竖排的就建一个一列多行的表格。把每一个链接放在各个单元格中。最后把这个表格保存为一个HTML文件,在需要导航的页面上include这个文件在你指定的位置就OK了。这样的好处是你只要做一次导航文件就可以在所有你想要用!的地方引用。
Dreamweaver怎么制作网页里的搜索导航?
htmL
headtilte/title/head
%response.buffer=true%
%
gosite=request.querystrng("gosite")
select case gosite
case "sina"
response.redirect""
case "sohu"
response.redirect""
case "yahoo"
response.redirect""
end select
%
body bgcolor="#DDFFFF"
center
b请选择要转向的网站:/b
from action="02.asp" method="GET"
select name="gosite"
option value="sina" selected新浪网
option value="sohu"搜狐网站
option value="yahoo"雅虎中国
/select
input type=submit value="GO"
/from
/center
/body
/html
搞定啦 不懂得以后问我
ASp
网页设计 制作导航条 如何制作
一, 键盘上可以直接输 |
二, 如果是一条虚线的话, 那么是这样做的:
用Fireoworks新建一个1*3PX的图片, 在中间画一个点,然后将其导出,再在DW里建一个单元格,将其背景设为这个图片(注意,让它垂直方向重复,水平方向不重复 -- CSS),大功告成
三,CSS
a href="#" style="border-right:1px solid #000"链接/a