2017年12月19日 星期二
建立網站步驟
1.安裝一些基本軟體:
如果是要專業一點,像是一般專家會用到蠻多種軟體的,很多所以先不贅述。
而基本來說:
要文字編輯器就可以,至少要先安裝好二個瀏覽器
再來
2.確定好網站的樣式
這意思是先規劃,先確定要的主題,可以用一段話來形容比如要茶的主題,那可以寫下項是要茶的品茗心得及介紹之類。
再來設計,先拿出紙筆在紙上設計出想要網站的內容。
再來確定想要的風格,像是顏色、文字字型(可去google font找)、圖片(可去google 圖片找)
以及在建立一個index.html,最後將上述這些資料夾及檔案都放到test資料夾內。3.準備好需要的檔案:
先建立一個資料夾再來是在它底下再建立一個資料夾命名為test或其他你喜歡的名稱,在命名的時候要注意英文小寫避免空格出現,也可使用底線或是中間一橫線。
接下來再建立三個資料夾,名稱依序如下:
4.html檔案建立好後存在index.html
6.css檔案做好後放在styles資料夾
5.javascript檔案做好後放在scripts資料夾
7發佈網站
方法大概有這幾種,見下圖
p.s.部分知識來源取自Mozilla
p.s.補充一些相關的知識:
電腦連接到網站的稱為客戶和伺服器端
彼此request response
Clients:網路使用者的網路連結設備及網路連絡軟體通常是一個瀏覽器
(比如Wi-Fi
手機網路)
當client要一個網頁:
複製的網頁被下載到client的machine
訂閱:
張貼留言 (Atom)
用 Antigravity 開發時,怎麼同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版)
用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版) 用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(...
-
文組生也能學會寫程式:用 Cursor 幫你看懂程式碼,開啟你的自學之路 很多人以為程式只有理工科才能接觸,但我想告訴你: 文組生也完全可以寫程式,而且可以寫得很好。 你需要的不是天賦,而是正確的學習方法與工具。 在我自學與教學的過程中,我發現一個強大的工具 —— Cu...
-
Cursor Auto-Run 完整指南:為什麼開啟卻不會自動執行? 🚀 Cursor Auto-Run 完整指南:為什麼已開啟卻不會自動執行?(含真正能自動跑的方法) Cursor 是目前最強大的 AI 程式...
-
從本機到 GitHub:我如何理解 Git 的核心邏輯並成功推送專案 在正式使用 Git 與 GitHub 之前,我對它們的理解僅止於「版本控制」與「放程式碼的地方」。但當我真正嘗試將本機專案推送到 GitHub 時,才發現整個流程包含版本管理、狀態追蹤、身分驗證等多層邏輯,...

沒有留言:
張貼留言