实训 5 DIV+CSS 综合运用
【实验要求】
1、能够根据常规页面布局编写出 DIV 结构和定义出 CSS 样式
2、学会使用 DIV+CSS 实现简单 Web 页面布局
3、掌握一级水平导航菜单的设计方法
4、掌握二级水平导航菜单的设计方法
【实验内容】
1、运用 DIV+CSS 技术实现下图页面布局。
分别编写相应的 HTML 文件和 CSS 文件来实现。(本题附有源码作为参考。)
2、完成《Web 前端开发技术实验与实践》书上内容
项目 14 设计《中国教育网络》杂志简介。
(1) 定义行内样式表(内嵌样式表/内联样式表)。
(2) 定义内部样式表。
(3) 导入(嵌入)外部样式表。
(4) 链接外部样式表。
(5) 无序列表的定义与应用。
(6) 定义列表的定义与应用。
(7) 标题字标记的使用。