爱意满满的作品展示区。
chiang

一个很简单的想法,很简单的页面

  •  
  •   chiang · May 31, 2012 · 7848 views
    This topic created in 5101 days ago, the information mentioned may be changed or developed.
    自己自学前端(总是慢慢来的么,就别说就这个网页也算的是前端)一段时间了,虽然是看看停停,还是动手写了个自己内心想法的页面。暂时推送上去看看,接下来去注册域名同时收集数据,求吐槽。
    在这里顺便求下主体部分,也就是表格部分和表格后面背景部分配色的建议。
    想法很简单:
    1.方便同学们查找经常用的到的电话号码(链接,地点),比如教务处,送水
    2.给学校一些自己做靠谱小生意的同学一个可能增加,并且无成本的广告平台
    后期想法:
    1.在一张简单绘制的学校及其周边小范围的地图上,用类似通电/断电的LED灯泡显示学校周围是否有房出租及房屋地点。(因为学校出租房的数量在一定时间内是变化很小的,只是出租与否的状态发生变化,所以此方案某方面来说还算可行
    2.一些能够直观,快速展示信息的功能。
    http://chinaschoolinfo.github.com/index.html
    31 replies    1970-01-01 08:00:00 +08:00
    YFZZ
        1
    YFZZ  
    PRO
       May 31, 2012
    看这页面,仿佛看到了N年前的我。
    不过我N年前自学时还没这么厉害呢。
    chiang
        2
    chiang  
    OP
       May 31, 2012
    @xhslyf 是有看过一本配色书,然后才敢开始尝试,原来一直都没勇气,虽然心里很想
    9hills
        3
    9hills  
       May 31, 2012
    黑猫大爱,不过背景铺的不好

    另外配色有点诡异
    icyflash
        4
    icyflash  
       May 31, 2012
    刚喝水,一眼瞟到那个通尼玛
    chiang
        5
    chiang  
    OP
       May 31, 2012
    @9hills 我也要说句,大爱黑猫 。然后是的,配色知识很少,觉得不会调整了。
    @icyflash 凑个数据,飘过就好了
    lyxint
        6
    lyxint  
       May 31, 2012   ❤️ 1
    乱码, 加下meta吧
    chiang
        7
    chiang  
    OP
       May 31, 2012
    @lyxint 会去快快加上,要先去了解下这个知识点
    Ultratude
        8
    Ultratude  
       May 31, 2012   ❤️ 1
    木有title,木有meta --> <meta charset="UTF-8">。
    Chris_Ys
        9
    Chris_Ys  
       May 31, 2012
    meta 查一下,看看是不是输出错了。另外用 <meta charset="utf-8"> 的简化形式。意思是告诉页面的编码,通常能用 utf-8 就别用别的。

    还有加上 <meta http-equiv="X-UA-Compatible" content="IE=edge">,这句的意思是强制 IE 默认用本地最新的引擎渲染,而不是 IE9 下跑 IE8 模式。还有 Chrome Frame 的,不过目前不加也行。

    既然页面繁体,lang 不该是 en。

    JS 和 CSS 文件,一个大重点:「缩进」!如果你用的编辑器大段缩进的功能,换一个,Sublime Text 跨平台,多少还算适合。
    chiang
        10
    chiang  
    OP
       May 31, 2012
    @Chris_Ys 嗯。马上就去看下子关于meta设置的文章,然后对于JS和CSS文件,因为为了自己写的时候看的方便,都直接用了vim,还特地加上了自动缩进功能,没想到这也是不好的。
    Chris_Ys
        11
    Chris_Ys  
       May 31, 2012   ❤️ 1
    @chiang Vim?缩进出问题的话,看一下你的配置,看看 shiftwidth、tabstop、expandtab、smarttab 是否有甚至好,还有 autoindent 和 smartindent,可以试一下我的:

    set expandtab
    set shiftwidth=2
    set tabstop=2
    set smarttab

    另外可以跑到文件头,用 =G 批量缩进,你能看到哪里有问题的。
    chiang
        12
    chiang  
    OP
       Jun 1, 2012
    @Chris_Ys 倒是感觉=G之后,底部显示缩进了多少行,也就是文件本身的行数,文件本身没发生变化。好吧,这是我不知道的情况。

    另外,大家六一快乐
    chiang
        13
    chiang  
    OP
       Jun 1, 2012
    @Chris_Ys 看到变化了。多试了几个文件,看到变化了
    panxianhai
        14
    panxianhai  
       Jun 1, 2012
    好爱背景的那个MM,禁止Y方向重复会更好一些。
    YFZZ
        15
    YFZZ  
    PRO
       Jun 1, 2012
    @panxianhai 但是图片高度不够,禁止Y方向下面会有空白。换张背景图应该会好些。
    chiang
        16
    chiang  
    OP
       Jun 1, 2012
    @panxianhai @xhslyf 已通过 background-attachment: fixed 解决Y方向的问题。
    farley
        17
    farley  
       Jun 1, 2012
    点头像居然是发起qq会话XD
    weakfox
        18
    weakfox  
       Jun 1, 2012
    黑猫赞

    “顺丰”错别字了
    sohoer
        19
    sohoer  
       Jun 1, 2012
    后面那个MM没穿衣服
    sohoer
        20
    sohoer  
       Jun 1, 2012
    我这个老显示器,还需要上下左右滚
    weakfox
        21
    weakfox  
       Jun 1, 2012   ❤️ 1
    @sohoer

    穿的了!
    sohoer
        22
    sohoer  
       Jun 1, 2012
    @weakfox 你这太认真了
    weakfox
        23
    weakfox  
       Jun 1, 2012
    @sohoer 哈哈哈,作为一个伪动漫爱好者,表示这只黑猫最喜欢了!
    YFZZ
        24
    YFZZ  
    PRO
       Jun 1, 2012
    @weakfox 同伪动漫爱好者,我专门为了这个角色去看了这部动漫,结果看了两集发现没动力了。果然伪动漫爱好者……
    weakfox
        25
    weakfox  
       Jun 1, 2012
    @xhslyf 还好啦,要有爱嘛~
    liuw
        26
    liuw  
       Jun 1, 2012
    楼主,Chrome打开是乱码。我的是英文Chrome,Windows系统。

    配色我觉得略猎奇了。
    bearcolin
        27
    bearcolin  
       Jun 1, 2012
    作为黄页性质的页面,这样的背景图会干扰使用吧...

    然后我被“通尼玛”雷到了- -
    kojp
        28
    kojp  
       Jun 1, 2012
    很不错了!~~~~透明的效果我从来都不敢用的哟(照顾IE6,懒得写得种兼容)
    chiang
        29
    chiang  
    OP
       Jun 1, 2012
    @liuw 请再看看吧
    @bearcolin 这个站在学校充当一个呆呆的路人甲的角色,别人可能就是突然想办个什么事,然后来找个号码,这样的话,给点惊喜总是不错的
    @ kojp 谢谢表扬了,在这“分享创造”节点出现这么糙的练习作品,其实真的想掩面逃呀。
    liuw
        30
    liuw  
       Jun 1, 2012
    @chiang 现在好了。

    我觉得最搞笑的是大部分的号码都是楼主自己的号码,你真的什么都干?从快递到卖杂货到修电脑?
    chiang
        31
    chiang  
    OP
       Jun 1, 2012
    @liuw 应该是这只是个测试的原因吧。数据还没去收集。你误解了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1001 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 65ms · UTC 22:17 · PVG 06:17 · LAX 15:17 · JFK 18:17
    ♥ Do have faith in what you're doing.