DIV+CSS之旅–必须学习一下了

10 12, 2009 64 评论放大字体

因为昨天想做个简单点的html网页,所以上网上找模板,其实找模板很容易的,现在网络资源是够丰富的了。模板找到之后就可以动工了,打开ps,修改一下源文件。ps技术也是略懂皮毛,不过简单的修改还是能做出来,就是自己设计不出来东西。ps文件整好了,下来艰巨的任务就是如何把这个背景图片运用到我自己的页面中去,这下可难为住我了。

先说明一下我自己的情况:05年开始接触网络,那时流行个人主页,学校那时候给个人开过个10M的静态空间,可以自己去弄。记得那时候很无知的,自己也能做点东西上去,就是放个图片,放点文字,放首歌,看的过去就行,没有想过布局,兼容性之类的,因为那时候我的概念里只有一个浏览器(看来我好像是被ms给收买了吧)。打开页面查看源代码你只能看到满篇的table,因为那时候只会用table。因为那时候ps切片功能自动生成的html页面就是用的table。

现在在用table就显得很落后了,现在是div时代了,所以我也要跟上时代,整个没有table只有div的页面出来。在有这个打算之后就开始动手,上网查,然后记得松松好像有过一篇博文,所以就去看了看,一知半解的情况下我就动工了。

首先把整幅的图片切割成小图片,这个部分好像特别讲究,切割的大小,形式必须和你页面的布局一致,否则下来你没办法弄的,特别是遇图片颜色渐变的地方。我说一下我的切片过程,我没有用ps自带的切片,而是先把我修改后的图片层全部合并,然后用选择框选择,复制,新建,粘帖,然后保存。不知道大侠们是怎么对待大图片的,我就是这么弄的。

图片就算差不多弄完了吧,页面图片不是很复杂。接下来就是写html代码,真的不会用div,然后就用drw提供的层标签,但是只要你用一次,他就会自动生成一个css标记,命名layer+数字。所以最终放弃了插入层,自己往里面写吧。然后还很正规的把css代码写到了另外一个文件里,然后html调用,其实我的这个页面完全没有这个必要,但是老大们都说要养成规范代码的好习惯,所以…… 哈哈

还没有弄完,这一天就废了。这下我算是彻头彻尾服了那些搞美工的了,佩服松松同学的设计了。对了,期间还上松松的日志上问了一下,松松给与了及时的回复。

看了一下松松推荐的视频,知道了个概念:盒子模型 如下图:

0905202

这下算是对div+css有个大体的印象了吧。

继续学习中

百度联盟广告正在载入中....

要饭的 原创作品,请遵循版权协议,转载请注明地址→[DIV+CSS之旅–必须学习一下了]
目录:网络世界 | Network  标签: , , ,    
分享到: 人人网 QQ 百度 Twitter Google Reader 开心网 Google Buzz

64 评论 我要评论

  • 1F
    小小  17:49 Oct 12, 2009    

    我对这个一点印象都没有了,全忘了

  • 2F
    w  19:28 Oct 12, 2009    

    这个CSS2.0的在线教程还可以:
    http://www.w3school.com.cn/css/index.asp

  • 3F
    A.shun  20:02 Oct 12, 2009    

    以前好像教过一点
    没认真听- -

  • 4F
    Louis Han  22:02 Oct 12, 2009    

    从来没有静下心来自己看看

  • 5F
    zwwooooo  22:27 Oct 12, 2009    

    直接修改,然后就懂点了……

  • 6F
    要饭的  07:14 Oct 13, 2009    

    @小小 呵呵,用的时候自然会想起来的
    @w 用啥的时候再学啥,再看
    @A.shun 你们还教这玩意呢,我们都没教过
    @Louis Han 我跟你差不多,我是属于那种眼高手低类型的
    @zwwooooo 我觉得你这方面很强,那我以后得多改点代码了

  • 7F
    先看看  09:41 Oct 13, 2009    

    这个多少都要学点

  • 8F
    ∶寶ζ寶ζ  09:44 Oct 13, 2009    

    不懂~~~

  • 9F
    whitmine  10:15 Oct 13, 2009    

    想学习来着可是真不懂啊,

  • 10F
    goldapple  10:21 Oct 13, 2009    

    多看CSS代码 结合网页 慢慢就懂了

  • 11F
    Mauricio  11:17 Oct 13, 2009    

    我很想跟你交谈一下,但是这文章我实在是看不明白。你看下QQ,我那个申请不成功。

  • 12F
    Hobo  11:17 Oct 13, 2009    

    基础知识是应该学一些

  • 13F
    kevinsnow  18:15 Oct 13, 2009    

    我記得2000年我做網頁的時候用的FrontPage2000.。。還覺得可好用。。汗
    當時都是table

  • 14F
    大树叔叔  21:05 Oct 13, 2009    

    我用DW,还是比较喜欢用代码写。

  • 15F
    canaan  22:40 Oct 13, 2009    

    一直不会

  • 16F
    ahui  08:21 Oct 14, 2009    

    正在学习期,不过目前没时间啊

  • 17F
    世纪之光  09:04 Oct 14, 2009    

    一直也想学习学习的,可能因为太懒了,没有学。

  • 18F
    要饭的  09:12 Oct 14, 2009    

    @先看看
    我也是这么认为的,要不怎么折腾wp

    @∶寶ζ寶ζ
    呵呵,不难,以你的聪明才智,两天就成

  • 19F
    要饭的  09:13 Oct 14, 2009    

    @whitmine 反正不太简单,慢慢来吧
    @goldapple 恩,这个是王道,必须这么学,否则很难的,无处下手

  • 20F
    要饭的  09:14 Oct 14, 2009    

    @Mauricio 嘿嘿,来过就行,咱可以谈点别的也行啊

  • 21F
    要饭的  09:15 Oct 14, 2009    

    @Hobo 我现在学还不晚吧,呵呵

  • 22F
    要饭的  09:15 Oct 14, 2009    

    @kevinsnow 那个我还没用过,最开始偶是记事本的,不过净写table了

  • 23F
    要饭的  09:17 Oct 14, 2009    

    @大树叔叔 代码简单,视图容易出现无用代码

    @世纪之光 多少学点吧,有用,假若说你看重哪个皮了,然后下了,可以自己改改了

  • 24F
    要饭的  09:23 Oct 14, 2009    

    @canaan 多少学点的,玩wp不会的话很难折腾的

  • 25F
    要饭的  09:23 Oct 14, 2009    

    @ahui 没事,不急,慢慢来

  • 26F
    ∶寶ζ寶ζ  09:29 Oct 14, 2009    

    @要饭的
    呵呵,你太抬举我了~~~

  • 27F
    Hobo  09:29 Oct 14, 2009    

    @要饭的
    当然不晚了哈哈,什么时候学都不晚,只要在想用之前

  • 28F
    阿东  09:43 Oct 14, 2009    

    确实现在流行DIV+CSS。表格加载太慢了。。支持你。。

  • 29F
    waitwho  09:50 Oct 14, 2009    

    学习中。不过要多发点通俗易懂的哦……

  • 30F
    countmeon  09:55 Oct 14, 2009    

    压缩CSS时我一直想做的事情。

  • 31F
    要饭的  10:27 Oct 14, 2009    

    @∶寶ζ寶ζ 好像这个东西真不是太难,我指的是基本运用
    @Hobo 谢谢鼓励,我再故弄故弄
    @阿东 这是是不是就是传说中的web2.0,谢谢支持
    @waitwho 哈哈,我只懂一些通俗易懂的东西,就是我表达有点问题,往往会把简单的表述成复杂的
    @countmeon 以前听过这个概念,那现在怎么样了

  • 32F
    大剑  11:57 Oct 14, 2009    

    表格还是有用的

  • 33F
    游牧猎狼  13:06 Oct 14, 2009    

    我也偶尔在研究,呵呵,业余的,

  • 34F
    龙思齐  13:27 Oct 14, 2009    

    博主的名字真是特殊!我也真想学div+css了,很多朋友都推荐学!

  • 35F
    90后的贼  17:40 Oct 14, 2009    

    现在还是个菜鸟阶段

  • 36F
    要饭的  19:31 Oct 14, 2009    

    @大剑 恩,有的地方他还是必不可少的
    但是现在主流是div

  • 37F
    要饭的  19:32 Oct 14, 2009    

    @游牧猎狼 握个手吧,我也是业余的,比业余的还业余

  • 38F
    要饭的  19:33 Oct 14, 2009    

    @龙思齐 有个性就是希望你能记住,这下记住了吧
    学学吧,没坏处,再说你要玩wp的话不会这两下子还真玩不转

  • 39F
    要饭的  19:33 Oct 14, 2009    

    @90后的贼 坚持菜鸟阶段100年不动摇

  • 40F
    翔子  01:54 Oct 15, 2009    

    这些基础 必须要学了~

  • 41F
    减肥  11:00 Oct 15, 2009    

    对于编程以及DIV+CSS一直停留在会修改的地步,学习下基础了~

  • 42F
    小猪vs蛋挞  11:03 Oct 15, 2009    

    这个…..是得学诶,偶这样的代码白痴,有些时候碰到点问题确实头大的要命。。

  • 43F
    鲍捷  11:58 Oct 15, 2009    

    那是必须的,至少改些元素结构小case了。。。。

  • 44F
    要饭的  12:38 Oct 15, 2009    

    @翔子 是的学点了,学多少算多少吧

  • 45F
    要饭的  12:39 Oct 15, 2009    

    @减肥 那你已经不错了,再加把劲那就成为达人了

  • 46F
    要饭的  12:39 Oct 15, 2009    

    @小猪vs蛋挞 慢慢来,慢慢就找到门道了

  • 47F
    要饭的  12:40 Oct 15, 2009    

    @鲍捷 能改也已经不错了

  • 48F
    星网  15:18 Oct 15, 2009    

    我不懂CSS啊 汗颜…..

    不过我懂你那个公告…我现在3位数字了(*^__^*) !

  • 49F
    90后的贼  18:41 Oct 15, 2009    

    我早上的留言怎么没啦

  • 50F
    要饭的  19:53 Oct 15, 2009    

    @星网 三位数了,厉害啊
    我的这两天老是变

  • 51F
    要饭的  19:55 Oct 15, 2009    

    @90后的贼 今天早上没有啊,有个昨天早上5:40分的

  • 52F
    小道消息,艺术圈圈  21:25 Oct 15, 2009    

    要饭的,你绝对强悍啊~~呵呵,要学习了~~~学习下你啊

  • 53F
    要饭的  22:30 Oct 15, 2009    

    @小道消息,艺术圈圈 强悍,你指哪方面

  • 54F
    chisdy  00:50 Oct 16, 2009    

    这个多实践,在制作中遇到问题,解决问题是学最快的。没机会的话,就泡论坛。

  • 55F
    要饭的  13:10 Oct 16, 2009    

    @chisdy 赞同你的观点,我也是经常泡论坛的

  • 56F
    红得发指  10:19 Oct 19, 2009    

    盒子模型,IE和别的浏览器显示的会不一样哟~

  • 57F
    DiDi  17:29 Oct 19, 2009    

    我完全就是代码白痴 – -
    看来要动脑学习了 – -

  • 58F
    recole  01:26 Oct 20, 2009    

    CSS并不难,难的是色彩的搭配,当然还有对浏览器的兼容。

  • 59F
    要饭的  07:13 Oct 20, 2009    

    @红得发指 这个真是个问题,浏览器多了,意味着前端的问题就会越多

  • 60F
    要饭的  07:14 Oct 20, 2009    

    @DiDi 呵呵,稍微动一下就能会的

  • 61F
    bolo  11:36 Oct 24, 2009    

    我也是去年才开始学DIV+CSS的,哈哈

  • 62F
    要饭的  13:12 Oct 26, 2009    

    @bolo 那你学的可真快啊~~我向你学习

  • 63F
    kangzj  09:46 Nov 12, 2009    

    这个相当有用,总是没工夫学下

  • 64F
    要饭的  11:29 Nov 12, 2009    

    @kangzj 用的时候现学吧,我现在就这样,用啥学啥,最终导致学啥忘啥~

我要留言 ↓

欢迎您来到要饭的,离开了你们的支持,我将会啥都不是!!!

友情推荐:看原创小说,下载免费小说,斗破苍穹都到----北方熊之舞

Google联盟广告正在载入中......

提交中,机器正在处理...