CSS+DIV

样式表与布局

课程介绍：CSS作为Web标准的一部分，已经成为现代网页设计中必不可少的关键要素。CSS是一种简单的语言，但是由于种种原因，真正CSS却绝非易事。本课程将有用的CSS技术汇总在一起，讨论了核心的CSS技术，例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。并总结了CSS设计中的佳实践，讨论了解决各种实际问题的技术。

培训目标：熟练掌握网页设计技巧，掌握DIV+CSS网页布局方式，了解常用网站配色方案和技巧。

适合人群：具备HTML基本知识的网页设计人员

培训教材：瑞通自编课程资料

课程大纲：  

一、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。
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如何符合标准。

六、网页设计创意思想

七、电子商务网站案例分析

公司简介：

东方瑞通，1998年成立于北大燕园，是国内早的IT技术培训企业，2009年营业额超过 2000万元，拥有Microsoft、Redhat、ITIL、Citrix、SUN、CIW、Cisco七大IT厂商的授权培训资质，总部位于北京，2008年初设立上海公司，开设近100门IT技术类和IT管理类培训课程，年培训学员近5000 名，是国内大的IT原厂授权培训；

天津智知堂，2001年成立，提供微软、思科、Sun Java、Linux等IT专业培训，在天津市场上有较高市场占有率，拥有良好的企业口碑与度；

2009年12月，东方瑞通与智知堂签署合作，双方合作在天津设立东方瑞通（天津）公司。这将是继东方瑞通于2008年初设立上海公司后建立的第二个直营培训公司。凭借东方瑞通所有厂商 授权资质和资源、丰富完善的课程体系与强大的师资资源，结合天津智知堂原有经营团队丰富的当地资源，东方瑞通天津公司将为天津的企业客户和个人客户提供级的专业化IT培训和级 IT外包服务。

东方瑞通发展历史简介：

东方瑞通——中国大的IT原厂授权培训

——中国大的微软授权企业级培训中心（CPLS）

－北京，上海，天津三个培训基地

－2007年营业额超过1500万元，其中80％来源于企业客户的公开课，内训以及IT服务

－1998年创办于北大燕园，国内早的IT技术培训企业