仓酷云

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

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

[复制链接]
飘灵儿 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:13:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。
以后页面--好比说如今的页面是首页,那末在导航栏上首页的色采等和其他栏目有所不同,用以给扫瞄者一个分明的唆使。
上面来讲下详细的做法,菜单的基础完成和一样平常的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>
不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。
透明 该用户已被删除
沙发
发表于 2015-1-18 05:32:39 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
冷月葬花魂 该用户已被删除
板凳
发表于 2015-1-24 16:19:35 | 只看该作者
可以使用 CSS 检查工具进行设计。
简单生活 该用户已被删除
地板
发表于 2015-2-2 11:06:52 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
爱飞 该用户已被删除
5#
发表于 2015-2-7 18:46:52 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
6#
发表于 2015-2-23 02:40:27 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
金色的骷髅 该用户已被删除
7#
发表于 2015-3-7 07:20:59 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
乐观 该用户已被删除
8#
发表于 2015-3-14 18:04:49 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
山那边是海 该用户已被删除
9#
发表于 2015-3-21 14:38:21 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 18:40

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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