DIV+CSS网页布局与创意
一个由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如何符合标准。
网页设计创意思想
电子商务网站案例分析
|
关于我们 
首 页
