资料详情

Web前端技术课程设计报告-CSS3 Menu

头像

理工论文

编号:11614

【实训目标】

1、学会安装CSS3 Menu软件,并熟悉软件功能。

2、学会使用CSS3 Menu软件编写Web网页中的菜单。

【实训内容】

1、安装CSS3 Menu软件,熟悉软件编程界面。

2、使用CSS3 Menu软件编写Web网页菜单,如下图所示的6个主菜单项和子菜单项效果设计。

3、为每个主菜单和子菜单建立超链接,图片在images文件夹里,点击菜单后,内容显示在网页下面的浮动框架中。如下图为点击“教学单位”主菜单下的“机械与电子信息学院”后的页面效果。

【实训结果】

1、点击各个菜单后的页面截图。

主页页面:

学校概况页面:

教学单位页面:

招生就业页面:

教学科研页面:

网络服务页面:

2、HTML代码(代码为五号字,单倍行距)

3、CSS代码(代码为五号字,单倍行距)