网页设计16-菜单概要1.ppt

内部培训资料,不作任何宣传用途 P o w e r B a r 中国专业PPT设计交流论坛 授课人：何蕴婷 EMAIL：jmhyt@126.com 内部培训资料,不作任何宣传用途 内部培训资料,不作任何宣传用途 网页设计与制作（16） CSS样式（11） ----菜单 知识技能目标 1、通过实训项目了解并掌握用css设置菜单样式。 实训内容 在网页中用css设置菜单样式 实训一：菜单实例 实训项目 通过实例了解利用CSS实现页面的菜单效果 1、菜单实例1 课堂实践 centerbrimg src=/img/baidu_logo.gif brbrbrbr div id=navigation ul li id=h/li lia href=#资 讯/a/li li class=current网 页/li lia href=#贴 吧/a/li lia href=#知 道/a/li lia href=#MP3/a/li lia href=#图 片/a/li li id=morea href=#更 多 gt;gt;/a/li /ul /div p style=height:44px;nbsp;/p table width=600 border=0 cellpadding=0 cellspacing=0 tr td width=92/td tdforminput type=text name=wd class=ff size=35 input type=submit value=百度搜索/form/td td width=92 valign=topa href=#搜索帮助/abra href=#高级搜索/a/td /tr /table /center (1)搭建页面框架 课堂实践 (2) 设置导航的样式 课堂实践 (3)设置列表样式 不显示项目符号 列表水平方向排列 课堂实践 (4)设置列表中a标记的样式 课堂实践 (5)设置列表中a标记的伪属性 鼠标经过 课堂实践 (6)设置#navigation .current 课后作业 1. 参照课本P261-264中的例子，创建一网页15-1.htm—设计一简单的导航菜单 The End Thanks a lot! 内部培训资料,不作任何宣传用途 P o w e r B a r 中国专业PPT设计交流论坛 授课人：何蕴婷 EMAIL：jmhyt@126.com 内部培训资料,不作任何宣传用途 内部培训资料,不作任何宣传用途