0000000000000000000000000000000000000000

17樓正解!!

不知樓主是否為資訊相關科系

在資工學網頁前端的重點都在如何運用html,css,javascript...等技術

呈現出你想要的效果

可以說是基礎中的基礎

像是bootstrap,jquery,ajax...等常用的API工具也都是用js開發出來的

不會用javascript的話你根本不知道怎麼使用這些工具

所以如果你要專注在前端的開發前述的基礎功一定要學好

用哪個IDE其實對高手來說根本沒差

神手我學長用vim寫網頁照樣嚇嚇叫

新手建議不要太依賴IDE

先把想了解那個網頁的原始碼複製到notepad++或sublime text等文字編輯器工具

去了解網頁基本運作的原理

熟了之後你就會知道你自己要的是什麼

我也正在學習網頁的前後端開發 共勉之! :D
網頁程式妳要看的懂,然後要有辦法寫出來,不要只會複製貼上,否則你根本學不會,還有試著學會改別人的程式,不過那都要看你的資質,c++ java一定要會,其他網頁語言或標籤都不會太難,資料庫你也要會.
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的人是自己花錢買正版
明人不說暗話, 大部分要錢都是用破解版
把套裝軟體當起手式
會有自己很強的錯覺
遇到有難度的需求
直接趴
這個完全經不起考驗
我覺得大哥這個建議相當實際,
我碰過好幾個HTML都搞不定還去做相關美術工作的人,
弄個簡單的eDM(這個的確可以用DW寫)從切圖就切得亂七八糟了,
更不要講後面的部份,結果還不是都半夜丟給我來「救火」,
接著我只好幫他整個重作,沒酬勞的,後來我學聰明都直接放生了

走標籤 wrote:
我建議新人只學基本功
css js html
基礎扎實再往有興趣的疊上去
基礎都學不來
請直接放棄
這行飯你吃不起


這倒是還好,可能單位或公司有預算,
而且Bundle在一起買比較便宜,倒是不用去懷疑。

走標籤 wrote:
用dw的人是自己花錢買正版
明人不說暗話, 大部分要錢都是用破解版

sheepyoung wrote:
確實是這樣
01上面總是有人想買自排車
有人就要他開手排才是男人 才是熱血.


若想當職業賽車手你還是要會手排,當然我想賽車手學自排也是很簡單的。
學DW就跟學自排一樣,但對於高度客製化的網站是不夠用的。
職業網頁設計選個上手的IDE是一定要的,但絕不是只會DW按鈕案一案、圖拉一拉就夠了。


veryhateyou120 wrote:
目前在學網頁設計,...(恕刪)


軟體用得順手最重要
我是很久以前用過 DW,我覺得不好用,但現在的版本就不清楚了
除了 DW,可以試試 visual studio express for web 看看

free visual studio express for web
https://www.visualstudio.com/en-us/products/visual-studio-express-vs.aspx

不管用啥軟體下面這些是基本的
html + css + js

網頁設計要學的話絕對不止這些,這些只是基本中的基本,進階應用還要學色彩學、心理學、統計學、研究如何加強使用者體驗

例如滑入一個下拉式選單時,若使用者滑出後,是要立即消失,還是等個2秒、3秒後再消失?哪個時間設定在體驗上是最佳的?

亦或者今天做一個網站,內容有大量的圖片,那麼這些圖片是要預先載入,還是等有使用到再載入?那如果要預先載入,對於使用手機的使用者的流量會造成多大的負擔?會造成負擔的話,是否使用者在上傳圖片時就要讓伺服器針對圖片做不同大小格式的處理,以因應 pc 及 行動端 的使用者?

如果不預先載入,那麼使用者可以忍受多久圖片還未跑完?如果無法忍受,那麼要給使用者何種回饋訊息以留住使用者?

以上都只是一小部份而已,這些都是要不斷的實驗、實作才能夠做出好的網站


走標籤 wrote:
後來進入私人企業承接政府網站製作...(恕刪)

說真的政府網站都很兩光,尤其是地方單位的...
真的是你做的嗎?
每次用到政府網站我心裡都是OS...
用工具幫助你上手是很重要的

最近也在碰ASP.NET 以前學過忘光的HTML跟CSS都要重學

還有資料庫的語法等等

只要能做出成果 誰在乎你用甚麼工具
Dreamweaver 產出的網頁有很多雜碼,執行效率不高,而且愈改會愈爛,新增一個物件,再把它刪除,多出一些莫名其妙的碼。

此外那個正版一套要將近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 可以不必學已經快被淘汰了。
文章分享
評分
評分
複製連結
請輸入您要前往的頁數(1 ~ 8)

今日熱門文章 網友點擊推薦!