V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
chiang
V2EX  ›  分享创造

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

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

    另外配色有点诡异
    icyflash
        4
    icyflash  
       2012-05-31 23:20:06 +08:00
    刚喝水,一眼瞟到那个通尼玛
    chiang
        5
    chiang  
    OP
       2012-05-31 23:21:47 +08:00
    @9hills 我也要说句,大爱黑猫 。然后是的,配色知识很少,觉得不会调整了。
    @icyflash 凑个数据,飘过就好了
    lyxint
        6
    lyxint  
       2012-05-31 23:22:40 +08:00   ❤️ 1
    乱码, 加下meta吧
    chiang
        7
    chiang  
    OP
       2012-05-31 23:25:06 +08:00
    @lyxint 会去快快加上,要先去了解下这个知识点
    Ultratude
        8
    Ultratude  
       2012-05-31 23:27:50 +08:00   ❤️ 1
    木有title,木有meta --> <meta charset="UTF-8">。
    Chris_Ys
        9
    Chris_Ys  
       2012-05-31 23:49:28 +08:00
    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
       2012-05-31 23:54:40 +08:00
    @Chris_Ys 嗯。马上就去看下子关于meta设置的文章,然后对于JS和CSS文件,因为为了自己写的时候看的方便,都直接用了vim,还特地加上了自动缩进功能,没想到这也是不好的。
    Chris_Ys
        11
    Chris_Ys  
       2012-05-31 23:59:33 +08:00   ❤️ 1
    @chiang Vim?缩进出问题的话,看一下你的配置,看看 shiftwidth、tabstop、expandtab、smarttab 是否有甚至好,还有 autoindent 和 smartindent,可以试一下我的:

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

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

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

    “顺丰”错别字了
    sohoer
        19
    sohoer  
       2012-06-01 14:12:43 +08:00
    后面那个MM没穿衣服
    sohoer
        20
    sohoer  
       2012-06-01 14:13:47 +08:00
    我这个老显示器,还需要上下左右滚
    weakfox
        21
    weakfox  
       2012-06-01 14:17:34 +08:00   ❤️ 1
    @sohoer

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

    配色我觉得略猎奇了。
    bearcolin
        27
    bearcolin  
       2012-06-01 17:02:11 +08:00
    作为黄页性质的页面,这样的背景图会干扰使用吧...

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

    我觉得最搞笑的是大部分的号码都是楼主自己的号码,你真的什么都干?从快递到卖杂货到修电脑?
    chiang
        31
    chiang  
    OP
       2012-06-01 20:33:26 +08:00
    @liuw 应该是这只是个测试的原因吧。数据还没去收集。你误解了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1153 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 18:35 · PVG 02:35 · LAX 10:35 · JFK 13:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.