DIV+CSS网页制作零基础－晚班招生中，上课地点：CBD国贸。
当前位置: 首页 > 课程内容

课程内容

DIV+CSS网页制作零基础班

第 1 章 初探 XHTML+CSS2
准备工作，一些必要的软件：

Photoshop、Dreamweaver、IE8、IETester、Firefox、Firebug，结构-XHTML、样式-CSS2、行为-JavaScript 完全分离

W3C、DOCTYPE 文档头部声明：严格版本、过渡版本以及基于框架的 HTML 文档类型
HTML/XML/XHTML/HTML5 的区别
第 2 章 XHTML 组成
选择合适的标签：ul、ol、li、dl、dt、dd、h1-h6、p、span、strong ……
初始化标签样式、标签嵌套规则
各种网页结构的语义化分析、
XHTML 内联对象与块对象 inline、block，内联与块对象的相互转换。初始化标签样式、标签嵌套规则。
div 盒模型详解、图片：是 img 还是 background单词间距(word-spacing)、字母间距(letter-spacing)特殊的 A 标签、定义链接样式：L-V-H-A
第 3 章 浮动详解、定位进阶
浮动详解（float）、浮动在各种宽度下的变化
清除浮动（clear）
相对定位、绝对定位详解及实际应用
第 4 章 滑动门、表单
导航、滑动门技术详解
CSS Sprites 图片裁切方式，
表格详解。
第 5章 兼容性与布局
兼容性问题分析，调试、判断出错位置的方法浏览器 BUG 解决方案总结：IE6 双边距 bug，CSS hack 介绍，慎用或者不用 CSS hack 代码，面试中常问到的：!important网页布局方式，布局思路常见的几种布局：标准三列布局、两列右列宽度自适应、三列浮动中间宽度自适应、设置等高布局、高度自适应屏幕宽布局
第 6 章 前端制作面试题
什么是W3C标准？XHTML和HTML的区别？文件类型声明（DOCTYPE declaration）有哪几种？清除浮动有哪几种方式？制作一个高度不固定，在屏幕内垂直居中的DIV元素兼容性问题!important及CSS hack布局：左侧固定宽、右侧自适应宽的等高页布局：三列中间自适应自适应宽的滑动门个人简历撰写技巧