给大家带来DIV+CSS手艺进门
凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和FLASH,所以我一直建议一个提交按钮就不要用图片带代替了。CSS是CascadingStyleSheets(层叠款式表单)的简称。更多的人把它称作款式表。望文生义,它是一种计划网页款式的工具。借助CSS的壮大功效,网页将在您丰厚的设想力下一成不变,愈来愈多的人在进修而良多初学者没有一个眉目,收拾了一些进修的办法给人人。
一.CSS进修重在办法!
进修任何器材都是一样,从小学、中学、年夜学,除进修常识外就是往进修办法!
要想把握CSS,起首要学会HTML!
再来谈一放学习过程当中的细节,由于一个款式它是不成能离开HTML页面的,HTML不与款式分离的话,CSS就得到了存在的意义。以是一样平常书中城市举一个例子,然后让你上机测试效果,这是笔者想让你有对款式表CSS有一个开端的印象,告知你CSS能做甚么。一个小例子:“麻雀虽小,五脏俱全”,你大概看不懂每个语句的真正意义。可是你能够记得例子的形式,今后在理论中不休地用,不休用的历程就是不休记的历程,以是不克不及恢心,不克不及总以为本人影象力欠好,但不论你骑的是牛也好,千里马也罢,只需有恒心,必定会抵达尽头的。
浏览一本书,一样平常来讲第一主要先把全部书通读一遍,不睬解的也要往下看,在往下看的过程当中你大概会找到谁人成绩的谜底。看完后你有一个也许的印象,但必定有良多不分明的中央,不妨,持续往下看。第二遍你就要边看边做进修条记了,把你以为是重点的部分写上,另有,你以为有疑问的部分也要记下,带着疑问看下往,假如没有谜底,你能够往BBS上发一个贴子,好意人仍是良多的,提醒一句:“必定要学会怎样往问成绩!”。你还要上机往实习书上的例子,最使你狐疑的:“一是记不住,二是对观点的了解有误(这一条多是书译的欠好,别的就是你的了解不合错误)”,关于第一条你就要建立信念,保持再保持下往。当你抵达尽头时你回发明统统都是水到渠成的事。由于你勉力了,勉力了就会有报答,有了局。
有很多多少人也看了,可是没有甚么前进,次要有以下几个缘故原由:
缘故原由一:压力不敷,由于有很多人好比美工学CSS,由于是看他人学,以是学之,不学就没上风!如许的压力是很小的,学欠好另有美工这碗饭。
缘故原由二:只是专业进修,如许学还只是玩一玩,由于你纷歧定非要以这门手艺用饭。
缘故原由三:办法不合错误,有的人只是在看教程,但他不下手往做,我之前就是看的太多,做的太少,以是有了理论你才干把实际的器材揉出来。
二.把握CSS的四个进修阶段
阶段一:不往想扫瞄器的兼容性成绩的情形下能做出页面,但页面里各处用TABLE的形式DIV写出的页面。
阶段二:想到了兼容性成绩,但没法提早防备,只会修补成绩,大批利用HACK手艺(我对HACK手艺只是晓得,但用的很少)
阶段三:可提早防备BUG,但款式表中大批使用了ID,CLASS,CSS译过去是堆叠款式表,好比“DIVPSPAN”。这句代码是标明DIV子元素中P的子元素SPAN,如许写就能够界说SPAN的款式了,不必在SPAN中到场CLASS了。这也就是CSS的长处地点,为何欠好好使用而必定要界说一个CLASS呢!
阶段四:这一阶段是最难的,优秀的HTML语义布局、公道的CSS、可反复使用的款式。优秀的语义有这方面的文章,公道的CSS,这两方面今后必定会写专题来研讨。
三.CSS初学者罕见成绩:
第一个请求是缩图的正下方要有个题目。作法相称直截了当:在你的HTML里放上图片,接着一个断行(BR),再把题目放在一个段落(P)里而且置中(使用CSS)。
接着要让这些缩图跟题目成对地分列在扫瞄器窗口里。利用表格排版时,这一对对的缩图跟题目会被分离安排在TD里。在利用CSS排版时,我们要把它们分离安排在DIV里。为了让它们能程度分列在窗口上,我们用CSS让这些DIV往左浮动(FLOAT)。
成绩1:学CSS应当选甚么样书来读?
先保举几本:《CSS威望指南》《网站重构》《网站结构实录》《HTML参考年夜全》
成绩2:用甚么软件编纂CSS代码?
只需已能到达会手写的水平,用甚么软件都能够,保举利用DreamWeaver外挂TopStyle(最新版本是ProV3.12)。
成绩3:先写HTML仍是先写CSS?
网上有良多种谜底:先写HTML后写CSS;先写CSS后写HTML;二者同时写。二者一同写更合适初学者,先写CSS大概先写HTML关于初学者都不是得当得的办法。假如让一团体编写代码,你告知他先写HTML,写完后HTML不克不及修正了,然后你写CSS,假如他能够写出来,那这团体必定是一个程度十分高的Builder了!以是关于初学者,多半情形下倡议同时编写,详细说一下步骤:
先要把站点建好,目次建好,好比我们建好文件夹CSS,IMAGES,这两个是最其本的,然后新建一个HTML文件,一个style.css一个空的款式表,把HTML页毗连到这个内部款式表。
然后我们先写HTML中的最基础的结构部分,都是用DIV,然后间接在DIV里到场ID或CLASS,这些结构部分包含外衣部分,头部分,两头部分,左,中,右,版权部分等。
写好这些后,这时候你能够到款式表中写款式,大概你在接着写结构里的部分,拿头部为例,在头部写进LOGO部分,NAV部分也一样到场ID或CLASS。别的同理。
为何说我们不成能一次性把HTML部分写好呢,由于人都是大概出错误的,大概你的设法写的历程就是有成绩的,大概为了扫瞄器的兼容性成绩,有些是你因为履历的不敷没有提早意料到的,以是当你写款式时发明了成绩时就有大概要修改你的HTML的代码。年夜至的写法就是如许,你也能够HTML/CSS同时举行,都是能够的,看你的习气。我们写代码时良多时分是边写代码边测试,也不是说写一句测试一句,而是写了一段代码后就举行扫瞄器的测试,一个优异的制造师他们的代码多半情形写了良多时他们才测试一下,是由于一团体假如履历多的话,他们就会晓得并提早防备扫瞄器毛病显现的产生了!以是他们写代码的速率比没有履历的人快。他们已履历过了你所要履历的毛病,你第一次碰到毛病的扫瞄器显现成绩你要花工夫往修补,而他们可提早避免或碰到了可当即办理成绩!这就是你与他们的分歧点之一。
初学者与妙手分歧点的地方另有一个就是妙手们利用了大批的快速键,以是必定要记着那些经常使用的快速键,每个小的细节都有一点进步,综合在一同就是很年夜的进步。
别的进步本人的程度最好的办法就是多理论,多找一些对照好的HTML+CSS的模板举行编码理论,入手下手时要选一个复杂点的,把页面截图,然后把这张图用本人的设法复原成HTML页面……
</p>
大大缩减页面代码,提高页面浏览速度,缩减带宽成本; 是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人. 技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
页:
[1]