這個暑假我給自己做了個網站

        英文原文：that time I made a website

        今年暑假，我在 Codecademy 上在線學習了 HTML+CSS 課程，因為我決定要做一個我自己的網站。在去實習前恰好有一個月的空閑時間，而且 6 個月后就要去找一份真正的工作(聘用我嗎，這是我的簡歷)，于是我想，為什么不呢？Codecademy 上的課程真是非常的好，并且不會強迫你學——它能教你從一無所知到學會用 HTML 和 CSS 創建自己簡單的簡歷頁面。

        大概 4 個星期的學習后，下面將要向你們展示我學到的。

        “哦，你學會編程了”，從某方面說，這是非常不錯的感覺。

        我瀏覽了很多網站，發現把模糊的光線做為網站背景非常流行，于是，我試了一下，用半透明的 div 處理效果，這就是我的網站在首次公布時的樣子：

        很顯然，字體顏色，排版，和空間布置仍需要調整，但我真的很興奮，告訴了我所有的朋友！他們都給予了肯定的支持，有些朋友還把它分享到了 非死book 上！我看到“喜歡”按鈕數字不斷增加，高興極了，直到下面的事情發生：

        我的第一反應是“這人怎么就點了‘查看源代碼’？？？這人是誰？？？”，不可避免的，“互聯網第一次的傷了我的心”。不管怎樣，很顯然，我的網 站只在我 13 吋本上的 Chrome 瀏覽器中看著不錯，換一種就不行了。而且，可讀性…你也看到了那些黃光和其它文字的不和諧。

        于是，我決定試一試用模式圖做背景，心想這樣能改善可讀性。沒錯，達到了效果，我喜歡這個背景，但它讓我看起來像一個喜歡收集搪瓷貓的老女人。

        你也看到了，我修改了，讓文本在固定區域內滾動，我還把所有的高度/寬度值用百分比替換了像素值，增加了 max/min-widths/heights 屬性，這樣當窗口大小調整時布局不亂。看起來很整潔，在手機上也很好看，這種設計我大概保留了一個星期。

        但我的一個朋友不斷的提醒我“Tiffany，這種模式圖案背景不合潮流….而且影響文字閱讀。”最終，我認識到，我必須面對現實：沒有人會愿意讀像這樣的東西。

        我完全放棄了這些漂亮的顏色和浮華的背景，受 Google+ 和 非死book 的啟發，嘗試“極簡主義”風格。

        白底黑字，可讀性并沒有改善多少，不過我討厭這個配色的。十分的討厭。沒錯，這看起來確實很整潔。但灰灰的背景，感覺是它們漂浮在頁面上無處藏身。顯然是什么地方有問題。

        斗爭了十五分鐘，我想應該讓它就這樣，因為這很實用而且直白，但我做不到，每次看它一眼我都想把電腦從窗戶扔出去，太難看了。如果這個放到網上后，由此影響了人們對我的印象，我可怎么活。于是我最終創建了一個新的 .css 文件，總算完事了。

        下面就是它的樣子：

        我發現在頁面頂部放置一個橫條會讓網站看起來有結構感，于是我將導航移到了頂部。還有，我發現少即是多(less is more)。沒人有時間會對我在一個 600 x 600px 區域放置的滾動條感興趣。簡單點。

        于是，就成了這樣。我的網站并不是非常時髦、非常新奇的那種(這還要學習 JavaScript…)，但看起來比兩周前的好多了。

        還有 Nick，如果你在讀這篇文章，感謝你讓我受了點打擊。我已經不再使用 center 標簽了。