仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 681|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:网页导航上用CSS标记以后页效果的完成

[复制链接]
跳转到指定楼层
楼主
发表于 2015-1-16 00:14:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
更好的控制页面布局。不用多说。
以后页面--好比说如今的页面是首页,那末在导航栏上首页的色采等和其他栏目有所不同,用以给扫瞄者一个分明的唆使。
上面来讲下详细的做法,菜单的基础完成和一样平常的CSS菜单没多年夜区分,侧重说下怎样完成以后页。
设菜单有5个栏目:home、about、products、services、contact,分离给每一个栏目一个ID,m1-m5,CSS可写成以下:
#home#navli#m1a,#about#navli#m2a,#products#navli#m3a,#services#navli#m4a,#contact#navli#m5a{color:#FFF;background:#DC4E1Burl(navbg.gif)no-repeat;}
xhtml:
<ulid="nav">
<liid="m1"><ahref="index.html">Home</a></li>
<liid="m2"><ahref="about.html">About</a></li>
<liid="m3"><ahref="products.html">Products</a></li>
<liid="m4"><ahref="services.html">Services</a></li>
<liid="m5"><ahref="contact.html">Contact</a></li>
</ul>
然后分离给每一个页面的bady标签一个自力的ID,比方给首页的ID是home,其他的类推。
如许做法的优点是每一个页面的菜单都是一样的,便利修正,静态页包括也简单

</p>
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
飘飘悠悠 该用户已被删除
沙发
发表于 2015-1-18 05:45:12 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
精灵巫婆 该用户已被删除
板凳
发表于 2015-1-25 18:01:06 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
admin 该用户已被删除
地板
发表于 2015-2-3 12:56:52 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
乐观 该用户已被删除
5#
发表于 2015-2-9 03:32:39 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
柔情似水 该用户已被删除
6#
发表于 2015-2-26 20:47:51 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
小妖女 该用户已被删除
7#
发表于 2015-3-8 17:58:21 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
灵魂腐蚀 该用户已被删除
8#
发表于 2015-3-16 10:45:12 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
只想知道 该用户已被删除
9#
发表于 2015-3-22 22:56:35 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 23:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表