模块7 网站首页的设置制作
实训任务指导书
【实训目的】
怎样挑选液晶电视1. 掌握网页布局规划及绘制网页布局图；心理学考研科目
2. 熟练使用DIV +CSS方式进行页面布局；
3. 熟练使用CSS修饰页面各个类型元素。
【实训内容】
实训任务1：DIV+CSS布局班级网站首页
【任务描述】
本任务旨在使学习者掌握整体网站的设计规划，使用DIV+CSS方式，对整张网页的页面布局。班级网站首页整体结构为上中下结构，其中上部区域为顶部导航条，中间区域为页面内容主体区，底部区域包括网站底部导航和版权信息，网页浏览效果如图教材248页7-14所示。
采用DIV+CSS方式对页面结构布局，页面结构效果如图教材248页7-15所示。
【实训任务指导】
小学毕业赠言给同学1. 首先进行页面布局设计分析，整张网页为上中下结构，中间主体区分为上下两块，每一块又分为不等宽的左右结构。
2. 采用DIV +CSS方式自上而下铺出页面结构。
3. 考虑到页面元素初始化的样式定义，在网站中所有网页都有应用，将初始化样式单独定义为global.css文件。
实训任务2：使用DIV+CSS布局左中右页面结构
【任务描述】
使用DIV+CSS方式对左中右页面结构进行页面布局，页面效果如图教材252
页7-16所示。
【实训任务指导】
1. 首先进行页面布局设计分析，整张网页为上中下结构，中间主体区又分为左中右结构，底端版权区宽度100%占满屏幕。
excel单元格内换行张家界景点介绍2. 采用DIV +CSS方式自上而下铺出页面结构。
哦组词 三年级3. 考虑到页面元素初始化的样式定义，在网站中所有网页都有应用，将初始化样式单独定义为global.css文件。
实训任务3：使用HTML5新增语义化标记进行页面布局
【任务描述】
使用HTML5新增结构化语义标记的方式对页面结构进行页面布局，页面效果如图教材255页7-17 所示。
【实训任务指导】
1. 首先进行页面布局设计分析，整张网页为上中下结构，中间主体区又分为左右结构，底端版权区宽度100%占满屏幕。
2. 采用HTML5新增语义化布局标记header、nav、section、article、aside和footer等，自上而下铺出页面结构。
3. 考虑到页面元素初始化的样式定义，在网站中所有网页都有应用，将初始化样式单独定义为template.css文件。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论