柔情似水 发表于 2015-1-16 00:14:25

来谈谈:CSS网站建立结构心得

声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
从入手下手熟悉CSS(DW4)当时起,我就晓得了CSS的壮大,但从未用CSS排版过,由于我已经实验过进修,但感到太难了
并且用DW的表格,所见及所得,做起页面来十分的快,排版也简单的多,因为比来求职,良多公司都请求DIV,CSS,以是我再次实验进修
1.进修体例
我觉得,看他人的代码是一个十分好的进修体例(条件是你必要有点基本常识),在检察他人的代码时能够往除一些反复的,大概一些于CSS有关的代码,将更利于我们剖析,你能够从中懂得到他人是怎样做的,更深一点,你能够思索为何要如许做,固然它们做的也纷歧定全对,就算淘宝,我发明它们的CSS内里也有很多的过剩代码,我已经从淘宝的网页代码内里学到很多的器材,我把基础的框架保存上去,然后剖析,而且我将我的剖析纪录了上去,你能够在这里检察:
http://www.dayanmei.com/blog.php/ID_536.htm
2.实习体例
在懂得到一些基础的结构体例,和一些容器的属性以后,能够实验本人,编写一些复杂的结构,碰到呈现成绩的时分,能够在google搜刮一下,大概想象幻想论坛和其他一些会商尺度化的论坛扣问一下,会有良多好意人的哦
3.一本手册
在碰到成绩的时分大概对某个属性不是很懂得,大概关于属性的兼容性不太分明的时分,这就有很年夜的感化了
手册能够往这里下载
http://www.w3cn.org/resource/down/2004/73.html
4.多写多练
你发明本人多写了几个结构,大概出了一些成绩并办理后,你已基础把握了结构的要点了.
怎样进修尺度化
1、几本书、几个网站、几篇贴子、几个blog
《网站重构》掀起国际web尺度高潮的第一原形关着作。实际性子多一些,全书触及到详细操纵和代码的部分很少。老手初度浏览极可能以为没有实践用处。倡议在浏览进修《CSS网站结构实录》有了必定的手艺基本了再转头进修,深思本人之前进修和计划过程当中的成绩,如许才干无效地进步。
《款式表中文手册》必备的工具,我一样平常放在桌面随时查询。内里供应了具体的利用申明和实例。
《CSS网站结构实录》较新的一本尺度化着作。告知你怎样往写切合尺度的xhtml和css代码,告知你一些罕见结构和页面效果的代码是甚么模样。这本书很合适初学者,基础上都是针对实例的结构、效果的实践操纵,对照体系的报告了怎样举行尺度化网站制造。这本书只是在讲详细的完成,关于尺度化的观点、网站重构的方针这些引导实践操纵的理念性器材几近没有。能够在进修这本书以后读一下《网站重构》,两者分离起来进修效果不错。今朝的版本大概由于工夫成绩,校正很仓皇,有很多错别字和有成绩的句子没,但触及到代码到没有发明毛病。
《CSS威望指南》具体论述CSS1.0每一个属性的划定规矩和界说,而且瞻望了CSS2.0很多诱人的器材。对完成web尺度化有侧重要的意义。经由过程本书的进修能够深切了解扫瞄器怎样剖析属性的划定规矩和界说,为正确完成计划企图供应保证。
《html和xhtml威望指南》应当是一本威望的工具书,没有需要通读,能够在实践计划制造过程当中参考。具体的报告了html和xhtml的划定规矩界说利用技能。
《javascript威望指南》作为举动层的次要手艺,不进修javascript就不克不及完全地进修web尺度。
网站计划师最后打仗web尺度化进修必需会见而且仔细浏览的网站。包括教程、资讯、参考材料等主要信息。
渡硐氡曜蓟ò?lt;/a>这个不必说吧,对几位版主热情勤奋在此致敬。很多牛人潜水与此。但近期的进修瘴韵愿≡辏挥猩钊肜斫馔A粼css体现条理的伴侣较多。
CSSer.org这个网站不晓得怎样关失落了……有段工夫不往看了,守候站长再次开放吧。
网易作为流派网站里较早接纳web尺度的站点之一,其最新版本很值得研讨。
上面是一些web尺度届牛人伴侣的blog,随着他们能进修良多,并且经由过程blog如许亲热的情势进修效果应当很好。倡议埋头浏览他们的系列教程。

http://www.realazy.org/blog/
http://www.andymao.com/andy/
http://old9.blogsome.com/
http://www.greengnn.com/
http://blog.pr1984.com/
http://www.loaoao.com/

2、怎样进修
读写
念书读下面我保举的贴子、网站和blog。互联网的主旨在于共享和传布,那些打仗手艺对照早的了解和理论对照深切的伴侣给我们供应履历和教程。要静下心来,不克不及仅仅为了一个效果大概一个结构的完成往找谜底。而是往了解教程给我们带来的完成思绪。要体系地念书也要针对性的汇集某个成绩的办法往总结提取。读到的时分就要写,写一些代码片段,一些结构布局,一些效果的完成。哪怕是照着书敲出代码来,加深影象和了解,效果要比纯真的渡过效果要好很多。
修改
改,不是剽窃。把他人的网站另存上去,修改个中的部份内容,看看页面显现有甚么变更,在这些变更中往了解你所修改部分代码再完成页面效果中起到了甚么感化。这是一个很主要的进修办法。你看到的效果变更来历于你的修改,这自己就是一个加深影象和了解的历程。别的一种改法就是把庞大的页面复杂化,复杂到能演示效果为主,代码少了看起来明晰有益于进修。大概把复杂的结构添补内容以后看页面怎样显现,会不会影响到结构,自顺应的仍是流动巨细的,超越流动巨细的内容hidden了仍是流向了却构以外?有无甚么Bug?田鸡用永久逮不到一个安宁静静站在那边的蜻蜓,只要蜻蜓飞起来了田鸡才干判别才干捕食。
睡觉
睡觉前的思索。在显现器以外往思索之前进修到的器材,要有必定的间隔和空间高度往对待往思索,好比明天写的结构是否是公道,有无需要如许庞大,假如把浮动改成相对定位呢。等等,就像作立体计划一样,偶然候椅子今后一仰,稍稍的阔别屏幕,对之前的细节处置就可以有一个全新的熟悉。
保藏
好忘性不如烂笔头,总往发帖发问也不是举措。把看到的有效的教程搜集起来分类收拾,好比结构代码、导航殊效、扫瞄器兼容hack写法等等。创建本人的文档库,工夫久了收拾收拾,假如有符合的前提不要健忘和伴侣们分享。
理论
作一个完全的网站/网页项目,一定要庞大大概复杂。但最少要有一个完全的页面,尽量用熟习的手艺往完成。查验本人、发明成绩给本人持续进修的动力

</p>
目前我们的站就是div+css做的,美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.

海妖 发表于 2015-1-18 05:45:17

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

金色的骷髅 发表于 2015-1-24 17:15:08

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

第二个灵魂 发表于 2015-2-2 12:40:58

滚动条)层属性--溢出(visible/hidden/scroll/auto)

若相依 发表于 2015-2-7 20:21:08

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

愤怒的大鸟 发表于 2015-2-23 11:25:20

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.

若天明 发表于 2015-3-7 08:51:15

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。

山那边是海 发表于 2015-3-14 21:22:13

由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。

小妖女 发表于 2015-3-21 16:19:55

只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
页: [1]
查看完整版本: 来谈谈:CSS网站建立结构心得