怀柔电脑培训,怀柔学平面设计怀柔网站建设,怀柔做网站怀柔印刷怀柔效果图设计怀柔电脑培训学校QQ咨询怀柔电脑培训qq咨询

咨询电话:010-69632027/13241022177

教师的观点:博兴宏胜IT职业教育=先进的课程体系+远程教育平台+国家权威认证+分配广告定单+试用期跟踪辅导+实战型教学
当前位置: 首页 > 课程设置 >

WEB2.0布局就业班

XHTML+CSS课程学习目标: 

Ⅰ. 使用 XHTML+CSS 技术对网站进行布局

Ⅱ. 完美分离 XHTML结构层和 CSS表现层

Ⅲ. 精确还原网站设计效果图

Ⅳ. 制作出来的页面兼容 IE6、IE7、Firefox、Opera、谷歌等各种浏览器

Ⅴ. 可以熟练制作出 (门户级) 、(游戏类) 等网站的页面 

 

 

第一阶段:DIV+CSS精讲

• XHTML、CSS概述,结构与样式的分离的优势 

• 行间样式、内部样式、外链样式的区别 

• div 盒模型详解、标签的并列与嵌套 

• 让 div 居中: margin: 0 auto; 

• 选择合适的标签:ul、ol、li、dl、dt、dd、h1-h6、p、span… 

• 定义链接样式:link、hover、visited、active 

• 定义选择符:类型、群组、包含、id及class、通配选择符 

• XHTML 内联对象与块对象 inline、block 

• 样式优先权的问题 

• XHTML 及 CSS 的注释方式 

• 相对定位、绝对定位详解及实际应用 

• 布局分析:各类网站(门户网站、设计网站)的布局方式 

• 运用PhotoShop软件进行精确切图 

• 表格详解:colgroup、thead、tbody、tfoot、scope、col、row 

• 表单元素、改变表单元素的样式 

 

 

第二阶段:实战训练

• 浏览器的兼容性问题解析 

• 常见的浏览器 BUG 

• 调试页面错位的方法 

• CSS命名规范、CSS样式简写、特殊字符 

• 让 div 居中的另一种方式:使用 margin 负值方式居中 

• 不设宽度的水平居中 

• 垂直水平居中的 div 

• 网页阴影的制作 

• 实现圆角的多种方法 

• 网站导航的制作、滑动门效果详解 

• 半透明 div 图层 

• 隐藏、显示 div 

• 制作 div 内的下拉条 

• 隐藏多行文本框的下拉条 

• 用户体验更好的选框方式 

• 锚点及其实际应用 

• 将网页中FLASH的背景设置为透明 

• 去掉链接时的虚线 

• 让IE6支持PNG图片 

• 运用bodyID不同制作的导航效果 

 

 

第三阶段:网站案例分析

网站案例分析

 

 

课时:26