一、NVU 簡介:
Nvu 是一套網頁設計工具,具備許多先進的概念,同時它跨平台以及所見即所得的特性,亦可使用原始碼進行修改及編輯,更是吸引許多人嘗試使用的關鍵。也可以下載更新的自由網頁編輯軟體 bluegriffon 。
回家可
下載
二、NVU 設定標題及文字:(輸入完成且正確存檔 60 分)
(一)在第一行輸入歡迎文字:可自訂 →文字 2 種以上顏色,放大 2-4 倍。
例如: #站長 XXX 簡介# 、 ~關於 XXX~ 、 @編者介紹@ 、 ***認識我這個人*** 等。
(亦可使用原始碼進行編輯 <font size="" color="">)
(二)另存新檔:
1. 請輸入本頁的標題:自我介紹
(爾後可於 1.格式-->頁面標題與屬性進行修改 或是 2.修改 原始碼 --> <title>自我介紹</title> )
2. 網頁的檔名:a.html --->檔名一定要小寫!
3. 檢查是否有誤
三、加入背景圖及個人照片(!!請務必先完成存檔才做以下動作!!)
!!強烈提醒!!
⊕背景圖、照片檔 及 a.html網頁檔 也要一起 存檔在D: ,否則會連結失敗!
(二)插入個人照片:(插入個人照片檔名正確 80 分,用老師照片-5 分)
!!注意事項!!
1.若從IG等地方下載圖片,檔名務必更改為s1.jpg,且需要將照片縮小,避免出錯。
2.網頁一旦上傳至網路主機就是開放資料,請勿放個人正面清楚照片,避免個資外洩。
(可以是局部、側面、背影、剪影、臉部遮蔽或漫畫圖像。)
3.為避免上課花太多時間找照片,若無法決定用哪張片者,一律先暫時下載老師提供
臨時圖片。
1.下載個人照片檔(*照片大小不得超過 100KB)到 D:磁碟機,檔名改為:s1.jpg。
(※如何壓縮圖片?使用 小畫家 )
2.替代文字:請輸入檔名: s1.jpg。
-->若看不到圖片時,會顯示該替代文字。(建議輸入替代文字)
3.!!完成後務必存檔!!
(三)今日 自我介紹 作業文字編寫(視內容完整度給 80-95 分)
1.不用編號,請寫成文章形式,而非條列式介紹。50字以上基本分,100 字以上高分,並適當修改文字顏色(5分)(請勿亂打不相干的文字,否則扣分)
2.第一行請寫上班級座號。
3.可參閱下方選項==>請注意個人隱私。勿將真實姓名、家裡電話、地址等資料放置於網頁上!
★☆進行上傳☆★
1.上傳網頁檔(a.html)、背景圖檔 bg01.jpg(png)及個人照片檔(s1.jpg),
上傳到雲端硬碟 www 資料夾。
2.重新與 上傳DRV伺服器 連結,點選網址看頁面是否修改成功。
3.網頁連結名稱最後為 a.html 才是正確的網址,請複製網址繳交作業
※如網頁未改變可以按 ctrl+F5 重新整理。
※連網址看到的才是正確的。(成功上傳,網頁可以正確顯示 100 分)