如果你搵緊方法去建立 HTML 網站, 呢度有幾個提示可以幫你開始. Learn HTML-Lernen to create a website, 或者用 Visual Studio 代碼喺 Moodle 建立網站. 無論如何, 你應該至少對 HTML 有基本嘅認識先可以建立你自己嘅網站. 有幾種方法可以建立 HTML 頁面, 但係呢啲係最常見嘅.
Creating an HTML-Seite
The first step in creating your own website is to learn how to use HTML. HTML 係網頁嘅標準標記語言. 佢係由蒂姆 · 伯納斯 · 李喺 1991 喺 CERN 做緊嘢嗰陣. 呢個係用嚟建立世界上第一個網站嘅其中一項關鍵技術. 之後呢種語言已經大大改進同改寫咗, 但係佢嘅基本目的仍然係一樣. 佢嘅主要目的係格式化網頁同埋向用戶顯示佢哋.
Using HTML-Lernen
You can learn to create HTML pages for free or pay to use paid resources. 用免費資源去學習 HTML 比起透過付費資源學習基本知識容易好多. 有啲人會喺費塞爾化嘅課程入面受益更多, 呢啲難度較低，亦都減少脫學嘅機會. 網上課程畀你喺你嘅網絡瀏覽器入面用 HTML 代碼, 同埋可以提供寶貴嘅學習經驗. 但係, 如果你想慳錢, 付費資源永遠都係一個好選擇.
當你免費學習 HTML 嘅時候, 最好由睇專家寫嘅教學開始. HTML 係網頁開發人員必備嘅語言, 因為佢可以令到格式化同顯示內容更加靈活. 你亦都可以透過學習 HTML 嚟慳錢, 因為網頁開發人員好貴. 如果你識得點樣整 HTML, 你可以慳時間同精力噉慳好多錢. 如果你有一定嘅基本知識，你亦都可以自己做啲細微嘅改動.
HTML 係一種基於 XML 嘅語言. HTML 標籤會組織成角括號. Absatz 標籤會話畀網絡瀏覽器知頁面嘅標題係咩. 大部分 HTML 標籤都係以 schliesssending 標籤結尾, 而有幾個係開同閂嘅. 一個好例子係一個連結.
你可以用 doctype 宣言嘅組合嚟寫你嘅程式碼. HTML 頁面其中一個最重要嘅元素係 doctype 宣言. 呢個會話畀瀏覽器知你個網站用咩標記語言寫嘅. 但係, 呢個唔係元素. 根元素係 html. 當你學緊 HTML 嘅時候, 你一定要確保個 doctype 宣言係一樣嘅.
Creating an HTML-Site in Moodle
In order to create an HTML-Site in Moodle, 你一定係網頁設計嘅專家. HTML 網站係一個強大嘅學習資源, 而且佢哋可以用嚟建立引人入勝嘅嘢, 互動課程. 喺呢個教學入面, 我哋會講解建立一個基本 HTML 網站嘅過程. 但係, 如果你已經有啲 HTML 網站設計經驗, 呢個指南會幫你開始.
第一, 你需要建立一個頁面. 頁面基本上係 Moodle 入面嘅網頁, 而且佢可以包含唔同類型嘅內容, 包括多媒體. 頁面資源係兩者中比較方便嘅, 但係, 因為你唔使擔心上載大檔案. 頁面可以輕鬆更新，而且比起書籍更容易維護. 對於更複雜嘅 HTML 網站, 你應該用本書資源.
你建立咗個頁面之後, 你會想加入 HTML 網站內容. 喺呢個課程入面, 我哋會教你點樣喺 Moodle 入面建立回應式頁面版面配置同回應式塊. 最後一步係整理你嘅課程內容. 如果冇豐富而引人入勝嘅內容，課程就唔會完整, 而 Moodle 編輯器令到呢個過程非常容易! 我哋亦會睇下點樣建立回應式頁面，同埋令 Moodle 內容適合流動裝置使用.
你甚至可以喺你嘅 Moodle 網站加入圖片或者外部圖片. 只需要撳一下 “插入圖片” 掣，你就會見到你所選擇嘅編輯器. 你可以喺 JPG 入面揀, GIF, 或者 PNG 圖片, 或者你可以用你自己嘅圖片自訂主題. 如果你係 HTML 網站創作嘅初學者, 確保先建立一個小型 HTML 網站.
Using Visual Studio Code to create an HTML-Site
If you’ve ever wanted to learn how to make an HTML-Site, 你可能有興趣學習點樣用 Visual Studio 代碼. 呢個源碼編輯器適用於 Windows, macOS, 同埋 Linux, 同埋畀你用唔同語言寫 HTML 代碼. 佢仲包括幫你喺終端執行 HTML 檔案嘅擴充程式. 如果你唔知點樣用呢啲擴充程式, 你可以睇吓呢篇文章嘅以下部分嚟了解更多有關佢哋嘅資訊.
安裝完 Visual Studio 代碼之後, 啟動佢. 你會喺資料夾名右邊見到四個圖示. 撳一下「新檔案」’ 圖示. 揀檔案擴充名 ‘ . html’ 同埋輸入個項目嘅名. 你需要輸入檔案名稱同埋輸入適當嘅檔案擴充名，等 Visual Studio Code 可以理解佢嘅內容. 如果你用緊 Linux, 你可能想將佢儲存喺你嘅主資料夾入面.
喺「視覺工作室代碼」視窗入面, 揀個睇落似藍色絲帶嘅圖示. 如果你用緊 Windows, 你可以喺開始選單入面搵到佢, 喺 Mac 嘅應用程式資料夾入面, 或者喺 Linux 嘅應用程式選單上面. 喺「擴充程式」選單上面, 選擇 “喺瀏覽器入面打開”. 佢會喺預設瀏覽器打開個檔案. 然後, 撳一下你想要嘅檔案，你就會喺 Visual Studio 代碼編輯器入面睇到佢.
當你繼續建立你嘅 HTML 網站嗰陣, 你會發現有個叫做 Prettier 嘅擴充程式，可以幫你自動格式化你嘅程式碼. Prettier 係 VS Code 嘅免費下載，會執行你喺「設定」入面指定嘅設定. 你為呢個擴充程式揀嘅選項包括 “格式化文件” 同 “儲存時嘅格式” – 用嚟建立一個乾淨嘅 HTML 網站嘅有用工具. 如果你每日都用 VS Code, 你會發現好多額外嘅功能.
對於想喺 Windows 或者 macOS 操作系統上面構建網絡應用程式嘅開發人員嚟講，使用 Visual Studio 代碼係一個好選擇. 佢有好多自訂選項, 包括版本控制同埋直接喺編輯器執行指令. 而且個人使用係免費嘅! 而 Visual Studio 係一個好出色嘅基本網絡應用程式開發環境, 視覺工作室代碼可能係個人網絡應用程式嘅更好選擇. 如果你唔係進階用戶, 視覺工作室代碼係你嘅一個好選擇.