|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
DIV CSS是网站标准(或称WEB标准)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位。根据长期从事CSS代码编写的实际经验,力求以实用为主.解决好浏览器兼容问题,重点学习页面布局的方法。
3 \ N8 ~) d$ ?/ H培训特色:" ]0 u; q8 F7 x1 T1 R
1、全面的DIV CSS知识体系。从这里你可以从零到CSS高手不是问题。
' ~: ~. ~/ [5 L1 s; _. l1 x) K2、丰富的实战经验。拥有上百个大小CSS项目开发经验,从小站到门户经验丰富,知道CSS新手如何最捷径学习。
. d( O/ v. _+ }! M% h3、合理课程让你由浅入深渐进学习。* D2 }9 [- {4 J+ s! @4 F
4、系统的知识库,让你轻松查询和得到常用CSS特效。1 ?$ J; o/ P9 b" O. L3 D9 s3 n3 u; Q
5、学费为480元,在线学习、工作两不误。6 J/ C1 W0 V q3 C3 A6 H" h
6、永久的VIP会员,当期不会可加入下学期直到学会为止。
8 z0 i. ] P8 e0 R7、CSS技术毫无保留。我们将我们知道的DIV CSS技术和SEO技术毫无保留系统地教给大家。
# b+ ?& S. K+ {' ]; ?8 B8、A5信誉,品质保证,对讲课不满意可以申请全额退款。
; @7 J0 S7 V: w' Y5 n9、专业的在线视频讲课软件,可以直接全程观看讲师的桌面操作过程8 A* f) h" N, Z$ I H
10、讲课完毕预留10-20分钟的答疑时间,可以解决学员的各类实际操作问题。' F- n3 X% R0 s
选择注意:观察培训师资实战经验,知识体系,学习服务条件。
* g$ b" u; |% `# i适合人群:热爱程序开发、网站设计、网站开发、网站建设的人群& l9 q* }: L* c: F: p
结业水平:能熟练的使用CSS Div进行网页的美化和布局。
7 B/ b2 [: z' B讲师介绍:+ { g) \8 D% w: a
网名:阿Q,现任海南某不知名网络公司前端技术总管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术.! P2 f, m8 {& _4 ^' T: Z
课时:共12节课开课时间:8月14号20:00-21:30
a( {3 @, S) j; B D' U+ ?. d讲课方式:好视通视频软件
; F: u( J! y" a- o5 k/ E9 y) j学费:480元
( b2 N# Z: V6 W5 i5 ~2 A(本期收20位学员按照报名顺序,人满为止。再次承诺:对讲课不满意可以申请全额退款)
/ f( I7 h+ F, \在线报名咨询:qq583850134qq8561289qq886128
, r* c! m& ` ~% V咨询电话400-008-3536
6 N" h6 y# H0 ~主要内容:1 k3 }2 C% C' {8 B2 p( j. h
一,基础知识2 n& @/ o& K7 ]; J/ ]$ @- s2 D
1,不得不说的废话:开场白.
* ^; n8 z6 n; U! P3 ~/ ]. L2,必备的软件:firefox firebug,ietester,chrome浏览器,opera浏览器,重点介绍firebug,ietester的使用
4 \) E" k$ [4 S4 O6 t3,推荐几个好用的前端设计软件:editplus,gvim,webstorm
3 h3 ?! G; O* T: ~1 O* G(见过全速使用vim编辑器编辑网页,那速度,那效率,绝非事半功倍可以形容,你不得不爱上他,根据学员需要,可以增加讲解vim编辑器的使用.)
! {& _* C& Q/ \" q0 p$ v4,良好的html结构是CSS布局的重中之重,是高效率页面的基础.
6 w4 y# }! C" u. m' Qa,文档申明写法,doctype和浏览器的渲染模式的关系.$ J( _6 {5 ]: @7 j( p
b,HTML代码的写法& k- w3 q7 }6 M3 q8 N; J1 q: i8 ^; |
c,介绍几个html5的推荐立马可以使用的强语义标签:article,section,nav,aside等8 F" d. B2 B' M& z/ X
5,导入css的几种方法.; Y0 g5 a Z5 ]/ ^5 G+ R T
二,CSS选择器
& u3 ]! b: y) Y! ~; K) a$ A1,规划,组织和维护样式表
; C' r3 d, h7 U" ^0 c# |2,常用选择器:( _ e, B- @7 G) T) t6 z! T6 K
通用选择器 f4 _- k+ E; V5 \
高级选择器
3 }. H) B$ h. e$ K层叠和特殊性
4 K. {* K( o/ h继承; c9 z) ^0 P# p* u6 A* R
三,可视化格式模型:0 l/ X: ^; |2 w+ u/ f
1,css的盒模型.7 f9 V. M; H) w/ l4 l
2,空白边叠加( }' y6 u: Q, I6 t
四,css布局的几种模式9 s" I9 y V2 P0 R
1,普通流和相对定位
9 Y4 ^( d* Y3 x( L2,浮定和清理浮动,ie6浮动的3px和margin翻倍bug
' h" B* k5 V9 ]9 U3,绝对定位,ie6绝对定位的bug
) e: \) x0 \# F$ V( B4 Z1 _2 P9 d4,浏览器渲染页面的过程和高效率页面中布局方法的选择.
. Z9 R3 v9 m$ Y6 I; R五,背景图像和圆角的设计
; I# f. x. [! @1 T# O& x6 d1,背景图像基础( e& D1 v! u- \6 X& _
2,减少网页http请求数最有效的背景合并技术:sprite.
4 j- U, h' G. A+ w3,css3中渐变背景的设计以及不支持背景颜色渐变的浏览器的处理.
% {) u' p3 f8 y4 _5 A" T六,圆角设计
: B. K. _2 a( c6 ^! s1,圆角框:固定宽度的圆角框和山顶角
# J( g6 B+ ~ I( q2,纯css圆角1 I/ ]$ o& [8 d w. a$ o+ ?
3,css3中的圆角框的设计以及不支持CSS3圆角框浏览器的处理.
; \7 b O+ j+ O/ B6 ], R: U4,各种圆角技术优劣对比
# M, m9 e# P4 x2 {七,阴影的设计
, y- [6 J i1 V" y* q7 X7 o& S1 j1,传统图像阴影的设计.9 N0 n! m! E8 {( R+ r
简单的css阴影,模糊阴影,洋葱皮阴影.0 |3 v' H: ]% _! W# ^( A
2,css3中高级阴影设计.
% I& s' R" F! g0 L3,不支持css3阴影的浏览器的处理.7 B3 k' p. z, X! i0 z( q7 k4 `
八,文字的样式控制./ T. M; n4 N# B0 |3 w( a: J
1,基本文字样式控制9 s1 f. W+ Z) x7 f5 P! `
2,高级文字样式控制.% g& @2 \* q. H/ k" b& g) a
九,连接和列表的样式., E T( B5 \% b/ Y( O
1,连接的样式,% J. M; ?3 [4 q: l" f
2,列表的样式,
# ?& {+ ^7 H$ N! e# V3,列表中文本溢出的处理.% d3 x' v7 X8 o
4,菜单的设计,7 U5 _7 F' Z7 d6 p' ]
5,居中的技巧.1 {. A% P2 U8 ?, p1 l) y
十,对数据表格应用样式' @. T% |* n8 L6 S# t- z7 X
1,表格特有的元素
( S1 W1 t% W' _% O! Q# U2 E2,数据表格标记1 \& c8 q( p) l4 W1 u9 n/ L
3,添加视觉样式.
: X8 y2 |% G4 `8 z1 K* s: P+ p4,美观的细线表格的设计.. l1 k$ s3 }, T& j7 R& x# n' N) K
5,高呈现效率表格的设计.7 @5 Z) b# e; b$ L8 L- Y% g
十一,表单样式设计' G& [* B" c* n b0 m
1,基本的表单样式设计
2 M8 I! n+ g% q) T2,完全自定义表单样式设计.6 l& c) ]6 ~/ ~" j
十二,招数和过滤器& b( {3 J( o2 S6 A, t8 t4 _
各种处理浏览器兼容性的招数.* J- L, \3 m- d2 p' W* u
十三,布局实战0 e6 d2 k, `8 G
根据实际情况安排课时.. b( }$ _3 v2 u; B, N
|
|