|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
DIV CSS是网站标准(或称WEB标准)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位。根据长期从事CSS代码编写的实际经验,力求以实用为主.解决好浏览器兼容问题,重点学习页面布局的方法。
, s Q. Y1 q; w8 W1 T+ z培训特色:
; `' Z/ h3 }* ?. Q8 G9 c' _1、全面的DIV CSS知识体系。从这里你可以从零到CSS高手不是问题。
* u/ L( F8 V, C$ q) y2、丰富的实战经验。拥有上百个大小CSS项目开发经验,从小站到门户经验丰富,知道CSS新手如何最捷径学习。
8 X; D# t0 L) p3、合理课程让你由浅入深渐进学习。
( u) I9 v# P3 D w* C1 ?! o3 ~ a4、系统的知识库,让你轻松查询和得到常用CSS特效。8 H2 v% g8 z6 ^% z) c. s
5、学费为480元,在线学习、工作两不误。
( u5 J0 B/ L: E* u* c5 I: u4 e6、永久的VIP会员,当期不会可加入下学期直到学会为止。. v/ j# r2 T: x% L3 T5 `
7、CSS技术毫无保留。我们将我们知道的DIV CSS技术和SEO技术毫无保留系统地教给大家。
f- w- c, T* ~0 y8、A5信誉,品质保证,对讲课不满意可以申请全额退款。3 @3 @. g) |. j
9、专业的在线视频讲课软件,可以直接全程观看讲师的桌面操作过程
; N7 r" `' G$ O" O; i10、讲课完毕预留10-20分钟的答疑时间,可以解决学员的各类实际操作问题。" {" T6 {* n4 A5 y( D
选择注意:观察培训师资实战经验,知识体系,学习服务条件。
( P) ?( D5 l6 ^) ~适合人群:热爱程序开发、网站设计、网站开发、网站建设的人群
# _" `: a$ O; j( n+ u5 V" q结业水平:能熟练的使用CSS Div进行网页的美化和布局。
; f, I* Y0 S' e讲师介绍:
1 O O; g& J) A网名:阿Q,现任海南某不知名网络公司前端技术总管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术.
6 ?# @% ` D& @! A; s4 Q& m' a课时:共12节课开课时间:8月14号20:00-21:30! e* {% h0 u, m( z& R8 U
讲课方式:好视通视频软件% R$ H4 f: o4 g, x% `; b
学费:480元
+ O# X) Q N4 ?* z3 K% f; Y5 c. t(本期收20位学员按照报名顺序,人满为止。再次承诺:对讲课不满意可以申请全额退款)
$ |& W& B q; `3 p# Y; H/ s2 j在线报名咨询:qq583850134qq8561289qq886128
2 J) j& l1 W( D/ v5 b" Q咨询电话400-008-3536
9 w$ [1 E) G, t/ M( H5 ?; B+ T主要内容:
# M: n; Q7 a4 F r( T2 t一,基础知识
4 {3 H9 X) X3 t; Z- }1,不得不说的废话:开场白.
0 h/ @9 ?4 I" q4 I2,必备的软件:firefox firebug,ietester,chrome浏览器,opera浏览器,重点介绍firebug,ietester的使用
* ]+ t: W7 G6 o8 ^3,推荐几个好用的前端设计软件:editplus,gvim,webstorm
5 O& k0 V/ k4 T/ {7 c/ p1 V2 e(见过全速使用vim编辑器编辑网页,那速度,那效率,绝非事半功倍可以形容,你不得不爱上他,根据学员需要,可以增加讲解vim编辑器的使用.)
' E& p# A! k& f, T) D4,良好的html结构是CSS布局的重中之重,是高效率页面的基础.: H6 A4 F- m: c7 w
a,文档申明写法,doctype和浏览器的渲染模式的关系.
$ L8 `; D4 \6 ^ v0 ^b,HTML代码的写法7 B1 ~+ N0 X1 _' D
c,介绍几个html5的推荐立马可以使用的强语义标签:article,section,nav,aside等
9 D5 I. G) x% `/ c# b5,导入css的几种方法.
7 D/ [0 |: M; X/ r5 I9 W二,CSS选择器' _3 w% o( W4 {9 a# Z& ~
1,规划,组织和维护样式表
5 e. E3 z5 o& V7 S) }2,常用选择器:
. q* n w2 \7 t* M- Q! m+ `1 g通用选择器' Y' Q, }% |4 Z+ ?; ~
高级选择器( M& }( W; R4 Q3 K4 m
层叠和特殊性1 n- |2 G- N" s, Y- V
继承* a& K5 {# m9 ]6 y
三,可视化格式模型:
( R, k. l, L J8 u9 Q1,css的盒模型.
: l0 I/ u+ l% T6 }# {4 P( Y( Y2,空白边叠加3 |3 E( ^+ _( A* t- n
四,css布局的几种模式8 w, z1 c- ^0 V4 K5 M! k# f
1,普通流和相对定位
+ S. \' d+ H! |$ _" S* ^2 _* S& ]2,浮定和清理浮动,ie6浮动的3px和margin翻倍bug9 m2 Z5 n4 O% O% j3 ?' @. t- C
3,绝对定位,ie6绝对定位的bug; {* m) }1 Q+ }8 l+ E$ z$ g
4,浏览器渲染页面的过程和高效率页面中布局方法的选择.1 o5 z0 U4 |& F6 c9 }9 S7 I* a
五,背景图像和圆角的设计
5 e$ u. z7 f4 P% e) } Z3 Y1,背景图像基础
! y7 C' T( }( A- T# u2,减少网页http请求数最有效的背景合并技术:sprite.
, _( O6 z! |4 |: U* ]" v5 c3,css3中渐变背景的设计以及不支持背景颜色渐变的浏览器的处理.) b7 e# q& H3 _) G& ]- o
六,圆角设计
7 b# Q( k$ ^2 f1,圆角框:固定宽度的圆角框和山顶角9 {+ K* r( S2 }
2,纯css圆角$ L4 D+ N3 X5 [& `: t/ c8 i
3,css3中的圆角框的设计以及不支持CSS3圆角框浏览器的处理.
; c( l$ P7 B+ m- X4,各种圆角技术优劣对比% R2 g% Y2 N" V( e7 P, u
七,阴影的设计
2 I$ D/ L( m; {$ C7 M! b$ ~8 F! y) H1,传统图像阴影的设计.! R9 O1 {' r. K# I) w9 e
简单的css阴影,模糊阴影,洋葱皮阴影.# Y: S8 l+ \8 \8 k
2,css3中高级阴影设计.
% E/ F: _6 r$ g, v3,不支持css3阴影的浏览器的处理.1 l9 C9 z8 F$ T$ q
八,文字的样式控制.
+ l! ?& f" Y1 n, `' o1,基本文字样式控制5 p! W+ \% ` B9 b7 h
2,高级文字样式控制.; A/ q. H* l& q$ x
九,连接和列表的样式.; V' J0 M' @9 _/ a4 o. F0 n
1,连接的样式,
2 X2 T- k2 j! H9 [. j( A2,列表的样式,
! u8 I9 Q+ ~0 F# z& b3 j# ]3,列表中文本溢出的处理.
4 |% Q9 P: U# t, S" y; M/ W/ D4,菜单的设计,' [4 |( @7 D9 x6 D0 m- j+ M' B, R+ q
5,居中的技巧.# @, C' e, Q; i5 ~ @
十,对数据表格应用样式
% B+ v( q1 _3 N: h1,表格特有的元素
) D9 d+ q4 m1 s* o4 Z2,数据表格标记
5 \; p! J+ B, H. n: D3,添加视觉样式.: g) }* _6 s3 b. d( L- v) {
4,美观的细线表格的设计.+ v2 p: |/ |+ o+ S- [3 a
5,高呈现效率表格的设计.1 W& O, f6 k y# ]
十一,表单样式设计4 H( U2 C; A& o& `. y4 c5 l7 @1 ^
1,基本的表单样式设计
1 \3 P4 g& C' X2,完全自定义表单样式设计.
: z/ i" \5 R# y# u+ A( v! s! g十二,招数和过滤器# N5 B7 ?! X6 e9 \6 v
各种处理浏览器兼容性的招数.
* a4 K( `& i& p- K L; E十三,布局实战
9 B( X" f* i9 }5 V% v根据实际情况安排课时.5 @* Y8 A1 l( H7 H- m
|
|