飘灵儿 发表于 2015-1-16 00:13:14

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

在几乎所有的浏览器上都可以使用。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

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

爱飞 发表于 2015-2-7 18:46:52

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。

仓酷云 发表于 2015-2-23 02:40:27

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

金色的骷髅 发表于 2015-3-7 07:20:59

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

乐观 发表于 2015-3-14 18:04:49

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

山那边是海 发表于 2015-3-21 14:38:21

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
页: [1]
查看完整版本: 来谈谈:导航上用CSS标记以后页效果的完成