2023-06-05 作業單
一、在現有基礎上完成一個選單。當滑鼠移過去時會有所變化。
一、header區塊放置 帳號、班級、姓名。
二、右側連結製作一個班上選課同學的連結。
顯示中文字 <meta charset="utf-8">
連結方式 <a href="/~hlisb06">杜謙祺</a>
三、如果 連結方式 用 <a href="http://192.168.205.47/~hlisb06/">杜謙棋</a> 則會因為主機IP的變化而導致無法連接
一、登入教學WEB主機 http://192.168.205.47
二、下載檔案傳輸軟體winscp。主機名稱 192.168.205.47 請用輸入的,不要用複製貼上。第一次連接主機安裝傳送金鑰匙,請按接受。
三、登入帳號hlisa01~hlisa06,hlisb01~hlisb06。
四、改密碼請下載 putty
一、申請https://www.000webhost.com/ 的帳號
二、設定網域名稱為hlisA座號,甲班為A、乙班為B,座號請用2位阿拉伯數字。
二、將bootstrap的CSS與JS目錄複製到public_html中。
三、將[基礎課程] Bootstrap5 教學(一):網頁 測試的HTML檔以index.htm為檔名上傳至public_html
四、檢查結果
使用環境:W3schools 最好去註冊
記事本:複製、儲存html練習內容,存放在【學號姓名日期】的資料夾內。
今日目標:學會HTML基本架構與基本語法
練習一:參考HTML Tutorial:
內容為【防疫新生活】大小為標題一。
頁籤為【姓名】
練習二:參考HTML Lists:
內容為【防疫新生活】大小為標題一
1.戴口罩
2.勤洗手
3.保持社交距離
頁籤為【姓名】
練習三:參考HTML Styles與HTML Colors:
內容同上題但是
【防疫新生活】 背景用綠底
1.戴口罩 用紅色字
2.勤洗手 用藍色字
3.保持社交距離 用橘色字
頁籤為【姓名】
練習四:參考HTML Images:
續上題,於後面增加一張皮卡丘的圖片。連結在https://cdn2.ettoday.net/images/3268/d3268416.jpg
參考資料:HTML 語法教學
2022-09-12 上課範圍影片 網頁前端工程入門:基礎 HTML 教學 By 彭彭 下周小考:網頁實作(今天影片範圍)
HTML & CSS Crash Course Tutorial
2022/02/21 CSS格線布局 ::: CSS Grid Layout 格線佈局教學 ::: 參考 ::: CSS GRID / CSS格線好好玩【完整版】2個半小時 :::