仓酷云 发表于 2015-1-16 00:14:25

来讲讲:网页导航上用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>
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

飘飘悠悠 发表于 2015-1-18 05:45:12

滚动条)层属性--溢出(visible/hidden/scroll/auto)

精灵巫婆 发表于 2015-1-25 18:01:06

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

admin 发表于 2015-2-3 12:56:52

经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.

乐观 发表于 2015-2-9 03:32:39

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。

柔情似水 发表于 2015-2-26 20:47:51

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

小妖女 发表于 2015-3-8 17:58:21

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

灵魂腐蚀 发表于 2015-3-16 10:45:12

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

只想知道 发表于 2015-3-22 22:56:35

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
页: [1]
查看完整版本: 来讲讲:网页导航上用CSS标记以后页效果的完成