Web_Design 板


LINE

各位 網頁設計板上的各位前輩大家好 真的很榮幸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
1F:→ oToToT: ST跟bracket一起學啊,DW真的不太需要 07/11 13:43
2F:推 oToToT: 平板拿bs或gm來模擬,不會差太多 07/11 13:47
3F:→ oToToT: 免費測試就自己在電腦上裝個Apache也可以 07/11 13:48
4F:推 smallma009: atom + react 網頁還是全盤自己控制好 07/11 15:49
5F:→ eggimage: 個人覺得dreamweaver實在用起來很不舒服 用sublime text 07/11 16:27
6F:→ eggimage: sublime text2才是穩定正式版 3還是beta 07/11 16:28
7F:→ eggimage: 除了html css 你先學javascript + jquery(js library) 07/11 16:28
8F:→ eggimage: php等你要做後端的東西再學.. 07/11 16:29
9F:→ eggimage: 你想做前端 連photoshop, illustrator都一起學吧 07/11 16:30
10F:→ eggimage: 對你網頁裡面很多元件幫助很大很大.. 07/11 16:30
11F:→ eggimage: 一個視覺設計師可以是coding能力很強 但真的要做到視覺 07/11 16:31
12F:→ eggimage: 部分 卻對美感方面的設計能力很差.. 07/11 16:31
13F:→ eggimage: 光是要你自己會弄個svg圖不少設計師都會頭大.. 07/11 16:31
14F:推 vi000246: 能兼顧js和設計滿難的 建議你前端跟視覺選一樣精通就好 07/11 18:19
15F:→ oj113068: DW可以做為入門,畢竟他有圖形化介面對視覺設計出身的 07/12 00:28
16F:→ oj113068: 人比較親切,但是他自己會產生一些多餘的code,所以 07/12 00:29
17F:→ oj113068: 很多人不推吧。 07/12 00:29
18F:→ oj113068: 可以開程式碼視窗和預覽視窗同步,慢慢從由功能拉來拉去 07/12 00:31
19F:→ oj113068: 到自己code。 07/12 00:32
20F:→ oj113068: 然後再看你要不要換。(braket我也覺得不錯) 07/12 00:33
21F:→ eggimage: 以我自己偏頗感覺 sublime實在太舒服了 DW則用到想撞牆 07/12 01:00
22F:推 crossdunk: 就算是新手也沒有理由用DW吧 07/13 08:46
23F:→ crossdunk: 你要前端就是一定要會HTML 會了之後DW對你就不重要了 07/13 08:47
24F:推 st9140626: sublime 推薦+1 07/16 17:30
25F:→ st9140626: 視覺與前端依舊可以同時學,有志者事竟成,除了練習寫 07/16 17:30
26F:→ st9140626: 語言之外,平日多看一些設計網也挺重要的 07/16 17:30







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:Tech_Job站內搜尋

TOP