網站基礎架設

MuMu
Nov 7, 2020

--

初心者也能懂得網站設計

網站:

簡單來說可以是一個公開的檔案 可以把他想像成一個大家都能看到的書本,只是這個書本需要戴上一種特別的眼鏡(瀏覽器)去翻閱他

透過瀏覽器我們就可以看到網站的樣子啦!

個人網站範例:

簡單的個人網站

當沒使用瀏覽器看他的話就像:

網站的原始碼其實就是各種的"標籤"

網站的主要語言為:html 他是網頁設計的主要語言,並透過css/javascript去做網頁的造型還有互動(按紐,動畫)

剛開始我們會使用最基礎的html構建一個網頁 先不使用套件/框架.

起手式:HELLO WORLD!

現在我們就要來教各位怎麼做一個最最最最最基礎的網頁啦!

  1. 新增一個記事本
  2. 複製並貼上
<!doctype html>
<html>
<head>
<title>Hello world ! </title>
</head>
<body>
hello world
</body>
</html>

3. 另存檔按 將此記事本存成 index.html 或是存檔後 右鍵改變檔名這時候就會在桌面上看到記事本的樣式變成瀏覽器的樣子啦!

4. 雙擊開啟 就會發現成功開啟瀏覽器

恭喜你已經做好一個網頁啦! 雖然內容還是空空的 但我們已經成功做出一個網頁了! YEAH

下一篇我們會開始帶著大家新增我們網頁的內容

追蹤我們:

FB: https://www.facebook.com/MuMuStudioYa
LINE: @ mumustudio IG: https://www.instagram.com/mumu_studioya/

網站: http://mumu.tw

--

--

MuMu
MuMu

Written by MuMu

0 Followers

MuMuSTUDIO

No responses yet