：
：
：
：
：
：
：
【课程说明】
一个由DIV+CSS布局且结构良好的页面可以通过调整CSS的定义，在任何地方、任何智能设备（包括PDA、移动电话和计算机）上以任何外观表现出来，而且利用DIV+CSS布局方式构建的网页能够简化网页代码、加快网页显示速度，因此DIV+CSS已经成为目前流行的网页布局方式，也是网页设计和制作人员必需掌握的技能之一。本课程结合大量网页结构分析、图片切割、网页布局、页面组装的操作细节图解，由浅入深地讲解网页制作的步骤与方法，同时介绍了Web标准以及使用目前流行的“层”布局方式，并结合多个实例介绍了使用DIV+CSS构建网页的方法，结合实际网页制作中可能遇到的问题，提供了解决问题的思路、方法、技巧，使大家轻松掌握DIV+CSS布局方式，制作出精美的网页并搭建功能强大的网站。
【培训对象】
学员需要具备基本网页设计概念，有基本网页设计的概念，了解Dreamweaver软件的基本操作。
【培训目标】
熟练掌握网页设计技巧，掌握DIV+CSS网页布局方式，了解常用网站配色方案和技巧。
【学习内容】
• Web标准与CSS布局概述
1.什么是Web标准,Web表现层技术,结构(Structure),表现(Presentation),行为(Behavior)。
2.CSS布局与table布局的区别,CSS 2.0的优势,传统的table布局VS.CSS布局。
3.从HTML转向XHTML,发挥CSS 2.0的作用。
• XHTML与CSS基础
1.XHTML基础,选择合适的doctype,选择合适的标签。
2.CSS语法结构,CSS属性与选择符,类型选择符,群组选择符,包含选择符,id及class选择符。标签指定式选择符,组合选择符,伪类及伪对象,通配选择符,CSS数值单位。
3.应用CSS到网页中,行间样式表,内部样式表,外部样式表。
4.CSS开发环境与调试环境
• CSS网页布局
1.认识div,div是什么,如何使用div。
2.div的并列与嵌套结构。
3.使用合适的对象来布局,一列固定宽度,一列自适应,二列固定宽度,二列宽度自适应,两列右列宽度自适应,二列固定宽度居中,三列浮动中间列宽度自适应,高度自适应。
• CSS网站元素设计
1.用CSS设计网站导航,横向导航,纵向导航,下拉及多级弹出式菜单。
2.门户网站的导航设计(闪客帝国)
3.表单设计,改变输入框及文本域样式,改变下拉列表样式,改变按钮样式,表单布局设计。
4.CSS按钮
• CSS内容排版
1.文字排版,通栏排版,分栏排版,图文混合排版,图片基础控制,不规则文字环绕,全图排版,表格排版。充分使用表格对象的标签,表格样式控制,表单表格设计。
2.id vs class,什么是class,什么情况下使用class。id使用与网站结构,div Vs span。
3.CSS文件结构的设计与优化,导入,结构,CSS缩写,font字体缩写,margin与padding边距缩写,border边框缩写,list列表缩写,background背景缩写,color颜色缩写。
4.CSS代码优化,增加代码重用率,使用样式覆盖进行简化。.
5.XHTML与CSS校验,XHTML校验器,CSS校验器。
6.Flash如何符合标准。
• 网页设计创意思想
• 电子商务网站案例分析
86-022-2731400