[爆卦]網頁設計自學是什麼?優點缺點精華區懶人包

為什麼這篇網頁設計自學鄉民發文收入到精華區:因為在網頁設計自學這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者PP68 (屁屁)看板Web_Design標題[請益] 超新手自學網頁設計時間Wed Jan 2...

網頁設計自學 在 Scott Tsai Instagram 的最讚貼文

2021-08-03 11:00:22

半年設計整合 徵 網頁設計師 ✨絕佳的設計美感與易用性思維 ✨良好的邏輯思考與溝通能力 ✨熟悉Sketch或Figma, Adobe Illustrator, Photoshop 等軟體操作 ✨能獨立進行專案和具備自學能力 🌟具切版能力和能製作互動效果者佳 ⚜️公司主要提供包含App、網頁、動...


小弟我自己上網google了一些資訊,上禮拜週末窩在家在用codecademy學html/css,
教程進度已經到95%,就是一些基本標籤有跟著課程寫過一遍這樣,預計之後是學JS。

不過現在問題來了,我在下載了Notepad++後,不知如何寫起,在教程都是兩個分頁,
一個寫html,一個寫css。一些網頁滑鼠右鍵點開來原始碼也看不懂(WIN7,Chrome)。

寫完後又該如何讓成果傳送到網路上?使用一個空間?(github?)

目前打算是先幫女朋友製作一個她的食譜網頁,有照片有文字有選單,醜一點陽春一點都
沒關係,以後再慢慢調整。
現在感覺就是自己的工具環境和使用方法以及整體學習的架構都還沒有完整建立起,網路
上的資源也都很片段,自己還沒能力完整消化,所以也希望能推薦有一些書單讓我學習,
目前知道是深入淺出系列。可是又怕書太舊。

(家裡附近沒甚麼大型書店,找時間上台北會再去重慶南路一趟。)

問題很菜的話還請見諒,感謝。

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.234.206.178
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1453825432.A.C3E.html
b35894814: 工具notepad++足矣,要架站的話就要server,幾乎每種後 01/27 01:12
b35894814: 端語言搭的server都不一樣,建議你要讀一下計概的http 01/27 01:12
b35894814: 協定,了解網路架構,要懶人包的話就用LAMP( Apache+ 01/27 01:14
b35894814: Php),單純靜態網頁就別看書了,多從做中學才能成長 01/27 01:16
sorarize: 剛開始寫可以用純靜態的解法,github 是個好選擇 01/27 06:18
sorarize: https://pages.github.com/ 官方提供的步驟,很簡單 01/27 06:19
sorarize: 熟悉後可以試試 static site generator 或者開始摸後端 01/27 06:21
Hevak: 個人推薦學習資源使用 freecodecamp ,他有很多教學直接讓 01/27 07:47
Hevak: 你在codepen.io這種比較單純又可以馬上看到成果的地方做 01/27 07:47
Hevak: 只要寫單純前端(html/css/js)沒有牽扯到要自己架伺服器的東 01/27 07:48
Hevak: 西的話,你都可以先在 http://codepen.io/ 這邊右上角按new 01/27 07:48
Hevak: pen出來看效果,同時也可以直接分享給別人看 01/27 07:48
Dinjang: 推樓上每個都是好方法 01/27 08:20
Dinjang: 樓上三個人的意見都很實用 01/27 08:21
Neisseria: wordpress.com 直接就有後台了,但不能新增功能 01/27 11:29
Neisseria: 要不然就自已找主機架 WordPress 01/27 11:30
Neisseria: 如果只是要用,不修改內容,可以直接用現成的東西 01/27 11:30
PP68: 食譜網頁算是一個間接的目的,主要還是在學習寫一個網頁, 01/27 12:20
PP68: 然後之後繼續鑽研深入的技巧 01/27 12:24
imbahunter: 自己學架站後與html css等,然後再用wordpress發現 01/27 16:00
imbahunter: wordpress還是方便太多 01/27 16:00
wezmag: 學生可申請Dreamspark,免費Azure讓你架站 01/29 19:05
PP68: 畢業2年囉 不過還是謝謝資訊 01/30 07:56
Bible550: 網路上有很多免費的模板,可以下載下來做參考。 01/30 18:58
heavenbetula: 練習的話可以使用appserv套件 安裝容易使用方便 02/01 12:45
heavenbetula: 或者參考我之前也問過的問題 #1LivazGa 02/01 12:49
onespring: 推慕課網!中文教程還算清楚,且可以直接用網友們討論 02/05 15:00
onespring: 。 02/05 15:00
jeremy0417: https://designtongue.me/ui-設計師學習程式語言經驗 02/08 12:58
jeremy0417: https://designtongue.me/ui-設計師學習程式語言經驗 02/08 13:00
jeremy0417: 這兩篇的經驗可以參考看看 02/08 13:00
jeremy0417: 網址太長被喀掉,第一篇網址後加(一)第二篇加(二) 02/08 13:03

你可能也想看看

搜尋相關網站