架設個人網站

網頁設計:Codepen.io 線上預覽網站

視覺設計:視覺設計知識專區

Coding:Coding Ground

程式設計社群:藍色小舖

課程一:Win10 IIS安裝 (把電腦變成網站伺服器)

【開始】/【設定】/【程式和功能】/【開啟或關閉windows功能】/【Internet Information Service】

1.安裝完成後您的個人電腦就成了網站伺服器 http://127.0.0.1/ or http://您的IP 可以透過IP連線到網站

2.個人網站的資料在哪裡呢? C:/inetpub/wwwroot/

3.首頁名稱預設為 index.html

課程二:利用記事本製作 【桃子腳國中OOO個人網頁】

線上網頁製作網站即時預覽

1.請同學複製下面的語法範例

<html>

<head>

<title> </title>

</head>

<body>

我的第一個個人網頁,網頁內容皆撰寫在此

</body>

</html>

2.須完成首頁檔名為 index.html

3.在線上即時預覽網頁完成網頁設計後,複製貼到記事本,檔案另存新檔在桌面檔案格式請選擇所有檔案, 檔名請設定為index.html

HTML網頁語法學習

1.網頁標籤 <title>歡迎來到傅安生的網頁</title>

2.超連結 <a href="連接網址">連接網址顯示的中文</a>

3.插入圖片 <img src="圖片網址">

4.設定背景色彩 <body bgcolor="#cccccc"> <body bgcolor="orange"> 色碼表查詢按這裡

5.設定背景圖片 <body background="背景圖片的網址">

6.斷行 </p>

作業:成功完成個人網站架設並開啟你的第一個個人網頁

http://127.0.0.1/ 或是 http://你的IP