[問題] 網頁視覺設計初學請益

[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++一起學嗎

二.學習領域的分類

想專攻前台網頁設計，甚至是到說希望能夠接案幫人作網頁視覺設計
但又不可能不碰後台，一位作過後台工程師的朋友也跟我提到，PHP也包含
前台後台的部分，所以PHP前台也是要懂

DW的部分，他是很推薦熟練DW以及HTML和CSS之後再去學習PHP的部分，
所以也沒有贊成把DW放棄掉這種說法

故目前歸類幾個科目，是我未來告訴自己一定要去碰的，否則即便是把前面的
學好了，也將發生後台的部分不知道怎麼和工程師溝通的問題。

所以我的分類上是希望自己能夠學會

要求自己要會寫要會操作：Dreamweaver/ CSS/CSS3 / HTML/HTML5 / Jquery
要求自己要會讀得懂：Javascript/PHP
(要把JS讀懂，這是一個日本的女設計師跟我說的)
要求自己要精通：SEO

額外想加強的領域：基本的網管知識(萬一客戶叫我幫他們設定IP或者是設定區網空間)

以上這幾個科目我都會幫自己準備一本筆記本

問題：請問以上的這樣的分類對於網頁視覺設計師來說是否足夠呢，謝謝！

三.跨裝置的測試

網頁設計的第一門課，那門專門再教資訊的老師就說，現在作網頁
要能夠在 桌上型電腦/平板電腦/智慧型手機/蘋果電腦 四種裝置上測試
聽到這裡，我就覺得很震撼，因為我只有智慧型手機/桌電/和筆電

目前還沒有蘋果電腦和平板電腦。如何處理硬體問題？

我的
處理方式:1.直接取得平板或蘋果電腦
平板電腦可能會在手機換門號的時候跟電信業者要要看
蘋果電腦的話，自己有想要考慮因應未來可能直接到客戶那邊作設計，須要台筆電
很多平面設計師很推蘋果電腦，但蘋果電腦一來比較貴，二來有很多相容性的問題)
我給自己考慮三個月的時間，在多方打聽看看是不是要購買Mac筆電

處理方式2.跟朋友借平板和Mac來測試，這應該要跟朋友夠熟才有辦法作到

處理方式3.有位工程師朋友跟我說可以在桌電上有模擬程式可以模擬平板
　　　　　我第一次聽到之後覺得，那個準嗎？會不會又像DW的設計界面
　　　　　一樣瀏覽的時候落差很大?

處理方式4.聽說跨裝置有專門的開發解決方案，但目前我受職訓的課程應該
　　　　　是不會帶大家學到RWD的部分，我未來會視情況考慮去進修RWD，
　　　　　現階段先把基礎打好

(我們的課程比較偏 html/CSS/Flash/(沒錯!就是會帶好幾小時的flash XD))

問題一：不知道各位前輩再幫客戶網頁作設計，也是會準備這四種硬體嗎

問題二：請問如果這四種裝置都能夠跑，是否筆電以外的裝置，
        網頁設計的報價都要能夠往上調？(就是每多一個裝置多一個報價）
        還是未來的趨勢是四種裝置設計師都要能夠會作呢？謝謝！

四.瀏覽器和作業系統的測試

雖然其實有問過工程師說作業系統會不會影響網站的測試，他只跟我說一切看瀏覽器版本

然而就作業系統線在微軟有出到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 也不影響?

五.網頁空間的測試

Google的網域空間好像只能套html上去
這邊也是一位工程師朋友介紹給我，可以作網頁測試用的免費空間

Hots My Web http://er-webs.com/ 這個空間支援MySQL和PHP

不知道各位還有沒有推薦的免費測試空間，謝謝!

六.科目書籍和網路教材

深入淺出系列用書，我打算先借   網頁設計/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群組我也已經加入，目前是希望能夠抱持
長期抗戰的心態面對這份工作

謝謝大家！

--
Anything, without blind insistence, is right. 

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 182.235.137.29
※ 編輯: JimmyWr (182.235.137.29), 07/11/2015 12:51:38
→ oToToT: ST跟bracket一起學啊，DW真的不太需要
推 oToToT: 平板拿bs或gm來模擬，不會差太多
→ oToToT: 免費測試就自己在電腦上裝個Apache也可以
推 smallma009: atom + react 網頁還是全盤自己控制好
→ eggimage: 個人覺得dreamweaver實在用起來很不舒服 用sublime text
→ eggimage: sublime text2才是穩定正式版 3還是beta
→ eggimage: 除了html css 你先學javascript + jquery(js library)
→ eggimage: php等你要做後端的東西再學..
→ eggimage: 你想做前端 連photoshop, illustrator都一起學吧
→ eggimage: 對你網頁裡面很多元件幫助很大很大..
→ eggimage: 一個視覺設計師可以是coding能力很強 但真的要做到視覺
→ eggimage: 部分 卻對美感方面的設計能力很差..
→ eggimage: 光是要你自己會弄個svg圖不少設計師都會頭大..
推 vi000246: 能兼顧js和設計滿難的 建議你前端跟視覺選一樣精通就好
→ oj113068: DW可以做為入門，畢竟他有圖形化介面對視覺設計出身的
→ oj113068: 人比較親切，但是他自己會產生一些多餘的code，所以
→ oj113068: 很多人不推吧。
→ oj113068: 可以開程式碼視窗和預覽視窗同步，慢慢從由功能拉來拉去
→ oj113068: 到自己code。
→ oj113068: 然後再看你要不要換。(braket我也覺得不錯)
→ eggimage: 以我自己偏頗感覺 sublime實在太舒服了 DW則用到想撞牆
推 crossdunk: 就算是新手也沒有理由用DW吧
→ crossdunk: 你要前端就是一定要會HTML 會了之後DW對你就不重要了
推 st9140626: sublime 推薦+1
→ st9140626: 視覺與前端依舊可以同時學，有志者事竟成，除了練習寫
→ st9140626: 語言之外，平日多看一些設計網也挺重要的