[請益] 超新手自學網頁設計

看板Web_Design作者 (屁屁)時間8年前 (2016/01/27 00:23), 編輯推噓10(10022)
留言32則, 12人參與, 最新討論串1/2 (看更多)
小弟我自己上網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

01/27 01:12, , 1F
工具notepad++足矣,要架站的話就要server,幾乎每種後
01/27 01:12, 1F

01/27 01:12, , 2F
端語言搭的server都不一樣,建議你要讀一下計概的http
01/27 01:12, 2F

01/27 01:14, , 3F
協定,了解網路架構,要懶人包的話就用LAMP( Apache+
01/27 01:14, 3F

01/27 01:16, , 4F
Php),單純靜態網頁就別看書了,多從做中學才能成長
01/27 01:16, 4F

01/27 06:18, , 5F
剛開始寫可以用純靜態的解法,github 是個好選擇
01/27 06:18, 5F

01/27 06:19, , 6F
https://pages.github.com/ 官方提供的步驟,很簡單
01/27 06:19, 6F

01/27 06:21, , 7F
熟悉後可以試試 static site generator 或者開始摸後端
01/27 06:21, 7F

01/27 07:47, , 8F
個人推薦學習資源使用 freecodecamp ,他有很多教學直接讓
01/27 07:47, 8F

01/27 07:47, , 9F
你在codepen.io這種比較單純又可以馬上看到成果的地方做
01/27 07:47, 9F

01/27 07:48, , 10F
只要寫單純前端(html/css/js)沒有牽扯到要自己架伺服器的東
01/27 07:48, 10F

01/27 07:48, , 11F
西的話,你都可以先在 http://codepen.io/ 這邊右上角按new
01/27 07:48, 11F

01/27 07:48, , 12F
pen出來看效果,同時也可以直接分享給別人看
01/27 07:48, 12F

01/27 08:20, , 13F
推樓上每個都是好方法
01/27 08:20, 13F

01/27 08:21, , 14F
樓上三個人的意見都很實用
01/27 08:21, 14F

01/27 11:29, , 15F
wordpress.com 直接就有後台了,但不能新增功能
01/27 11:29, 15F

01/27 11:30, , 16F
要不然就自已找主機架 WordPress
01/27 11:30, 16F

01/27 11:30, , 17F
如果只是要用,不修改內容,可以直接用現成的東西
01/27 11:30, 17F

01/27 12:20, , 18F
食譜網頁算是一個間接的目的,主要還是在學習寫一個網頁,
01/27 12:20, 18F

01/27 12:24, , 19F
然後之後繼續鑽研深入的技巧
01/27 12:24, 19F

01/27 16:00, , 20F
自己學架站後與html css等,然後再用wordpress發現
01/27 16:00, 20F

01/27 16:00, , 21F
wordpress還是方便太多
01/27 16:00, 21F

01/29 19:05, , 22F
學生可申請Dreamspark,免費Azure讓你架站
01/29 19:05, 22F

01/30 07:56, , 23F
畢業2年囉 不過還是謝謝資訊
01/30 07:56, 23F

01/30 18:58, , 24F
網路上有很多免費的模板,可以下載下來做參考。
01/30 18:58, 24F

02/01 12:45, , 25F
練習的話可以使用appserv套件 安裝容易使用方便
02/01 12:45, 25F

02/01 12:49, , 26F
或者參考我之前也問過的問題 #1LivazGa
02/01 12:49, 26F

02/05 15:00, , 27F
推慕課網!中文教程還算清楚,且可以直接用網友們討論
02/05 15:00, 27F

02/05 15:00, , 28F
02/05 15:00, 28F

02/08 12:58, , 29F
https://designtongue.me/ui-設計師學習程式語言經驗
02/08 12:58, 29F

02/08 13:00, , 30F
https://designtongue.me/ui-設計師學習程式語言經驗
02/08 13:00, 30F

02/08 13:00, , 31F
這兩篇的經驗可以參考看看
02/08 13:00, 31F

02/08 13:03, , 32F
網址太長被喀掉,第一篇網址後加(一)第二篇加(二)
02/08 13:03, 32F
文章代碼(AID): #1MfvsOm- (Web_Design)
文章代碼(AID): #1MfvsOm- (Web_Design)