Re: [討論] 學習網頁設計卡關了...

[Canboo (啃布先生)]

我來個簡要回覆...

首先你要先完整的瞭解 HTML標籤
何謂什麼叫瞭解，就是在對的地方用對的標籤
比如網頁原始碼中基本的標題、小標是用h1~h6
文字章節用p、條列用ul li或ol li
dl dd dt能視狀況運用...種種
如果這部份完成再來看CSS

CSS的部份先不要去看什麼CSS Hack
要先把基礎的選取器的部份先瞭解(其實有點同jQuery的選取)
接著去瞭解為什麼要css reset或使用normalize
什麼是區塊元素(block)、什麼是區段元素(或許有其他的詞眼)
CSS規則的先後順序和優先權
如果要朝手機版頁面走，那就再瞭解個Responsive design

我不知道你說的HTML+CSS好上手是指上面都懂還是只會用DW拉一拉
以上都OK了，再開始想javascript、jQuery，在之前都不要想
在這邊就有分兩條路，如果你要走F2E，那原生的javascript你要熟
如果你只是想走會操作，那簡單瞭解javascrip+jQuery就已夠用
所以你哪時要開始學JQ? 我想時候到了你就會開始摸了

因為我個人也是程式底，視覺完全不行...
在jQuery還沒成熟時都是自己用javascript刻輪子
但我還是偷偷的說...我還是用DW，但是我都是開原始碼界面直接改原始碼
所以我覺得開發工具是什麼無所謂，重點是不要只會用圖形化介面去做網站
等有時間會跳Sublime Text，因為DW的loading是有點重
不過我蠻愛他的網站管理，幾十個站不用再開FTP弄來弄去
如果有人可以教學一下其他工具可以有類似方法請多傳授
謝謝


※ 引述《ABOQQ (MAYBE~~)》之銘言：
: 去年二月底辭掉第一份工作之後
: 想朝網頁設計邁進
: 於是花了整整一年時間 先自學 後上職訓局
: 1.技能方面
: html css學習並無大礙 很容易就上手 (因本身資工畢 但在學混 只剩基礎能力)
: 美工方面則是illustrator photoshop有基本繪圖能力和去背 (研所報考工業設計學的)
: 簡單banner應該是沒問題
: javascript會寫一些基本的DOM 和 套用網路抓的特效並且修改成我想要的
: jQuery、jQuery mobile則是會應用跟改他的css
: PHP沒學得很透徹 頂多看的懂 會應用function傳回的值
: 自己的獨立作品裡面的php是拉Dreamweaver的出來用再視情況修改
: MySQL也只會建table 拉出要用的資料
: 現在找工作卡關的問題是:
: 1.本來想走網頁視覺 想說有程式底 應該很吃香
: 但是臨摹別人網頁很會 自己想要創造風格難 情況變成雖然有程式底 但是視覺表現爛
: (這可能需要點天份 和 多看別人的網頁怎麼做到那麼精緻)
: 2.現在可能會比較想找前端(front end)
: 寫javascript、jQuery做一些選單特效、動態特效、ajax取後端資料、最好能到動畫
: 可是程式能力又沒到很好
: (不過應該是可以靠study補齊 只是要花很久時間 資質不好)
: 3.曾經被面試的人說:看起來好像前後端都會一點 但又好像都不會......
: 於是思索了一下 走前端的情況可能會比較好
: 所以傾向於買書重新學習
: 一邊重新學HTML5 一邊學javascript (這兩種應該是習習相關?)
: 等到javascript夠熟練 再來搞JQUERY
: 所以想請教一下版上高手
: 1.在學習frond end這條路上 有什麼經驗或是順序是可以建議我或參考的?
: 2.對於frond end 我有誤解的地方 也希望能指正一下
: 3.javascript要練到何種程度 才能學習JQUERY?
: 4.或是對於我的狀況 有另一番見解
: 謝謝!
: 補充作品:(因為當初對廣告位置擺放有興趣 所以三個作品都有= = 不喜勿入)
: http://ppt.cc/L1Ka 個人網站&部落格 獨立完成
: http://ppt.cc/vyI~ 主要是瀑布流練習 獨立完成
: http://ppt.cc/Htdj
: 這個是跟後端程式設計師合作 也有做手機版本 應該還不算營利性質 有疑慮也勿點
: 依完成順序排列 供大大們參考

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 111.240.108.86
推 ABOQQ:html+css都是開空白頁開始編寫 我已經不用DW拉了
→ ABOQQ:主要都是在做中學原理跟概念 所以做到後來才會發現一些觀念
→ ABOQQ:這也是有點困擾 因為找不太到一些比較偏概念的書或網頁
→ ABOQQ:常常都是做得要死不活 然後估狗大神很久才發現為啥css不會動
推 ABOQQ:或是這樣雖然可以呈現效果但是對讀取速度之類的不好
推 aspdoctor:sublime text管理專案也很方便哦