Dw怎么用标签选择器写导航(dw标签选择器的作用)
本文目录一览:
怎样用dw制作导航栏下拉菜单
1、先打开Dreamweaver。如果事先有好的web源文件,可以直接单击“文件打开”打开web源文件。如果没有,请单击“文件”“新建”以创建新的web源文件。
2、默认情况下,新类型是OK。如果您有其他需要,可以选择页面类型、布局等,然后单击“创建”按钮。
3、创建新网页后,单击“设计”页上的“插入-表单-选择(列表/菜单)”以插入可选择的下拉表单。
4、或者在菜单栏下有一个表单选项图标。将鼠标放在上面显示“选择(列表/菜单)”并单击它,或插入下拉菜单。
5、然后弹出接口,您需要输入标记辅助函数的属性。用英文或数字填写身份证。标记是下拉菜单的相应数据标题,如地址、性别等。在此处填写“性别:”然后单击“确定”。
6、弹出是否添加表单标签的提示,选择“是”。
7、此时,下拉菜单将插入页面。单击下面的列表值将内容添加到下拉菜单中。
8、跳出列表值界面,并填写项目标签上的下拉菜单选项。例如,我想在这里制作一个性别选择下拉菜单。在这里,填写男性值和项目标签。
9、然后单击加号在下面添加新标签和值,并填写阴性。然后单击“确定”按钮。
10、然后单击界面上箭头指示的小图标,选择一个浏览器,然后单击它以查看浏览器上的预览效果。
11、此时,系统将提示您保存对网页文件的更改。选择“是”保存。
12、然后您可以看到您在浏览器上创建的下拉菜单的外观。单击一次下拉箭头选择,
怎样用Dreamweaver添加div标签做导航条?
如一楼二楼所说。导航一般是用ul 和 li 加float 属性来做的。
也有用table做导航的。
楼主说的 div做,理论上也是可以的。不过略显业余。
还是用ul来布局吧!
如何用DW制作导航条
兄弟,你要做网页,代码肯定是要学的 不懂可以私
相信我,慢慢来不难的,我帮你写好了,你只需要修改自己喜欢的样式即可
并且所有要修改样式的地方我都帮你备注好了
您只需要把 这堆东西放入head/head两个标签之间的中间
style
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: BLACK; /*导航栏背景颜色*/
}
li {
float: left; /*在导航栏内对齐方式*/
}
li a {
display: block;
color: white; /*字体颜色*/
text-align: center; /*字居中*/
padding: 14px 14px; /*框大小*/
text-decoration: none; /*把a标签自带的下划线去掉*/
}
li a:hover {
background-color: #228B22; /*鼠标经过框框时的背景颜色*/
font-size: 25px; /*鼠标经过时字体大小*/
}
/style
在把 这堆放在body/body之间
ul
lia class="188c-712a-5baa-a345 active" href="#home"主页/a/li
lia href="#news"新闻/a/li
lia href="#contact"联系/a/li
lia href="#about"关于/a/li
/ul
示例页面HTML
!DOCTYPE html
html
head
meta charset="utf-8"
title导航栏/title
style
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: BLACK; /*导航栏背景颜色*/
}
li {
float: left; /*在导航栏内对齐方式*/
}
li a {
display: block;
color: white; /*字体颜色*/
text-align: center; /*字居中*/
padding: 14px 14px; /*框大小*/
text-decoration: none; /*把a标签自带的下划线去掉*/
}
li a:hover {
background-color: #228B22; /*鼠标经过框框时的背景颜色*/
font-size: 25px; /*鼠标经过时字体大小*/
}
/style
/head
body
ul
lia class="712a-5baa-a345-78fe active" href="#home"主页/a/li
lia href="#news"新闻/a/li
lia href="#contact"联系/a/li
lia href="#about"关于/a/li
/ul
/body
/html