《《网页工程师认证-网页项目训练》第七章CSS内容排版.ppt》由会员分享,可在线阅读,更多相关《《网页工程师认证-网页项目训练》第七章CSS内容排版.ppt(14页珍藏版)》请在三一办公上搜索。
1、江西信息应用职业技术学院计算机技术系软件教研室,网页工程师认证网页项目训练,主讲人:聂宇,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,教学要求(1)了解Div+CSS对页面中的内容进行排版的方法。(2)掌握使用Div+CSS对页面进行文字排版,图文混排等。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,教学重难点(1)掌握使用Div+CSS对页面进行文字排版,图片排版,图文混排。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,复习提问(1)a标记有那些伪类?(2)a标记的伪类分别作用是什么?,江西信息应用职业技术学
2、院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述7.1.1 内容排版原则标题宜突显于背景之上;宜居于版面中间位置,以长方形方式呈现;段落中间字间距和行距合理美光,颜色控制在3种一下。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述7.1.2 内容排版定义所谓排版,即在有限的空间里,将版面构成要素文本文字、图片图形、线条线框和颜色色块等诸多因素,根据特定内容的需要进行组合排列,并运用造型要素及形式原理,把构思与计划以视觉形式表达出来。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述7
3、.1.4 内容排版分类(1)文字排版,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述7.1.4 内容排版分类(2)图文混合排版,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述7.1.4 内容排版分类(3)全图排版,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述7.1.4 内容排版分类(4)表格排版,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.2 公司商业网站制作,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.3 科技网站制作,江西信息应用职业技术学院计算机技术系软件教研室,本章小结,(1)让学生了解Div+CSS对页面中的内容进行排版的方法。(2)让学生掌握使用Div+CSS对页面进行文字排版,图文混排等。,江西信息应用职业技术学院计算机技术系软件教研室,作业,(1)完成一个公司商业页面制作。(2)完成一个科技网站布局。,