[問題] emmet liveStyle & 新手入門
有程式底子 (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
要從我現階段的知識進步到上面的範例
有任何學習教材嗎?
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 76.169.48.217
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1403599399.A.090.html
推
06/24 16:44, , 1F
06/24 16:44, 1F
ex 我也參考過本版的至底文 http://cssmenumaker.com
舉裡面一個範例:
http://cssmenumaker.com/builder/2340521
有Prview HTML CSS jQuery四個標籤
但是我卻不知道他們怎麼組合再一起的
按照我從codecademy上學到的:
應該會在HTML <head> 裡面有 <link type ... href="xxx.css"/>
但是怎麼這完全沒看到呢?
又例如 http://jenniferdewalt.com/word_cloud/words 裡面的source code
<script src="/assets/application-9e6468a1c80656c87987aa1255c4b383.js"
type="text/javascript"></script>
那長串的.js又是哪來的?
之前看iTune學習objC的時候
他從最早的語法到IDE 到最後可以完成一些類似 map kit / table view的成果
整個過程很循序漸進
但是關於網頁前端 我現在似乎只有停留在 "語法"的階段
要怎麼搭配好用的IDE 套用好用的工具等 都是茫然
謝謝
※ 編輯: sean72 (76.169.48.217), 06/24/2014 17:01:35
→
06/24 17:37, , 2F
06/24 17:37, 2F
→
06/24 17:40, , 3F
06/24 17:40, 3F
推
06/24 17:56, , 4F
06/24 17:56, 4F
→
06/24 17:58, , 5F
06/24 17:58, 5F
→
06/24 17:59, , 6F
06/24 17:59, 6F
推
06/24 18:03, , 7F
06/24 18:03, 7F
→
06/24 18:03, , 8F
06/24 18:03, 8F
→
06/24 18:04, , 9F
06/24 18:04, 9F