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

[chiang]

自己自学前端（总是慢慢来的么，就别说就这个网页也算的是前端）一段时间了，虽然是看看停停，还是动手写了个自己内心想法的页面。暂时推送上去看看，接下来去注册域名同时收集数据，求吐槽。
在这里顺便求下主体部分，也就是表格部分和表格后面背景部分配色的建议。
想法很简单：
1.方便同学们查找经常用的到的电话号码（链接，地点），比如教务处，送水
2.给学校一些自己做靠谱小生意的同学一个可能增加，并且无成本的广告平台
后期想法：
1.在一张简单绘制的学校及其周边小范围的地图上，用类似通电/断电的LED灯泡显示学校周围是否有房出租及房屋地点。（因为学校出租房的数量在一定时间内是变化很小的，只是出租与否的状态发生变化，所以此方案某方面来说还算可行
2.一些能够直观，快速展示信息的功能。
http://chinaschoolinfo.github.com/index.html

[YFZZ]

看这页面，仿佛看到了N年前的我。
不过我N年前自学时还没这么厉害呢。

[chiang]

@xhslyf 是有看过一本配色书，然后才敢开始尝试，原来一直都没勇气，虽然心里很想

[9hills]

黑猫大爱，不过背景铺的不好

另外配色有点诡异

[icyflash]

刚喝水，一眼瞟到那个通尼玛

[chiang]

@9hills 我也要说句，大爱黑猫 。然后是的，配色知识很少，觉得不会调整了。
@icyflash 凑个数据，飘过就好了

[lyxint]

乱码, 加下meta吧

[chiang]

@lyxint 会去快快加上，要先去了解下这个知识点

[Ultratude]

木有title，木有meta --> <meta charset="UTF-8">。

[Chris_Ys]

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]

@Chris_Ys 嗯。马上就去看下子关于meta设置的文章，然后对于JS和CSS文件，因为为了自己写的时候看的方便，都直接用了vim，还特地加上了自动缩进功能，没想到这也是不好的。

[Chris_Ys]

@chiang Vim？缩进出问题的话，看一下你的配置，看看 shiftwidth、tabstop、expandtab、smarttab 是否有甚至好，还有 autoindent 和 smartindent，可以试一下我的：

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

另外可以跑到文件头，用 =G 批量缩进，你能看到哪里有问题的。

[chiang]

@Chris_Ys 倒是感觉=G之后，底部显示缩进了多少行，也就是文件本身的行数，文件本身没发生变化。好吧，这是我不知道的情况。

另外，大家六一快乐

[chiang]

@Chris_Ys 看到变化了。多试了几个文件，看到变化了

[panxianhai]

好爱背景的那个MM，禁止Y方向重复会更好一些。

[YFZZ]

@panxianhai 但是图片高度不够，禁止Y方向下面会有空白。换张背景图应该会好些。

[chiang]

@panxianhai @xhslyf 已通过 background-attachment: fixed 解决Y方向的问题。

[farley]

点头像居然是发起qq会话XD

[weakfox]

黑猫赞

“顺丰”错别字了

[sohoer]

后面那个MM没穿衣服

[sohoer]

我这个老显示器，还需要上下左右滚

[weakfox]

@sohoer

穿的了！

[sohoer]

@weakfox 你这太认真了

[weakfox]

@sohoer 哈哈哈，作为一个伪动漫爱好者，表示这只黑猫最喜欢了！

[YFZZ]

@weakfox 同伪动漫爱好者，我专门为了这个角色去看了这部动漫，结果看了两集发现没动力了。果然伪动漫爱好者……

[weakfox]

@xhslyf 还好啦，要有爱嘛~

[liuw]

楼主，Chrome打开是乱码。我的是英文Chrome，Windows系统。

配色我觉得略猎奇了。

[bearcolin]

作为黄页性质的页面，这样的背景图会干扰使用吧...

然后我被“通尼玛”雷到了- -

[kojp]

很不错了！~~~~透明的效果我从来都不敢用的哟（照顾IE6，懒得写得种兼容）

[chiang]

@liuw 请再看看吧
@bearcolin 这个站在学校充当一个呆呆的路人甲的角色，别人可能就是突然想办个什么事，然后来找个号码，这样的话，给点惊喜总是不错的
@ kojp 谢谢表扬了，在这“分享创造”节点出现这么糙的练习作品，其实真的想掩面逃呀。

[liuw]

@chiang 现在好了。

我觉得最搞笑的是大部分的号码都是楼主自己的号码，你真的什么都干？从快递到卖杂货到修电脑？

[chiang]

@liuw 应该是这只是个测试的原因吧。数据还没去收集。你误解了