《網(wǎng)頁設(shè)計(jì)與制作教程HTML+CSS+Bootstrap》課件 項(xiàng)目一創(chuàng)建網(wǎng)站“綠色家園”

項(xiàng)目一

創(chuàng)建網(wǎng)站“綠色家園”項(xiàng)目簡介隨著互聯(lián)網(wǎng)的飛速發(fā)展，網(wǎng)絡(luò)早已成為人們生活中重要的一部分。作為業(yè)界領(lǐng)先的網(wǎng)頁制作軟件，無論是國內(nèi)還是國外，Dreamweaver都深受廣大網(wǎng)頁初學(xué)者和網(wǎng)頁設(shè)計(jì)工作者的青睞。本項(xiàng)以創(chuàng)建網(wǎng)站“綠色家園”為例，介紹網(wǎng)頁的基礎(chǔ)知識和Dreamweaver2021軟件的功能及操作界面，以及如何創(chuàng)建網(wǎng)站以及網(wǎng)頁制作的基本流程。項(xiàng)目目標(biāo)本項(xiàng)目以網(wǎng)站“綠色家園”為例，了解網(wǎng)頁的基礎(chǔ)知識和Dreamweaver2021軟件功能及操作方法，掌握創(chuàng)建和管理站點(diǎn)的方法，掌握網(wǎng)頁制作的基本流程。通過本項(xiàng)目的學(xué)習(xí)，初步建立網(wǎng)頁和網(wǎng)站建設(shè)的思路，激發(fā)學(xué)習(xí)樂趣，培養(yǎng)樂于思考和探索的品質(zhì)。工作任務(wù)根據(jù)網(wǎng)站制作的基本流程，以任務(wù)驅(qū)動(dòng)的方式，將本項(xiàng)目分為以下兩項(xiàng)任務(wù)：（1）初識Dreamweaver2021；（2）創(chuàng)建網(wǎng)站“綠色家園”。任務(wù)一初識Dreamweaver2021通過以下兩個(gè)步驟的操作實(shí)踐來認(rèn)識Dreamweaver2021的工作界面和掌握網(wǎng)頁制作的流程，效果如圖所示：1.初識Dreamweaver2021的工作界面；2.熟悉網(wǎng)頁制作的流程。

任務(wù)目標(biāo)通過任務(wù)操作，了解Dreamweaver2021的功能和工作界面，熟悉Dreamweaver的視圖、菜單、面板等，熟悉網(wǎng)頁制作的流程；知識準(zhǔn)備知識準(zhǔn)備一了解網(wǎng)頁和網(wǎng)站的基礎(chǔ)知識

知識準(zhǔn)備二認(rèn)識DIV和DIV布局任務(wù)實(shí)施步驟一

初識Dreamweaver2021的工作界面步驟二

熟悉網(wǎng)頁制作的流程任務(wù)二

創(chuàng)建網(wǎng)站“綠色家園”要制作一個(gè)網(wǎng)站，掌握站點(diǎn)建立和編輯的方法尤為重要，所有的網(wǎng)頁都是基于站點(diǎn)建立的。建立站點(diǎn)是制作一個(gè)網(wǎng)站的首要工作，站點(diǎn)目錄結(jié)構(gòu)的確定直接影響到站點(diǎn)的建立與管理等后續(xù)工作。以“綠色家園”為主題建立網(wǎng)站，通過以下三個(gè)步驟的操作實(shí)踐來掌握站點(diǎn)的創(chuàng)建和管理的操作方法，并能夠根據(jù)不同的要求建立和管理站點(diǎn)。1.確定網(wǎng)站站點(diǎn)目錄；2.創(chuàng)建我的第一個(gè)網(wǎng)站；3.學(xué)會(huì)管理站點(diǎn)。任務(wù)目標(biāo)通過任務(wù)操作，了解網(wǎng)站站點(diǎn)目錄的常規(guī)設(shè)置，掌握創(chuàng)建站點(diǎn)和制作主頁的方法，掌握管理站點(diǎn)的方法。知識準(zhǔn)備知識準(zhǔn)備一

創(chuàng)建和管理站點(diǎn)的基礎(chǔ)知識1．站點(diǎn)的定義2．站點(diǎn)的規(guī)劃3．站點(diǎn)導(dǎo)航草圖設(shè)計(jì)4．站點(diǎn)目錄結(jié)構(gòu)的規(guī)范5．網(wǎng)頁文件的后綴名選擇任務(wù)實(shí)施步驟一