DIV+CSS之旅–必须学习一下了
因为昨天想做个简单点的html网页,所以上网上找模板,其实找模板很容易的,现在网络资源是够丰富的了。模板找到之后就可以动工了,打开ps,修改一下源文件。ps技术也是略懂皮毛,不过简单的修改还是能做出来,就是自己设计不出来东西。ps文件整好了,下来艰巨的任务就是如何把这个背景图片运用到我自己的页面中去,这下可难为住我了。
先说明一下我自己的情况:05年开始接触网络,那时流行个人主页,学校那时候给个人开过个10M的静态空间,可以自己去弄。记得那时候很无知的,自己也能做点东西上去,就是放个图片,放点文字,放首歌,看的过去就行,没有想过布局,兼容性之类的,因为那时候我的概念里只有一个浏览器(看来我好像是被ms给收买了吧)。打开页面查看源代码你只能看到满篇的table,因为那时候只会用table。因为那时候ps切片功能自动生成的html页面就是用的table。
现在在用table就显得很落后了,现在是div时代了,所以我也要跟上时代,整个没有table只有div的页面出来。在有这个打算之后就开始动手,上网查,然后记得松松好像有过一篇博文,所以就去看了看,一知半解的情况下我就动工了。
首先把整幅的图片切割成小图片,这个部分好像特别讲究,切割的大小,形式必须和你页面的布局一致,否则下来你没办法弄的,特别是遇图片颜色渐变的地方。我说一下我的切片过程,我没有用ps自带的切片,而是先把我修改后的图片层全部合并,然后用选择框选择,复制,新建,粘帖,然后保存。不知道大侠们是怎么对待大图片的,我就是这么弄的。
图片就算差不多弄完了吧,页面图片不是很复杂。接下来就是写html代码,真的不会用div,然后就用drw提供的层标签,但是只要你用一次,他就会自动生成一个css标记,命名layer+数字。所以最终放弃了插入层,自己往里面写吧。然后还很正规的把css代码写到了另外一个文件里,然后html调用,其实我的这个页面完全没有这个必要,但是老大们都说要养成规范代码的好习惯,所以…… 哈哈
还没有弄完,这一天就废了。这下我算是彻头彻尾服了那些搞美工的了,佩服松松同学的设计了。对了,期间还上松松的日志上问了一下,松松给与了及时的回复。
看了一下松松推荐的视频,知道了个概念:盒子模型 如下图:

这下算是对div+css有个大体的印象了吧。
继续学习中
百度联盟广告正在载入中....
要饭的 原创作品,请遵循版权协议,转载请注明地址→[DIV+CSS之旅–必须学习一下了]
目录:网络世界 | Network 标签: CSS, DIV, 学习, 盒子模型
分享到:
人人网
QQ
百度
Twitter
Google Reader
开心网
Google Buzz
我对这个一点印象都没有了,全忘了
这个CSS2.0的在线教程还可以:
http://www.w3school.com.cn/css/index.asp
以前好像教过一点
没认真听- -
从来没有静下心来自己看看
直接修改,然后就懂点了……
@小小 呵呵,用的时候自然会想起来的
@w 用啥的时候再学啥,再看
@A.shun 你们还教这玩意呢,我们都没教过
@Louis Han 我跟你差不多,我是属于那种眼高手低类型的
@zwwooooo 我觉得你这方面很强,那我以后得多改点代码了
这个多少都要学点
不懂~~~
想学习来着可是真不懂啊,
多看CSS代码 结合网页 慢慢就懂了
我很想跟你交谈一下,但是这文章我实在是看不明白。你看下QQ,我那个申请不成功。
基础知识是应该学一些
我記得2000年我做網頁的時候用的FrontPage2000.。。還覺得可好用。。汗
當時都是table
我用DW,还是比较喜欢用代码写。
一直不会
正在学习期,不过目前没时间啊
一直也想学习学习的,可能因为太懒了,没有学。
@先看看
我也是这么认为的,要不怎么折腾wp
@∶寶ζ寶ζ
呵呵,不难,以你的聪明才智,两天就成
@whitmine 反正不太简单,慢慢来吧
@goldapple 恩,这个是王道,必须这么学,否则很难的,无处下手
@Mauricio 嘿嘿,来过就行,咱可以谈点别的也行啊
@Hobo 我现在学还不晚吧,呵呵
@kevinsnow 那个我还没用过,最开始偶是记事本的,不过净写table了
@大树叔叔 代码简单,视图容易出现无用代码
@世纪之光 多少学点吧,有用,假若说你看重哪个皮了,然后下了,可以自己改改了
@canaan 多少学点的,玩wp不会的话很难折腾的
@ahui 没事,不急,慢慢来
@要饭的
呵呵,你太抬举我了~~~
@要饭的
当然不晚了哈哈,什么时候学都不晚,只要在想用之前
确实现在流行DIV+CSS。表格加载太慢了。。支持你。。
学习中。不过要多发点通俗易懂的哦……
压缩CSS时我一直想做的事情。
@∶寶ζ寶ζ 好像这个东西真不是太难,我指的是基本运用
@Hobo 谢谢鼓励,我再故弄故弄
@阿东 这是是不是就是传说中的web2.0,谢谢支持
@waitwho 哈哈,我只懂一些通俗易懂的东西,就是我表达有点问题,往往会把简单的表述成复杂的
@countmeon 以前听过这个概念,那现在怎么样了
表格还是有用的
我也偶尔在研究,呵呵,业余的,
博主的名字真是特殊!我也真想学div+css了,很多朋友都推荐学!
现在还是个菜鸟阶段
@大剑 恩,有的地方他还是必不可少的
但是现在主流是div
@游牧猎狼 握个手吧,我也是业余的,比业余的还业余
@龙思齐 有个性就是希望你能记住,这下记住了吧
学学吧,没坏处,再说你要玩wp的话不会这两下子还真玩不转
@90后的贼 坚持菜鸟阶段100年不动摇
这些基础 必须要学了~
对于编程以及DIV+CSS一直停留在会修改的地步,学习下基础了~
这个…..是得学诶,偶这样的代码白痴,有些时候碰到点问题确实头大的要命。。
那是必须的,至少改些元素结构小case了。。。。
@翔子 是的学点了,学多少算多少吧
@减肥 那你已经不错了,再加把劲那就成为达人了
@小猪vs蛋挞 慢慢来,慢慢就找到门道了
@鲍捷 能改也已经不错了
我不懂CSS啊 汗颜…..
不过我懂你那个公告…我现在3位数字了(*^__^*) !
我早上的留言怎么没啦
@星网 三位数了,厉害啊
我的这两天老是变
@90后的贼 今天早上没有啊,有个昨天早上5:40分的
要饭的,你绝对强悍啊~~呵呵,要学习了~~~学习下你啊
@小道消息,艺术圈圈 强悍,你指哪方面
这个多实践,在制作中遇到问题,解决问题是学最快的。没机会的话,就泡论坛。
@chisdy 赞同你的观点,我也是经常泡论坛的
盒子模型,IE和别的浏览器显示的会不一样哟~
我完全就是代码白痴 – -
看来要动脑学习了 – -
CSS并不难,难的是色彩的搭配,当然还有对浏览器的兼容。
@红得发指 这个真是个问题,浏览器多了,意味着前端的问题就会越多
@DiDi 呵呵,稍微动一下就能会的
我也是去年才开始学DIV+CSS的,哈哈
@bolo 那你学的可真快啊~~我向你学习
这个相当有用,总是没工夫学下
@kangzj 用的时候现学吧,我现在就这样,用啥学啥,最终导致学啥忘啥~