第十課規(guī)劃網(wǎng)站-設(shè)計美麗的大理網(wǎng)站

1、第十課 規(guī)劃網(wǎng)站設(shè)計“美麗的大理“網(wǎng)站學習要點：網(wǎng)站設(shè)計制作的一般步驟和原則。根據(jù)網(wǎng)站的主題及展示內(nèi)容，規(guī)劃網(wǎng)站的結(jié)構(gòu)。使用表格布局網(wǎng)頁。創(chuàng)建電子郵件鏈接。主要知識點：網(wǎng)站設(shè)計制作的一般步驟和原則。規(guī)劃網(wǎng)站的結(jié)構(gòu)重點：1、為了讓網(wǎng)頁文字和圖片排版更整齊，請盡量用表格布局網(wǎng)頁。2、各級目錄的建立。學 習 與 實 踐復習：新建站點 （1）執(zhí)行“文件” “新建”，彈出如右圖“任務(wù)窗格”。選擇“由一個網(wǎng)頁組成的網(wǎng)站”。（2）在“網(wǎng)站模板”窗口中如下圖所示設(shè)置。1、選擇2、選擇網(wǎng)站的位置，并且記住。制作個人主頁（1）設(shè)置網(wǎng)頁的背景顏色(2)設(shè)置字體和居中對齊方式（3）插入圖片（4）插入表格上節(jié)課學習過程

2、中易犯的錯誤：1、圖形文件沒有保留在站點文件夾中。2、站點內(nèi)文件名用到了中文字符。新課：設(shè)計網(wǎng)站設(shè)計網(wǎng)站主要是規(guī)劃網(wǎng)站內(nèi)容，確定網(wǎng)站中圍繞主題需要介紹那些內(nèi)容，每部分的內(nèi)容是相對對立的，每部分可以獨立為一個網(wǎng)頁，再通過目錄、超鏈接聯(lián)系起來，共同展示主題。目錄可以分為一級目錄、二級目錄例如：網(wǎng)站“美麗的大理” 美麗的大理 主題大理風光 大理名勝 風味小吃 特色工藝一級目錄白族三道茶 大理餌塊 燈川乳扇 二級目錄例如：網(wǎng)站“保護水資源” 保護水資源 主題水資源的分布 水資源對生活的影響 水的循環(huán)利用 節(jié)約用水的意義 一級目錄海水資源的分布 淡水資源的分布 二級目錄 河流 湖泊 冰川 地下水 三級目

3、錄制作結(jié)構(gòu)圖規(guī)劃好網(wǎng)站內(nèi)容后，就可以畫出網(wǎng)站的結(jié)構(gòu)圖，并在網(wǎng)站中體現(xiàn)。單擊“文件”菜單，選擇“新建”，打開“新建”任務(wù)窗格。如下圖：選擇“空白網(wǎng)頁”。這樣就成功添加了一個空白網(wǎng)頁。如下圖：添加的空白網(wǎng)頁暫時名為“newpage1”，點擊“保存“按鈕，或者菜單中的保存，為它輸入正確的文件名。 為網(wǎng)頁制定名字時請注意，文件名不能出現(xiàn)中文字符。最好用與網(wǎng)頁內(nèi)容一致的中文拼音。首頁文件名為index。重復多次上面的操作，按照一級目錄、二級目錄、三級目錄的順序為整個站點添加完需要的所有網(wǎng)頁。都是空白網(wǎng)頁。例：“保護水資源“的網(wǎng)站結(jié)構(gòu)圖制作網(wǎng)站主頁主頁是整個網(wǎng)站的門面，非常重要。一定要先打好整個頁面設(shè)計的草稿，再動手制作。主頁的風格要先確定，是活潑型，還是穩(wěn)重型，是絢麗型，還是低調(diào)型，確定好了以后，才能夠正確地對頁面進行布局和美工設(shè)計。整個頁面色調(diào)要美觀、協(xié)調(diào)。主頁常見的布局有：“同”“門”“回”川“田”等字型。主頁模板圖：設(shè)計過程中，可以采用表格、模板的形式。表格為了固定各元素在網(wǎng)頁上的位置，可以用表格進行網(wǎng)頁的版面布局。上節(jié)課已經(jīng)講解具體操作。模板一個站點中的各個文件，除了具體內(nèi)容有變化外，其他大部分都是基本一致的。可以將一致的部分制作成網(wǎng)頁的模板。也就是一個網(wǎng)頁的框架。每個頁面套用模板后，添加上各自的信息就行了。這樣大大提高了網(wǎng)頁制作效率，同時也