《網(wǎng)頁設(shè)計(jì)與制作教程HTML+CSS+Bootstrap》課件 項(xiàng)目二創(chuàng)建網(wǎng)站“太湖之美”

項(xiàng)目二創(chuàng)建網(wǎng)站“太湖之美”項(xiàng)目簡(jiǎn)介HTML（HyperTextMarkupLanguage超文本標(biāo)識(shí)語言）是一種用來制作超文本文檔的簡(jiǎn)單標(biāo)記語言。用HTML編寫的超文本文檔稱為HTML文檔。超級(jí)文本標(biāo)記語言是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。本項(xiàng)目以創(chuàng)建網(wǎng)站“太湖之美”為例，要求掌握HTML的基本概念、基本格式，使用文字標(biāo)簽、段落標(biāo)簽、水平線標(biāo)簽、換行標(biāo)簽、列表標(biāo)簽、超鏈接標(biāo)簽，HTML中樣式的定義和應(yīng)用等。項(xiàng)目目標(biāo)本項(xiàng)目以網(wǎng)站“太湖之美”為例，通過直接輸入代碼的方式來制作簡(jiǎn)單的網(wǎng)頁，從而了解HTML的基本概念、基本格式，文字標(biāo)簽、段落標(biāo)簽等常用的標(biāo)簽以及HTML5的新結(jié)構(gòu)及特征。通過本項(xiàng)目的學(xué)習(xí)，初步認(rèn)識(shí)HTML的基本概念及應(yīng)用方法，建立起網(wǎng)站設(shè)計(jì)和開發(fā)的思路，培養(yǎng)獨(dú)立思考和自主探究的職業(yè)素養(yǎng)。工作任務(wù)根據(jù)網(wǎng)頁制作的一般流程，以任務(wù)驅(qū)動(dòng)的方式，將本項(xiàng)目分解成以下兩項(xiàng)任務(wù)：1．初識(shí)html標(biāo)簽；2．編輯簡(jiǎn)單網(wǎng)頁。任務(wù)一初識(shí)HTML通過代碼編輯的方式制作和簡(jiǎn)單美化網(wǎng)頁，從而了解HTML的基本概念、基本格式，文字標(biāo)簽、段落標(biāo)簽等。將任務(wù)分解成以下兩個(gè)步驟，效果如圖所示：1．新建站點(diǎn)；2．編輯HTML代碼；3．美化簡(jiǎn)單頁面。

任務(wù)目標(biāo)通過任務(wù)操作，了解HTML5的新特性，熟記HTML的基本概念和常用的標(biāo)簽，掌握通過編輯代碼的方式制作和美化網(wǎng)頁的方法。知識(shí)準(zhǔn)備知識(shí)準(zhǔn)備一html的基本概念

知識(shí)準(zhǔn)備二HTML的常用標(biāo)簽介紹（1）任務(wù)實(shí)施步驟一

新建站點(diǎn)步驟二編輯HTML代碼任務(wù)二

編輯代碼、豐富頁面在了解HTML的基本概念、基本格式的基礎(chǔ)上，進(jìn)一步編輯代碼，美化和豐富頁面。將任務(wù)分解成以下四個(gè)步驟，效果如圖2.2.1所示：1．制作導(dǎo)航欄；2．豐富網(wǎng)站內(nèi)容；3．實(shí)現(xiàn)超鏈接。任務(wù)目標(biāo)通過任務(wù)操作，熟記html中常用的標(biāo)簽及屬性，熟練編輯代碼，能靈活設(shè)計(jì)和編輯簡(jiǎn)單的頁面。知識(shí)準(zhǔn)備知識(shí)準(zhǔn)備一HTML的常用標(biāo)簽介紹（2）1．超鏈接標(biāo)簽<a>2．樣式標(biāo)簽<style>3．音頻標(biāo)