※ 引述《JimmyWr ( jimmywr)》之銘言：
: 各位 網頁設計板上的各位前輩大家好
: 真的很榮幸PTT上有這樣一個版能夠提供
: 前台設計師及後台資料庫工程師有這樣一個交流的空間
: 目前我是某補習班多媒體網頁設計職訓課程的學員，上課時數為三個月
: 前面幾堂課負責DW的老師有稍微帶到一點CSS，之後才會繼續上HTML
: 我之前一直在Design版上潛水，但其實之前對於印刷業的印前作業的部分，
: 並不像我對網頁這麼有興趣，我想專攻前台網頁設計，
: 並希望未來能從事網頁視覺設計的工作。
: 有耳聞網頁設計並不是那麼容易學習的一個門領域，所以我已經作好長期抗戰的心理準備
: ，將準備三本筆記本專門記html/html5，CSS/CSS3，和Jquery
: 所以就我目前調查的資訊，想再向各位網頁設計的前輩們請教更多意見。
: 一.網頁編輯器的選擇：
: 問過再作網頁設計的朋友，有10個人裡面會有八個跟我說不要用DW寫，
: 有一位後台工程師朋友跟我說是因為，用DW寫會造成前後台程式銜接上有問題
: 到時候必須透過NOTEPAD++去修改，很花時間
: 但由於我是新手，二來我又是想專攻前台視覺設計的部分，DW直接跳過去寫html
: 其實會有些困難。但我認同有些版上設計師說直接寫html不要去透過DW的按鍵
: 只是DW的功能也稍為讓自己知道怎麼操作，所以在這裡，就編輯器的部分
: 我是打算讓自己學會 Dreamweaver 和Notepad++這兩套編輯器
: 當然也有工程師推薦我用sublime text 3，原因是因為功能強大，
: 就要學Notepad++還是sublime text 3我會再作一次考慮
: （ps:我的工程師朋友他比較傾向sublime text 3，然而我也有認識一位女生作前台是用
: braket寫)
: 問題：各位前輩建議DW和Notepad++一起學嗎
不用考慮了直接使用Sublime Text就沒錯了
DW可學可不學不是很重要，我只會用拿DW當文字編輯器來用
: 二.學習領域的分類
: 想專攻前台網頁設計，甚至是到說希望能夠接案幫人作網頁視覺設計
: 但又不可能不碰後台，一位作過後台工程師的朋友也跟我提到，PHP也包含
: 前台後台的部分，所以PHP前台也是要懂
: DW的部分，他是很推薦熟練DW以及HTML和CSS之後再去學習PHP的部分，
: 所以也沒有贊成把DW放棄掉這種說法
: 故目前歸類幾個科目，是我未來告訴自己一定要去碰的，否則即便是把前面的
: 學好了，也將發生後台的部分不知道怎麼和工程師溝通的問題。
: 所以我的分類上是希望自己能夠學會
: 要求自己要會寫要會操作：Dreamweaver/ CSS/CSS3 / HTML/HTML5 / Jquery
: 要求自己要會讀得懂：Javascript/PHP
: (要把JS讀懂，這是一個日本的女設計師跟我說的)
: 要求自己要精通：SEO
: 額外想加強的領域：基本的網管知識(萬一客戶叫我幫他們設定IP或者是設定區網空間)
: 以上這幾個科目我都會幫自己準備一本筆記本
: 問題：請問以上的這樣的分類對於網頁視覺設計師來說是否足夠呢，謝謝！
一般的網頁設計師會切版HTML就蠻厲害的了
厲害一點的網頁設計師會HTML,CSS
前端工程師的話JavaScript算是基礎的
前端工程師還有能力盡量多學一些程式庫和框架 ex:jQuery,AngularJS,React...
: 三.跨裝置的測試
: 網頁設計的第一門課，那門專門再教資訊的老師就說，現在作網頁
: 要能夠在 桌上型電腦/平板電腦/智慧型手機/蘋果電腦 四種裝置上測試
: 聽到這裡，我就覺得很震撼，因為我只有智慧型手機/桌電/和筆電
: 目前還沒有蘋果電腦和平板電腦。如何處理硬體問題？
: 我的
: 處理方式:1.直接取得平板或蘋果電腦
: 平板電腦可能會在手機換門號的時候跟電信業者要要看
: 蘋果電腦的話，自己有想要考慮因應未來可能直接到客戶那邊作設計，須要台筆電
: 很多平面設計師很推蘋果電腦，但蘋果電腦一來比較貴，二來有很多相容性的問題)
: 我給自己考慮三個月的時間，在多方打聽看看是不是要購買Mac筆電
: 處理方式2.跟朋友借平板和Mac來測試，這應該要跟朋友夠熟才有辦法作到
: 處理方式3.有位工程師朋友跟我說可以在桌電上有模擬程式可以模擬平板
: 我第一次聽到之後覺得，那個準嗎？會不會又像DW的設計界面
: 一樣瀏覽的時候落差很大?
: 處理方式4.聽說跨裝置有專門的開發解決方案，但目前我受職訓的課程應該
: 是不會帶大家學到RWD的部分，我未來會視情況考慮去進修RWD，
: 現階段先把基礎打好
: (我們的課程比較偏 html/CSS/Flash/(沒錯!就是會帶好幾小時的flash XD))
: 問題一：不知道各位前輩再幫客戶網頁作設計，也是會準備這四種硬體嗎
: 問題二：請問如果這四種裝置都能夠跑，是否筆電以外的裝置，
: 網頁設計的報價都要能夠往上調？(就是每多一個裝置多一個報價）
: 還是未來的趨勢是四種裝置設計師都要能夠會作呢？謝謝！
可以用Chrome的DevTools做各種裝置的模擬
不管事螢幕大小，UserAgent...等等都可以模擬
但畢竟不是100%實體裝置，還是會有意點點誤差
: 四.瀏覽器和作業系統的測試
: 雖然其實有問過工程師說作業系統會不會影響網站的測試，他只跟我說一切看瀏覽器版本
: 然而就作業系統線在微軟有出到WIN8我也是很擔心，因為家裡兩台電腦，
: 2010買的，是WINXP；另外一台電腦2014買的，是WIN7，WIN8雖然已經出來兩年多快三年
: 但我只有在電腦補習班碰過WIN8，WIN8在操作上我只能說很不熟悉。
: 即便是測試網頁是以瀏覽器為主，我相信如果客戶是用自己的筆電去測試
: 絕對難免會遇到他問你WIN8/WIN10 界面上怎麼調整操作的問題
: 茲此，就蘋果電腦和一般的筆電，我考慮買一般筆電以熟悉WIN8/WIN10的操作
: 兩台一台WIN7一台XP的電腦，我想還是可以繼續用，但是務必熟悉WIN8
: 至於瀏覽器的部分 IE至少要測試到IE11，以及透過Google Chrome和 Firefox的測試
: 由於Chrome和Firefox可以自動更新，不像IE有版本的問題
: 問題:
: 可以請問各位 設計師/工程師 以上關於瀏覽器的說法有問題嗎？
: 另外請問如果真的要幫客戶設計網站，是希望筆電和桌電都能灌WIN8/WIN10嗎
: 還是即便是桌電還在用WINXP/WIN7 也不影響?
其實可以安裝VM裡面灌MAC，目前我就這是這樣使用
可以同時有Windows和MAC兩種平台使用，不過VM通常跑起來不太流暢
: 五.網頁空間的測試
: Google的網域空間好像只能套html上去
: 這邊也是一位工程師朋友介紹給我，可以作網頁測試用的免費空間
: Hots My Web http://er-webs.com/ 這個空間支援MySQL和PHP
: 不知道各位還有沒有推薦的免費測試空間，謝謝!
沒有後湍程式的需求的話我就會推薦 GitHub
有板控又可以當靜態網頁
: 六.科目書籍和網路教材
: 深入淺出系列用書，我打算先借 網頁設計/HTML &CSS/ Javascipt這三本
: 松崗的 Dreamweaver CS6 以及 Dreamweaver CS6 PHP 這本也將入手翻閱
: 深深覺得政府的的職訓課程對於學習CSS和HTML並不是那麼夠
: 所以YOUTUBE的教學影片也會被我k完
: CSS教程: https://www.youtube.com/watch?v=Z2lVzikg8zU
: HTML教程:https://www.youtube.com/watch?v=TCP1yvo_mAc
: 由於是大陸的教學所以翻上會有些不同，但還好程式應該是相同的
: 如果各位前輩有更推薦教學資源可以再作推薦嗎！謝謝！
歐萊禮的書都還不錯，但需要一點基礎再去看比較有幫助
如果完全不會，要找深入淺出系列的
: 七.網管知識
: 請問幫客戶架設網站，一個網頁視覺設計師，大概網管須要懂到甚麼程度呢？
: 客戶會不會順便請你幫忙設個區網，或設定IP或者是架設ftp之類的。
: 目前我的想法是，網頁前台必須包辦業務，美工，前台程式，和SEO；
: 後台的部分再找人或公司作配合，網管的部分也在找人或公司作配合
: 最後，真心感謝版上的網頁設計師/工程師前輩們
: 閱讀完我的問題，真的很希望能夠再獲得各位寶貴的意見
: 版上的網頁設計LINE群組我也已經加入，目前是希望能夠抱持
: 長期抗戰的心態面對這份工作
: 謝謝大家！
通常公司因該是會分工 MIS 跟 RD 會分開
不然同時會 MIS 和 RD 的薪水因該會不便宜
要不然就是被凹很大