|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
DIV CSS是网站标准(或称WEB标准)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位。根据长期从事CSS代码编写的实际经验,力求以实用为主.解决好浏览器兼容问题,重点学习页面布局的方法。* b8 J7 g2 r5 W. j1 F
培训特色:
: x3 P2 q$ j' i2 J4 u# L" h; \8 Q1、全面的DIV CSS知识体系。从这里你可以从零到CSS高手不是问题。 N( r9 ^4 k- Z* y5 ?$ E. b3 n
2、丰富的实战经验。拥有上百个大小CSS项目开发经验,从小站到门户经验丰富,知道CSS新手如何最捷径学习。7 e2 p3 _7 R" e# K! D' [
3、合理课程让你由浅入深渐进学习。/ {- H$ S G( P7 B7 p2 e/ y
4、系统的知识库,让你轻松查询和得到常用CSS特效。( a6 R2 G5 I& Z' b' o. h m
5、学费为480元,在线学习、工作两不误。, z. O0 F I) X' [. E* r R4 O
6、永久的VIP会员,当期不会可加入下学期直到学会为止。" a' q9 T2 U. l; p; g
7、CSS技术毫无保留。我们将我们知道的DIV CSS技术和SEO技术毫无保留系统地教给大家。
: P* ^1 f( z& @8、A5信誉,品质保证,对讲课不满意可以申请全额退款。' l; |0 f4 A9 l* `& x
9、专业的在线视频讲课软件,可以直接全程观看讲师的桌面操作过程* F" P+ M* [/ M" F0 u) m% ^
10、讲课完毕预留10-20分钟的答疑时间,可以解决学员的各类实际操作问题。
" w+ k7 `/ v( C0 i选择注意:观察培训师资实战经验,知识体系,学习服务条件。
4 \, ]# O( ^! P! |+ q$ z适合人群:热爱程序开发、网站设计、网站开发、网站建设的人群
7 M2 V5 u7 R3 |- Y6 d结业水平:能熟练的使用CSS Div进行网页的美化和布局。) E. ^7 u+ f8 \# ?
讲师介绍:. z3 _' B- E# {2 m- p9 R
网名:阿Q,现任海南某不知名网络公司前端技术总管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术.
# h/ s! \2 I9 U. Y课时:共12节课开课时间:8月14号20:00-21:306 S' o8 J6 W: d" B
讲课方式:好视通视频软件
6 x) \1 `, x$ t* g学费:480元& p/ _0 X& f5 \1 }% ?5 _& s
(本期收20位学员按照报名顺序,人满为止。再次承诺:对讲课不满意可以申请全额退款)1 Q, F! X3 J6 x( G! R% V
在线报名咨询:qq583850134qq8561289qq886128
; j) d3 M9 t1 S$ M* g咨询电话400-008-3536
8 w6 E" D6 e9 b1 m1 @主要内容:" R; @& p5 A8 i% ~( u; @
一,基础知识
/ |' b9 N: j, S/ q0 I6 p1,不得不说的废话:开场白.$ K5 o( h: T& ]2 h/ P8 n) t
2,必备的软件:firefox firebug,ietester,chrome浏览器,opera浏览器,重点介绍firebug,ietester的使用$ R6 n! q ?6 f: z7 l0 ~
3,推荐几个好用的前端设计软件:editplus,gvim,webstorm
0 Q. B! ^3 F9 ^" Y) B/ c(见过全速使用vim编辑器编辑网页,那速度,那效率,绝非事半功倍可以形容,你不得不爱上他,根据学员需要,可以增加讲解vim编辑器的使用.)
& s7 U& J. d l: ^: \& O6 K% ]4,良好的html结构是CSS布局的重中之重,是高效率页面的基础.# N* n9 P' F ~7 ^+ @
a,文档申明写法,doctype和浏览器的渲染模式的关系.: I+ l2 ?* s/ g$ P# W& }& y
b,HTML代码的写法
8 R: o" \" l [4 j5 \8 n$ Vc,介绍几个html5的推荐立马可以使用的强语义标签:article,section,nav,aside等
( u" Y6 _. J! C G, T5,导入css的几种方法.1 v$ z/ t! v% z% k5 ]; O8 d; q1 z
二,CSS选择器5 x2 G: P7 l C/ D% l4 V# g7 R
1,规划,组织和维护样式表
# L+ g( H! D1 H% ]8 X2,常用选择器:* t4 C, P; b# K
通用选择器
4 F4 v" b1 m* l/ D& O% W. {高级选择器
p* R" `4 B6 ~; f; s$ K层叠和特殊性* u2 R* w" h2 {# I
继承
5 d+ e8 \5 s! }( p8 ?三,可视化格式模型:
- e/ J5 X) S2 I5 h, D) U8 |1,css的盒模型.! m+ a/ \* _% k& Z5 ~8 {9 X+ M
2,空白边叠加- q% x6 ~) L# g5 d) ~; m6 `/ [
四,css布局的几种模式
, I1 y. D/ w6 h: ]1,普通流和相对定位
% i2 x* f" C; L0 U* L2,浮定和清理浮动,ie6浮动的3px和margin翻倍bug9 V4 X5 Z6 p( w' S. b
3,绝对定位,ie6绝对定位的bug
6 l* c! n( `, v& c4,浏览器渲染页面的过程和高效率页面中布局方法的选择. w, V2 O- ?5 G/ e; c8 w* b. B
五,背景图像和圆角的设计0 p! q& O" V4 W, b% F5 Q" x0 N
1,背景图像基础$ L5 w: }' j# `3 k$ ?
2,减少网页http请求数最有效的背景合并技术:sprite.* j, }6 r! Q+ N) n
3,css3中渐变背景的设计以及不支持背景颜色渐变的浏览器的处理.
( r8 v, ]4 @( v7 e* u* U六,圆角设计: }4 {8 Z+ ^3 {" C8 m7 }
1,圆角框:固定宽度的圆角框和山顶角
& m' O0 }+ V1 D0 V; Q* N2 @8 ~) r3 r2,纯css圆角& O' `/ e5 ]& N% E, f
3,css3中的圆角框的设计以及不支持CSS3圆角框浏览器的处理.6 b/ X2 o( E4 _5 H( C" D4 g6 m
4,各种圆角技术优劣对比5 C) h. i( b1 B N) S9 K p/ e$ A+ ~
七,阴影的设计! P* @# B7 E4 ?( m
1,传统图像阴影的设计.
9 A7 z% w" M7 n7 x3 o简单的css阴影,模糊阴影,洋葱皮阴影.
/ V! Q8 i8 @. Q2,css3中高级阴影设计.7 j% ?! d; a; P/ l+ [- E
3,不支持css3阴影的浏览器的处理.0 \1 p) S" ]& J4 a
八,文字的样式控制.
, R+ n# T) |. F' A2 J+ h" A1,基本文字样式控制2 r& k# G1 E6 P' ^1 _' m
2,高级文字样式控制.
! A0 k; t& r$ j5 v( f& j九,连接和列表的样式.# H5 M8 ], I! r7 ~
1,连接的样式,
2 w% l' r6 Y I% J5 j0 {4 @2,列表的样式,9 Y! q3 `& L. D- T% B* d% N
3,列表中文本溢出的处理.
" J' p0 g1 M/ [' P2 }7 c% `! D4,菜单的设计,
5 B( T3 ^* U+ c' }$ I5,居中的技巧.
/ \3 H0 D2 L0 f$ J0 q十,对数据表格应用样式
1 L; f7 a, r- _( W3 T B8 S1,表格特有的元素
; F5 u8 l V$ f+ r% v2,数据表格标记 \$ v% l0 k% w1 c x
3,添加视觉样式.! Q. z. F3 r1 }
4,美观的细线表格的设计.) ^9 O: J- ]6 c$ q3 G
5,高呈现效率表格的设计.+ N v8 d: z" x7 r
十一,表单样式设计
$ v+ C# a2 y1 k: D) b/ D1,基本的表单样式设计
3 d% `6 S P6 @* r' f2 [2,完全自定义表单样式设计.
o1 O' R& w1 W* j6 W2 o十二,招数和过滤器 s L5 a t0 b; A4 L- [
各种处理浏览器兼容性的招数.
! c- ~/ m0 t2 {6 [: D% W十三,布局实战% e- P' W( v2 Z; {1 v; X# w) m4 X
根据实际情况安排课时.; e; y" x: N; f) Y I/ K
|
|