|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
DIV CSS是网站标准(或称WEB标准)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位。根据长期从事CSS代码编写的实际经验,力求以实用为主.解决好浏览器兼容问题,重点学习页面布局的方法。
' O5 E0 m& ^( {$ e x+ h' q A& Z7 n培训特色:% }6 h1 P7 Y5 D2 z+ p
1、全面的DIV CSS知识体系。从这里你可以从零到CSS高手不是问题。
1 N5 z2 v9 p8 Q, f( V7 X! x( G8 H3 o2、丰富的实战经验。拥有上百个大小CSS项目开发经验,从小站到门户经验丰富,知道CSS新手如何最捷径学习。9 t2 I) p! D& \; s% C. {6 H! v
3、合理课程让你由浅入深渐进学习。; ~5 e. R* W( z; }& f% E
4、系统的知识库,让你轻松查询和得到常用CSS特效。
2 B i+ V G3 D( J1 S$ z5、学费为480元,在线学习、工作两不误。% o, L3 r5 e% P( H; Y, g% s
6、永久的VIP会员,当期不会可加入下学期直到学会为止。
) X; Q. M& {- M+ u0 l. O% F7 e7、CSS技术毫无保留。我们将我们知道的DIV CSS技术和SEO技术毫无保留系统地教给大家。
" a( r: o: `( g+ q- X% u8 G7 A& |& w8、A5信誉,品质保证,对讲课不满意可以申请全额退款。
& f+ A/ ?$ Q/ ]0 j9、专业的在线视频讲课软件,可以直接全程观看讲师的桌面操作过程6 S, q- l9 e4 W& @6 c9 L5 J! m7 O. F7 w
10、讲课完毕预留10-20分钟的答疑时间,可以解决学员的各类实际操作问题。
! r5 B3 C8 j" i) J选择注意:观察培训师资实战经验,知识体系,学习服务条件。$ l9 d; `3 c0 l u5 z. c
适合人群:热爱程序开发、网站设计、网站开发、网站建设的人群* V& K* A% K4 Z |1 i; ~; y& @. ?
结业水平:能熟练的使用CSS Div进行网页的美化和布局。
" j; Y, f( G7 ]( G) }- b讲师介绍:& |& S# T. U' c( K$ i3 D5 y$ |8 _8 Z
网名:阿Q,现任海南某不知名网络公司前端技术总管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术.% Z; J- R9 p1 n+ z
课时:共12节课开课时间:8月14号20:00-21:30
- v! w) [" T' D# ^, F! \/ \讲课方式:好视通视频软件 _: b) v% o& }: U# Y, k
学费:480元# b# A) g% s- r1 [5 h3 ?( d9 N
(本期收20位学员按照报名顺序,人满为止。再次承诺:对讲课不满意可以申请全额退款)3 i7 c! `# E! u/ R4 U6 G4 u
在线报名咨询:qq583850134qq8561289qq886128
. b; O2 `0 ~1 j& A咨询电话400-008-3536
. S" z/ Y! K' a! n; n主要内容:
N. [& I; k. x5 M: H4 X$ E+ v/ V一,基础知识9 f" |# A% d; v* G( z* w
1,不得不说的废话:开场白.
) `" M* W s( y2,必备的软件:firefox firebug,ietester,chrome浏览器,opera浏览器,重点介绍firebug,ietester的使用0 j' D! a. D1 h4 ]2 U
3,推荐几个好用的前端设计软件:editplus,gvim,webstorm
! v# Z# |; J4 P8 E(见过全速使用vim编辑器编辑网页,那速度,那效率,绝非事半功倍可以形容,你不得不爱上他,根据学员需要,可以增加讲解vim编辑器的使用.)3 O& |" j `3 j# a; D
4,良好的html结构是CSS布局的重中之重,是高效率页面的基础.
2 |/ n+ t6 U4 y, l/ x! ~a,文档申明写法,doctype和浏览器的渲染模式的关系.
( p7 M! e: w0 H- vb,HTML代码的写法
! D4 X; x: D# p9 [8 Y# Tc,介绍几个html5的推荐立马可以使用的强语义标签:article,section,nav,aside等
! X( @) p8 B$ _5,导入css的几种方法.
' ]. N0 [6 u& R: H二,CSS选择器
8 m9 U5 z0 A" q. q* h0 Z W1,规划,组织和维护样式表
8 a/ z' c: g/ U) r2,常用选择器:, V* Y( c# {3 e, n. O
通用选择器
1 Z8 h( g: y" R- o4 I' h$ g高级选择器
- }8 K) B& |' E( Y层叠和特殊性5 l! E4 ?6 c9 f
继承
7 C) j1 f" |( V7 M三,可视化格式模型:1 B5 j0 v6 H- ]" P3 T
1,css的盒模型.2 p% }# `* t; M' g/ d
2,空白边叠加
8 @1 X# E+ _2 H四,css布局的几种模式
5 [9 U) \ n- ?# U6 u1 I1,普通流和相对定位* ~/ @+ Z6 u* q0 P
2,浮定和清理浮动,ie6浮动的3px和margin翻倍bug
; r" \" {8 Q; D* y( w3,绝对定位,ie6绝对定位的bug
$ f. Y2 v1 Z9 K4 F4,浏览器渲染页面的过程和高效率页面中布局方法的选择.7 `- |$ x4 D/ t6 O6 t5 v) R
五,背景图像和圆角的设计7 t* q% |3 X$ T/ ]4 h% a4 G3 J: F
1,背景图像基础9 k2 u% M, F3 Q: c
2,减少网页http请求数最有效的背景合并技术:sprite.# h0 l6 T$ d! J2 m4 ]& @
3,css3中渐变背景的设计以及不支持背景颜色渐变的浏览器的处理.
# ^* W. H0 w9 U' W: q% F9 x# L六,圆角设计; x& q& B! H( Y* U
1,圆角框:固定宽度的圆角框和山顶角/ t$ u; K6 A$ h5 X
2,纯css圆角6 ~3 B; [0 n/ a+ k0 } f4 G; c
3,css3中的圆角框的设计以及不支持CSS3圆角框浏览器的处理.% t: O* p0 o6 ^$ {$ h. s, Q$ ^
4,各种圆角技术优劣对比- N& }0 @9 w0 [, w: P1 B
七,阴影的设计
3 P* M/ r% W" {1,传统图像阴影的设计." [' v" |' {9 S
简单的css阴影,模糊阴影,洋葱皮阴影.
2 u2 n# T7 c; S5 o2,css3中高级阴影设计./ ~( E& ^2 w" H9 a5 ]6 D) E% H2 I
3,不支持css3阴影的浏览器的处理.
; S+ |2 A: I5 K八,文字的样式控制.# X" B% K* m2 S" ]' q
1,基本文字样式控制
, A* H- {$ `; n2,高级文字样式控制.
! P" D% r6 w$ m* C九,连接和列表的样式., Y; g8 C$ n2 D" Q9 a
1,连接的样式,
4 G4 S! U4 S7 X; v; K2,列表的样式,
% t5 ~; C: J( z0 K3,列表中文本溢出的处理.$ u, \& w& w0 d
4,菜单的设计,
- h, u8 Y2 X# |; I# M" ?5,居中的技巧.
& w4 s1 Y9 \7 u! e8 j; f4 z2 @2 [2 s十,对数据表格应用样式* m5 T) @: \ _. N" U9 Z0 y
1,表格特有的元素' d, ?4 g6 K8 | x9 L5 u9 J
2,数据表格标记
8 e$ e- K; s; _- ~7 a7 L3,添加视觉样式.
7 j: y$ c7 G& ?# y: ~4,美观的细线表格的设计.+ N* J- b2 T. W# i" y H
5,高呈现效率表格的设计.
, v3 `" O. f# f( {! ^$ D6 x十一,表单样式设计' p7 {. D; T J1 E( F7 J& Q3 P, O0 i
1,基本的表单样式设计6 j+ S5 g8 S8 S( y
2,完全自定义表单样式设计.
, F$ e/ H W F8 _0 b十二,招数和过滤器
& O0 m7 p1 I. c8 I各种处理浏览器兼容性的招数., L8 ?( M/ D. `( B4 A0 V% l
十三,布局实战7 ^9 v& w+ m. {
根据实际情况安排课时.2 ^ G& u) T" A+ ~( c5 L
|
|