發現我直接貼教學網站
好像還是沒講清楚
所以決定直接回文了XD
首先架網站分成幾個部分
1. 版面設計
2. 撰寫
3. 放上網路
[版面設計]
如果對自己的美感有信心
可以先依照網頁想要的內容設計畫面
哪些東西在哪個區塊裡
以及字體、配色、圖片、音樂、影片、動畫等等
如果自己設計的畫面不滿意
也可以直接找喜歡的網頁參考他們的設計
[撰寫]
首先
網頁不像ppt一樣
想要什麼東西滑鼠拉一拉移動一下就好
必須全部靠文字完成
(你打開網頁按F12顯示的那些東西)
寫的內容大致上可以分成三個部分
- 網頁的骨架及內容(html)
- 美化與排版(css)
- 功能(JavaScript, jQary, php, Python, Ruby, ...)
寫的方式簡單來說就是「照規定來」
而這些規定在這邊
http://www.w3schools.com/
看不懂不用擔心
可以從網路上一些學習網站學
個人推薦codecademy
https://www.codecademy.com/learn/web
https://www.codecademy.com/learn/make-a-website
完成這兩個課程後
你應該有能力寫出一定水準的網頁
像是你文章中貼的網頁
功能部分一樣能在codecademy學
不過這些相較於html和css會再難一些
就看你有沒有興趣和需求了
[放上網路]
網站就是一堆放在網路上的檔案
所以你需要一個網路上的空間來放這些檔案
如果你還是學生
很多學校有提供學生網路空間
或者外面很多免費空間可以使用
當然
你也可以放在自己的主機
Google一下有很多教學
不過個人是不太建議啦
除了電腦安全性的問題以外
你只要關機這個網頁就連不上了......
更進階一點的是網址設定
如果你想要一個乾淨的網址像 www.google.com
而不是數字點來點去或者有網路空間的名稱夾雜其中
那你就要去買網址
再把買來的網址導向你的網站
這些一樣google都有教學
不過如果你不介意的話
這部分就不用了
以上是個人淺見
但本身不是網頁專長
有什麼疏漏或錯誤的話
還請板上的大大們指正