大三暑期選擇實習：

工作內容：前端web實習
實習地點：武漢光谷
公司規模：創業型公司，前端開發人數為9人，實習生5名

1.實習內容總結：

1.前端html+css頁面結構培訓

實習內容：為完成UI設計稿到頁面的實現。使用Photoshop切圖，html+css完成頁面製作
實習完成時間：5天
實習過程：

前期： 到達公司，完成了基本的人事報到。找到自己座位，連線好電腦。公司中為迎接新人開了一個迎新會，大家各自介紹了自己，說明了這周的工作計劃，就散會了。前端帶實習的負責人找我進行了一次簡單的談話，問了我從面試以後的學習狀況，和對我接下的學習給予一定指導：
1. 學會使用搜索引擎
2. 遇到問題自己先想解決的方法，再與他人交流
3. 學習新的技術多練多想
接到任務，安裝工作需要的一些基本軟體，
1. 學習使用SVN
SVN（版本控制器）在工作中方便協作和版本控制，基本的使用還算簡單，主要學習方式是檢視微博
2. 安裝Apache
之前瀏覽頁面的都是直接點選製作好的頁面，老大讓改掉這個習慣，方便後面的開發，還有頁面通過伺服器端訪問可能不一樣
3. 前端小工具
EclipsePalette（顏色吸取，檢視）
Calipers（畫素測量）

頁面製作：
可以說，在學校有學習HTML+CSS，但是一直不動手寫程式碼。寫也只是簡單關於一個知識的練習，而這次是一個完整的頁面，自己是不知道怎麼下手。就和你背了單詞，但不一定會寫文章。

第一次提交：來實習之前就學習了一些bootstrap的基礎，就想用bootstrap來寫，大概一天半的基本上完成，提交程式碼，問題：
1. 頁面佈局沒有按照UI 設計來，字型，字號，邊距不相符
2. 不許用bootstrap，練習基礎最基礎。
自我改進方法：
1.1在Photoshop中字型檢視:
 (1)如果字型用文字書寫，直接點選工具欄中的「T」檢視
 
 (2)測試行高，用矩形選擇框選擇來能行文字
   line-height= 兩行文字height-文字（font-size）
1.2切圖
 (1) 我使用的是將其轉換為智慧物件，然後儲存為web所用格式，後來在閒的時候學習了相關課程
 

1.3 間距
(1)間距可以使用”標尺”+”參考線”+”矩形選框工具”;
(2)或者使用前面介紹的小工具進行測量
2. 徹底不用bootstrap

第二次提交：更改了上述問題，提交後本次問題：
1.css中百分比和畫素混用，在本機頁面顯示正常，到不同解析度下顯示混亂
2.佈局不合理，margin和position等胡亂使用
自我改進的方法：
 1.由於製作頁面為簡單的展示頁面，先不必考慮響應式，所以完全採用畫素作為單位，另外設定了頁面最小寬度
 2.自己之前對佈局等還是理解不過，導致胡亂使用，通過檢視《精通css 高階Web標準的解決方案》再次學習，更改了頁面的不足；
後來學習了相關的課程：

第三次提交 頁面從佈局上基本可以看得過去了，接下來老大查看了我的程式碼/(ㄒoㄒ)/~~,一大堆問題:
1. 命名不規範
2. 多類，多不必要的div
3. 註釋不規範，程式碼縮排不合理
4. 相容性沒有考慮
自我改進方法：
 1.命名具有意義，不可以是area1 ，area2，以序號命名。前端命名，書寫規範可以檢視如下文件：
  前端書寫命名規範
  可以最好按照上面的來寫，老大說了寫程式碼是要有一些強迫症的
 2.刪，通過除錯工具來刪去不必要的類，精簡程式碼，每個div要有其意義，並且在css中可以使用元素選擇器控制的就不要給他在新增格外的類
 3.”程式碼首先是給人看的，再是給機器看的”—-老大說的
   3.1用一個tab 代表四個空格進行
   3.2註釋簡明扼要
 4.瀏覽器相容性問題還是要靠平時多積累的。這個我遇到的問題也僅僅是：
  IE8不支援html5新的標籤，還有margin清除的問題

我自己頁面到這裡算是正式提交完成，老大將其他實習生寫的程式碼給我作為參考學習，自己相對比之下，不得不說自己的程式碼寫的實在有些爛，多改正。

實習階段總結：
1. 勤於動手
  我們看完了書面他人的東西，想要變成自己的內在的知識是需要練習的，如果一直像之前學完，我知道了有這個內容，而不去使用是不會成長的。我們將例子自己動手打一遍，自己再拓展一下才能掌握。前端是需要經驗的，而經驗的累計是需要靠自己摸索的。背完單詞，試著寫寫文章，才可以說真正理解單詞了
2. 程式碼首先是給人看的，再是給機器看的
  這句話對於前端來說很重要，和伺服器的對接，和其他夥伴的合作，符合規範、書寫註釋都是很必要的，養成良好的習慣，利己利人。
3.多學習
  網上部落格，免費的課程都很多，不會了自己多想辦法解決。
針對於這段時間的學習，頁面製作，可以參考從psd到html學習完感覺對自己幫助很大，知道了頁面的佈局的一個簡單流程

stay hungry stay foolish