培训通网

【课程说明】
 
一个由DIV+CSS布局且结构良好的页面可以通过调整CSS的定义，在任何地方、任何智能设备（包括PDA、移动电话和计算机）上以任何外观表现出来，而且利用DIV+CSS布局方式构建的网页能够简化网页代码、加快网页显示速度，因此DIV+CSS已经成为目前流行的网页布局方式，也是网页设计和制作人员必需掌握的技能之一。本课程结合大量网页结构分析、图片切割、网页布局、页面组装的操作细节图解，由浅入深地讲解网页制作的步骤与方法，同时介绍了Web标准以及使用目前流行的“层”布局方式，并结合多个实例介绍了使用DIV+CSS构建网页的方法，结合实际网页制作中可能遇到的问题，提供了解决问题的思路、方法、技巧，使大家轻松掌握DIV+CSS布局方式，制作出精美的网页并搭建功能强大的网站。

【培训目标】
 
熟练掌握网页设计技巧，掌握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如何符合标准。

网页设计创意思想

电子商务网站案例分析