[問題] emmet liveStyle & 新手入門

作者: sean72 (.)   2014-06-24 16:43:14
有程式底子 (C / Python / ObjC等等)
網頁編輯新手 想學架設網頁
1.
安裝好emmet之後想按照影片中的步驟玩玩看
http://youtu.be/iQLhGbkupS4?t=1m3s
我按照他的動作 在chrome開啟Inspect element
勾選了Enable LiveStyle for current page
但是1分3秒的地方
右邊的sublime untitled 文件突然出現
.loggedout_menuber_container等文字 然後{}之後就開始改了
請問中間的過程他是怎麼辦到的?
2.
我想先把前端學好
我從http://www.codecademy.com/自學了HTML&CSS / JavaScript
也看 w3school 例 http://www.w3schools.com/js/js_objects.asp
我了解那些變數 迴圈 函式
每個章節都有 "Try it Yourself"
走過一遍卻還是不知道怎樣做出一個比較"像樣"的簡單網頁
網路上有個例子: im-learning-to-code-by-building-180-websites-in-180
她的其中一個範例
http://jenniferdewalt.com/word_cloud/words
要從我現階段的知識進步到上面的範例
有任何學習教材嗎?
謝謝
作者: GoalBased (Artificail Intelligence)   2014-06-24 16:44:00
現階段的目標是甚麼,遇到的問題是甚麼?
作者: superpai (超級白)   2014-06-24 17:37:00
emmet 太進階了 你先學基本css就好了。寫網頁其實也沒有什麼IDE可言
作者: ck574b027 (荒圍!定厝!賊!妹!)   2014-06-24 17:56:00
亂碼 js 是用 framework 生出來的,那網站我記得是用rails。如果你只是不知道怎樣設計比較好看,先套bootstrap 或 http://semantic-ui.com/ 現成的範本
作者: GoalBased (Artificail Intelligence)   2014-06-24 18:03:00
先做一個html,有標頭和內容頁,這個會嗎?之後用css控制,他們兩個的顏色,再來在內容加入幾個text和button用javascript或jq來做個BMI

Links booklink

Contact Us: admin [ a t ] ucptt.com