不知樓主是否為資訊相關科系
在資工學網頁前端的重點都在如何運用html,css,javascript...等技術
呈現出你想要的效果
可以說是基礎中的基礎
像是bootstrap,jquery,ajax...等常用的API工具也都是用js開發出來的
不會用javascript的話你根本不知道怎麼使用這些工具
所以如果你要專注在前端的開發前述的基礎功一定要學好
用哪個IDE其實對高手來說根本沒差
神手我學長用vim寫網頁照樣嚇嚇叫
新手建議不要太依賴IDE
先把想了解那個網頁的原始碼複製到notepad++或sublime text等文字編輯器工具
去了解網頁基本運作的原理
熟了之後你就會知道你自己要的是什麼
我也正在學習網頁的前後端開發 共勉之! :D
frankw wrote:
請不要誤導別人,專業的設計沒人在用 notepad++ 的,又不是學生,
商業應用你還在慢慢刻 html,那恐怕你不是很在意美感或生產力。
當然是用 dw。
發文問的人並不是程式取向,是設計取向的,js 不需要精通,
主要把 html5 跟 css 學好。
html5 直接學就好了,當然是跳過舊時代的 html,
都已經被取代了。
建議樓主看到喜歡的網頁,按一下 F12,觀察它的 html, js & css,
自己改動看看。
完全沒有誤導
這個跟玩game點技能樹一樣
01不乏有專業資深的潛行者
我精通前後端,美感一流, 靠這行吃飯的, 信不信隨你
只講自己專業的見解
山人我從1999年就開始網路生涯
青春都投在上面
開始在補習班教fontpage 作網頁
後來進入私人企業承接政府網站製作
photoshop 3Dmax flash dw office系列 .net系列 MSSQL
這些要錢的軟體我都會
微軟那時候很紅
Xhtml Dhtml html xml css JavaScript VBScript AJAX jquery php MYSQL
這些不要錢的也學
我建議新人只學基本功
css js html
基礎扎實再往有興趣的疊上去
基礎都學不來
請直接放棄
這行飯你吃不起
notepad++
此物必備, 免費又好用
我很難相信
用dw的人是自己花錢買正版
明人不說暗話, 大部分要錢都是用破解版
把套裝軟體當起手式
會有自己很強的錯覺
遇到有難度的需求
直接趴
這個完全經不起考驗
例如滑入一個下拉式選單時,若使用者滑出後,是要立即消失,還是等個2秒、3秒後再消失?哪個時間設定在體驗上是最佳的?
亦或者今天做一個網站,內容有大量的圖片,那麼這些圖片是要預先載入,還是等有使用到再載入?那如果要預先載入,對於使用手機的使用者的流量會造成多大的負擔?會造成負擔的話,是否使用者在上傳圖片時就要讓伺服器針對圖片做不同大小格式的處理,以因應 pc 及 行動端 的使用者?
如果不預先載入,那麼使用者可以忍受多久圖片還未跑完?如果無法忍受,那麼要給使用者何種回饋訊息以留住使用者?
以上都只是一小部份而已,這些都是要不斷的實驗、實作才能夠做出好的網站
此外那個正版一套要將近2萬元的也太誇張,即便只拿它當文字編輯器也太浪費。自家或個人工作室用快樂的是沒問題,但並不是所有公司都會花錢買昂貴軟體,尤其它不算必要軟體,只是輔助性質的。
再以結合 php 等程式來說,有時 html網頁碼,會由 php 程式 動態自動產生的(echo 出來的),若不熟悉 html/css 碼,就不可能去動態產生。
版本也和相容性有關,DW 新版的在設計上會用 CSS,但舊版的就直接 html 做設計,不符合 W3C 規範。不論新舊版,多多少少都會有瀏覽器相容性問題。
大公司團隊 前端、後端 合作來講,DW 也不合適,因為程式碼亂糟糟不清楚,也沒豐富註解,會很難合作。
******************************
建議先從 CCS2/CCS3 開始學起
然後 HTML/HTML5,js 那些最後再去摸。
CSS3 是建構在 CCS2 的基礎之上,僅多出一些新特性,兩者並不衝突,且都仍在使用,都是主流。兩個都要學。
HTML5 也是建構在 HTML 基礎之上的。不過 HTML 重要標籤學過即可,有關設計的部份可以跳過,HTML 有很多舊時代的東西,已經不被使用。
重心放在 HTML5 比較重要,HTML4 以前的東西,快速瀏覽帶過。
秉持一個原則,有關設計的,一律是 CSS。
比方說 置左、置中、置右、多少像素、多少 % 的,那個一律用 CSS 去做。千萬別在 HTML 中描述那些東西。
CSS 摸熟一點,不會有壞處的。盒子模型尤其重要。
光 CSS 摸熟,就可以做出很多精美特效了(鼠標滑過,產生特效),且執行效率非常好。不是一定得 JS 不可。
HTML5 的畫布也可以寫程式,但是那個學習資料很少,屬於萌芽階段,最終的規格協議好像也還沒訂好,多數瀏覽器不一定完美支援。
文字編輯工具就 Notepad++ 足以。
以建築來比喻:
CSS = 室內設計、裝潢
HTML = 骨架、柱子、版梁
學習網站推薦:
w3school 在线教程
http://www.w3school.com.cn/
w3cschool菜鸟教程
http://www.w3cschool.cc/
書的話,歐里萊出版社的 Hand First 系列 不錯。
當然更進一步來講,圖片可能也要自己畫,或照片修改,因為總不能老是都用現成的圖,或抓別人的(會有版權問題),即便用買的,也容易撞衫。
所以最後也要摸一點繪圖軟體(點陣或向量的)。
不過 繪圖、美工、視覺傳達 方面,和網頁設計沒有太大關係啦,屬於另一個領域了。
簡單的 修圖、去背 什麼的,會用就好了。
那個不急,以後需要改圖在慢慢學即可。起先學做網頁,圖都先用現成的。
以前網頁設計還會學 Flash ,但以今日來說 HTML5 會比較好。因為 3C裝置支援比較廣。
蘋果手機/平板 預設無法跑 Flash,只能 html5。
Android 手機雖可以跑 Flash,但太複雜、太耗資源的,機子慢也跑不出來。
所以 未來性來說,HTML5 比較好。Flash 可以不必學已經快被淘汰了。