
項目學(xué)習(xí):任務(wù)大闖關(guān),你能闖過幾關(guān)?
三 驗證網(wǎng)頁內(nèi)容的保存形式
二 瀏覽器是如何顯示網(wǎng)頁的
一 網(wǎng)頁與HTML代碼之間的對應(yīng)關(guān)系
成功完成任務(wù)的同學(xué)下課找老師加分
圖文并茂的網(wǎng)頁,背后對應(yīng)著一堆代碼。這堆代碼對應(yīng)著描述網(wǎng)頁的語言——HTML(超文本標(biāo)記語言)。
項目任務(wù)1:網(wǎng)頁與HTML代碼
設(shè)置文檔頭部設(shè)置網(wǎng)頁標(biāo)題設(shè)置文檔主體設(shè)置內(nèi)容的一級標(biāo)題設(shè)置新一行設(shè)置圖像設(shè)置超鏈接
知識配對游戲:你成功掌握了HTML的標(biāo)簽嗎?
項目任務(wù)2:顯示網(wǎng)頁的過程
方法一:修改網(wǎng)頁,讓它顯示計算機(jī)中的圖像文件001.png。瀏覽網(wǎng)頁,觀察顯示效果。教師提示:試一試用新代碼代替源代碼吧??!原代碼:修改網(wǎng)頁代碼,讓它顯示一張笑臉圖。新代碼:
方法二:運行《圖像編碼轉(zhuǎn)換器》軟件,選擇圖像文件001.png后進(jìn)行編碼轉(zhuǎn)換,然后用運行結(jié)果替換網(wǎng)頁中的標(biāo)簽。確保網(wǎng)頁所在文件夾中沒有圖像文件001.png 后,瀏覽網(wǎng)頁,觀察顯示效果。請查看學(xué)習(xí)任務(wù)單:老師提供了圖像的轉(zhuǎn)換代碼??!
項目任務(wù)3:HTML代碼與網(wǎng)頁文件
觀察變化:運行《Web服務(wù)器》軟件,修改編碼、內(nèi)容等參數(shù)后,再次訪問此網(wǎng)頁,看看顯示效果。
這是一份人教版(2024)七年級全一冊第27課 個人信息防泄露評優(yōu)課課件ppt,共16頁。PPT課件主要包含了加強(qiáng)防護(hù)技術(shù),任務(wù)11制作封面,注意要添加角色變量等內(nèi)容,歡迎下載使用。
這是一份初中信息技術(shù)人教版(2024)七年級全一冊第21課 移動互聯(lián)新發(fā)展完美版課件ppt,共20頁。PPT課件主要包含了問題情境等內(nèi)容,歡迎下載使用。
這是一份初中信息技術(shù)人教版(2024)七年級全一冊第20課 組建網(wǎng)站跟我做評優(yōu)課課件ppt,共15頁。PPT課件主要包含了導(dǎo)入新課,講授新課,學(xué)習(xí)活動,展示網(wǎng)站,檢查記錄表等內(nèi)容,歡迎下載使用。
微信掃碼,快速注冊
注冊成功