|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
DIV CSS是网站标准(或称WEB标准)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位。根据长期从事CSS代码编写的实际经验,力求以实用为主.解决好浏览器兼容问题,重点学习页面布局的方法。+ h* W+ f, f1 S0 q
培训特色:
' n' }: ~3 E* x1、全面的DIV CSS知识体系。从这里你可以从零到CSS高手不是问题。4 V! Q2 o& \5 U" t B$ [
2、丰富的实战经验。拥有上百个大小CSS项目开发经验,从小站到门户经验丰富,知道CSS新手如何最捷径学习。
4 p" i% K5 G1 i, N! H' L; h' J3 R3、合理课程让你由浅入深渐进学习。
1 b4 P: R# g4 x) I0 J, V. F4、系统的知识库,让你轻松查询和得到常用CSS特效。# A! |6 @9 O- G) m
5、学费为480元,在线学习、工作两不误。2 x2 L& C1 \- L2 F1 T
6、永久的VIP会员,当期不会可加入下学期直到学会为止。4 C3 ^; g* z! {" _$ v
7、CSS技术毫无保留。我们将我们知道的DIV CSS技术和SEO技术毫无保留系统地教给大家。3 c' y: T2 k1 `' O' F
8、A5信誉,品质保证,对讲课不满意可以申请全额退款。
. L8 }- b% A: l5 I9 J& Y9、专业的在线视频讲课软件,可以直接全程观看讲师的桌面操作过程& E9 N H( d% S
10、讲课完毕预留10-20分钟的答疑时间,可以解决学员的各类实际操作问题。
2 x P/ V8 U) h2 e# \7 _选择注意:观察培训师资实战经验,知识体系,学习服务条件。
- E+ S$ X% T+ T" r* C% i7 Y- N6 _适合人群:热爱程序开发、网站设计、网站开发、网站建设的人群
1 a: [, g7 a* r0 w: l" q结业水平:能熟练的使用CSS Div进行网页的美化和布局。1 A1 i( \, \8 Z) q4 E' Z2 k
讲师介绍:5 n! V4 x! |+ F9 f/ {: u B* r# ?
网名:阿Q,现任海南某不知名网络公司前端技术总管,长期从事页面前端开发和网络教学.熟悉css布局,html代码结构良好,爱好jQuery,php和linux技术.
' }( m, M; y; f9 r: J课时:共12节课开课时间:8月14号20:00-21:30
) F* m5 f7 Y# f7 Z& H" J0 I9 z讲课方式:好视通视频软件
' |$ B+ k1 l! D% V, R学费:480元* h8 c. z8 j* u" r" U6 P
(本期收20位学员按照报名顺序,人满为止。再次承诺:对讲课不满意可以申请全额退款)+ i9 c) a& p h; x$ S2 u( Y4 y' \1 j
在线报名咨询:qq583850134qq8561289qq886128
7 O$ z5 K' e( u( ?* X6 X咨询电话400-008-3536
, r5 ^, b) N. e主要内容:
0 U! X' G0 b/ l' y一,基础知识4 a# ~2 T* h X2 n- V
1,不得不说的废话:开场白.
9 |- ~8 \0 w% c9 V2 ^/ k! W2,必备的软件:firefox firebug,ietester,chrome浏览器,opera浏览器,重点介绍firebug,ietester的使用
5 I) o+ i% E: `3,推荐几个好用的前端设计软件:editplus,gvim,webstorm7 W4 d/ n1 Z9 {" p# ~
(见过全速使用vim编辑器编辑网页,那速度,那效率,绝非事半功倍可以形容,你不得不爱上他,根据学员需要,可以增加讲解vim编辑器的使用.)# y6 _5 t, `5 |! x, f
4,良好的html结构是CSS布局的重中之重,是高效率页面的基础.2 }) S7 P; N; h+ h$ v# ]) e2 }/ y
a,文档申明写法,doctype和浏览器的渲染模式的关系., ]$ B4 j- M. X$ d
b,HTML代码的写法9 v& r0 j9 f8 l7 z) {; z
c,介绍几个html5的推荐立马可以使用的强语义标签:article,section,nav,aside等
6 N* w& B5 S, R% V6 Y! e0 X: C5,导入css的几种方法., ?7 L" u( |" {2 O
二,CSS选择器" c" R X+ K4 i& L. B$ U
1,规划,组织和维护样式表/ H! v5 Y1 |0 z
2,常用选择器:
: E$ Z% k% ?0 S( ]通用选择器0 l) N/ O4 n) P! `
高级选择器# q9 b$ A9 v/ t5 p9 F2 K4 m
层叠和特殊性" m1 ?1 K+ i4 U7 @
继承
- S8 x: x& {! {$ G0 o* W三,可视化格式模型:
$ \+ i b" p" E/ Y' y1,css的盒模型.
4 g0 w) y* `5 ?( ]' F6 f6 s2,空白边叠加 G+ \0 z! e" y8 @
四,css布局的几种模式
1 K- u* k% b8 b1,普通流和相对定位
( _& C. C6 Q4 }0 y i2,浮定和清理浮动,ie6浮动的3px和margin翻倍bug
8 [! w- [7 A1 E3,绝对定位,ie6绝对定位的bug$ u+ J, ?2 }9 \7 i3 ?0 f9 [+ Q0 h
4,浏览器渲染页面的过程和高效率页面中布局方法的选择.
4 P9 I, N$ k8 p9 t9 }五,背景图像和圆角的设计8 Z9 f- {+ h( ^$ \8 B
1,背景图像基础
( ?- g8 I8 Q% S' s) j7 t2,减少网页http请求数最有效的背景合并技术:sprite.( I x# ~4 L" z( C7 s$ u# Q
3,css3中渐变背景的设计以及不支持背景颜色渐变的浏览器的处理.
6 }% ~: s3 t5 F3 J( G d, A六,圆角设计
4 I$ v# ?2 o9 c7 C1,圆角框:固定宽度的圆角框和山顶角
% T1 M |$ u1 E2,纯css圆角0 X0 ~1 u) } d5 W, e2 @# y
3,css3中的圆角框的设计以及不支持CSS3圆角框浏览器的处理.
. p6 I! o" i% H U' Q. \" {4,各种圆角技术优劣对比1 Y9 J% A3 Q5 [ d
七,阴影的设计0 V7 j9 u8 ~0 h9 ~
1,传统图像阴影的设计., R- ?' k. m' C- J* [4 m5 Y2 N. B
简单的css阴影,模糊阴影,洋葱皮阴影.& s/ y* E! q, l* }. m2 P
2,css3中高级阴影设计.
4 j# i" M8 \: E1 Z3,不支持css3阴影的浏览器的处理.( Q; b- |2 \. B+ g4 `) s/ b# Q
八,文字的样式控制.. }/ }4 C# d3 x
1,基本文字样式控制 D' _0 D9 Z& H: Z6 R. \+ y
2,高级文字样式控制.0 G. T& K% t& X% P& |* S: W; @# @
九,连接和列表的样式.
. M6 Y' n% D8 l3 G- t1,连接的样式,
; w( n. A8 Y$ f' z# D2,列表的样式,' R& I" P5 Q7 p* ]7 c
3,列表中文本溢出的处理.% ]3 ]6 F* [: H
4,菜单的设计,# M* n! J( d2 I: S9 |- r- ?
5,居中的技巧./ |, M _2 l" v& [9 ?. ?; ]
十,对数据表格应用样式
& z" v/ K; I& q( i1,表格特有的元素
: m; S( w+ K; X; P5 J( @2,数据表格标记
- t; X0 d6 B# E$ {9 `) ^3,添加视觉样式.
, {1 z q+ ^$ j' E4,美观的细线表格的设计.
0 J/ Z, ?5 C& D A- i" F( \/ I. W5,高呈现效率表格的设计.
: {; }9 q: B2 E; u; \5 x0 e4 j十一,表单样式设计- O$ b3 l' l: w" `9 Y4 \
1,基本的表单样式设计& i+ \2 F" X& D& Y* b) L
2,完全自定义表单样式设计.- G2 H: z* |+ P
十二,招数和过滤器2 `0 O4 ^8 X. g
各种处理浏览器兼容性的招数.3 a# T' M4 _) \) |
十三,布局实战
( N/ U5 J0 G3 m8 M" R% Q F根据实际情况安排课时.
2 B3 s# U/ a% f0 y |
|