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

作者: PP68 (屁屁)   2016-01-27 00:23:48
小弟我自己上網google了一些資訊,上禮拜週末窩在家在用codecademy學html/css,
教程進度已經到95%,就是一些基本標籤有跟著課程寫過一遍這樣,預計之後是學JS。
不過現在問題來了,我在下載了Notepad++後,不知如何寫起,在教程都是兩個分頁,
一個寫html,一個寫css。一些網頁滑鼠右鍵點開來原始碼也看不懂(WIN7,Chrome)。
寫完後又該如何讓成果傳送到網路上?使用一個空間?(github?)
目前打算是先幫女朋友製作一個她的食譜網頁,有照片有文字有選單,醜一點陽春一點都
沒關係,以後再慢慢調整。
現在感覺就是自己的工具環境和使用方法以及整體學習的架構都還沒有完整建立起,網路
上的資源也都很片段,自己還沒能力完整消化,所以也希望能推薦有一些書單讓我學習,
目前知道是深入淺出系列。可是又怕書太舊。
(家裡附近沒甚麼大型書店,找時間上台北會再去重慶南路一趟。)
問題很菜的話還請見諒,感謝。
作者: b35894814 (kko)   2016-01-27 01:12:00
工具notepad++足矣,要架站的話就要server,幾乎每種後端語言搭的server都不一樣,建議你要讀一下計概的http協定,了解網路架構,要懶人包的話就用LAMP( Apache+Php),單純靜態網頁就別看書了,多從做中學才能成長
作者: sorarize (19)   2016-01-27 06:18:00
剛開始寫可以用純靜態的解法,github 是個好選擇https://pages.github.com/ 官方提供的步驟,很簡單熟悉後可以試試 static site generator 或者開始摸後端
作者: Hevak (Arthow Eshes)   2016-01-27 07:47:00
個人推薦學習資源使用 freecodecamp ,他有很多教學直接讓你在codepen.io這種比較單純又可以馬上看到成果的地方做只要寫單純前端(html/css/js)沒有牽扯到要自己架伺服器的東西的話,你都可以先在 http://codepen.io/ 這邊右上角按newpen出來看效果,同時也可以直接分享給別人看
作者: Dinjang (DD)   2016-01-27 08:20:00
推樓上每個都是好方法樓上三個人的意見都很實用
作者: Neisseria (Neisseria)   2016-01-27 11:29:00
wordpress.com 直接就有後台了,但不能新增功能要不然就自已找主機架 WordPress如果只是要用,不修改內容,可以直接用現成的東西
作者: PP68 (屁屁)   2016-01-27 12:20:00
食譜網頁算是一個間接的目的,主要還是在學習寫一個網頁,然後之後繼續鑽研深入的技巧
作者: imbahunter (レオ)   2016-01-27 16:00:00
自己學架站後與html css等,然後再用wordpress發現wordpress還是方便太多
作者: wezmag (wezmag)   2016-01-29 19:05:00
學生可申請Dreamspark,免費Azure讓你架站
作者: PP68 (屁屁)   2016-01-30 07:56:00
畢業2年囉 不過還是謝謝資訊
作者: Bible550 (暱稱先生)   2016-01-30 18:58:00
網路上有很多免費的模板,可以下載下來做參考。
作者: heavenbetula (綠草)   2016-02-01 12:45:00
練習的話可以使用appserv套件 安裝容易使用方便或者參考我之前也問過的問題 #1LivazGa
作者: onespring (柳暗花明)   2016-02-05 15:00:00
推慕課網!中文教程還算清楚,且可以直接用網友們討論。
作者: jeremy0417 (jeremy)   2016-02-08 12:58:00
https://designtongue.me/ui-設計師學習程式語言經驗https://designtongue.me/ui-設計師學習程式語言經驗這兩篇的經驗可以參考看看網址太長被喀掉,第一篇網址後加(一)第二篇加(二)

Links booklink

Contact Us: admin [ a t ] ucptt.com