1、樂山師范學(xué)院課件第第9章章 綜合與提高綜合與提高制作：張貴紅制作：張貴紅樂山師范學(xué)院課件 9.1 網(wǎng)站的設(shè)計(jì)網(wǎng)站的設(shè)計(jì) 9.2 成果發(fā)布到互聯(lián)網(wǎng)上成果發(fā)布到互聯(lián)網(wǎng)上主要內(nèi)容樂山師范學(xué)院課件 9.1.1 站點(diǎn)規(guī)劃站點(diǎn)規(guī)劃 9.1.2網(wǎng)站的功能需求分析網(wǎng)站的功能需求分析 9.1.3網(wǎng)站的非功能需求分析網(wǎng)站的非功能需求分析 9.1.4網(wǎng)站策劃網(wǎng)站策劃 9.1.5首頁的版面設(shè)計(jì)首頁的版面設(shè)計(jì) 9.1.6 網(wǎng)站的首頁制作網(wǎng)站的首頁制作 9.1.7 模板的制作模板的制作 9.1.8 日志頁的制作日志頁的制作 9.1.9 照片頁的制作照片頁的制作 9.1.10 個(gè)人檔網(wǎng)頁的制作個(gè)人檔網(wǎng)頁的制作 9.1.11

2、 “聯(lián)系我聯(lián)系我”網(wǎng)頁的制作網(wǎng)頁的制作 9.1.12 在網(wǎng)頁中添加在網(wǎng)頁中添加flash9.1 網(wǎng)站的設(shè)計(jì)網(wǎng)站的設(shè)計(jì)樂山師范學(xué)院課件 1明確創(chuàng)建網(wǎng)站的目的和用戶的需求明確創(chuàng)建網(wǎng)站的目的和用戶的需求 2出具網(wǎng)站策劃書出具網(wǎng)站策劃書9.1.1 站點(diǎn)規(guī)劃站點(diǎn)規(guī)劃樂山師范學(xué)院課件9.1.2網(wǎng)站的功能需求分析：樂山師范學(xué)院課件網(wǎng)站效果圖樂山師范學(xué)院課件 頁面的風(fēng)格：彰顯個(gè)性，唯美自然。 所需素材：自己選材，網(wǎng)上有很多相關(guān)素材可供選擇。 Logo：設(shè)計(jì)網(wǎng)站自己的logo、banner在主頁顯示。 色調(diào)：采用柔色，色調(diào)柔和，體現(xiàn)女性的柔美。9.1.3網(wǎng)站的非功能需求分析：樂山師范學(xué)院課件 網(wǎng)站色彩布局。 網(wǎng)

3、站結(jié)構(gòu)布局。9.1.4網(wǎng)站策劃網(wǎng)站策劃樂山師范學(xué)院課件9.1.5首頁的版面設(shè)計(jì)首頁的版面設(shè)計(jì)樂山師范學(xué)院課件合并后的效果樂山師范學(xué)院課件繪制主分割線樂山師范學(xué)院課件切片效果樂山師范學(xué)院課件 模板是網(wǎng)頁編輯軟件生成具有相似布局結(jié)構(gòu)和外觀的一種網(wǎng)頁制作功能。如果希望站點(diǎn)中的網(wǎng)頁享有某種特性，例如相同的布局結(jié)構(gòu)、相似的導(dǎo)航欄等內(nèi)容，模板是非常有用的。 對(duì)于模板而言，新的頁面可以從一個(gè)模板中創(chuàng)建。一旦被創(chuàng)建，這個(gè)新的文檔將保持和原來模板的聯(lián)系，除非被明確地隔離分開。一旦把模板應(yīng)用于一組網(wǎng)頁，就可以通過編輯該模板來改變這一組網(wǎng)頁中的共享信息。例如，將模板中的導(dǎo)航欄更改后，應(yīng)用該模板頁面中的導(dǎo)航欄將自動(dòng)被

4、更新。 模板是由兩類區(qū)域組成的：鎖定區(qū)域和可編輯區(qū)域。當(dāng)創(chuàng)建模板時(shí)，所有的區(qū)域都是鎖定的。定義模板過程的一部分就是指定和命名可編輯區(qū)域。然后當(dāng)某個(gè)文檔從某些模板中創(chuàng)建時(shí)，可編輯的區(qū)域則成為唯一可以被改變的地方。9.1.7 模板的制作模板的制作樂山師范學(xué)院課件 若想讓我們的網(wǎng)頁有動(dòng)感，更炫彩，我們可以在網(wǎng)頁上面添加FLASH動(dòng)畫。當(dāng)然，可以用我們前面七、八章的學(xué)到的知識(shí)自己做FLASH動(dòng)畫，也可以利用網(wǎng)絡(luò)資源，在網(wǎng)絡(luò)上面有很多FLASH高手做的漂亮FLASH動(dòng)畫。當(dāng)然，我們只是借鑒學(xué)習(xí)，不能用于商業(yè)領(lǐng)域。9.1.12 在網(wǎng)頁中添加在網(wǎng)頁中添加flash樂山師范學(xué)院課件 9.2.1 站點(diǎn)的本地站點(diǎn)

5、的本地測(cè)試測(cè)試 9.2.2 域名空間的申請(qǐng)域名空間的申請(qǐng) 9.2.3 發(fā)布發(fā)布站點(diǎn)站點(diǎn) 9.2.4 更新維護(hù)站點(diǎn)更新維護(hù)站點(diǎn)9.2 成果發(fā)布到互聯(lián)網(wǎng)上成果發(fā)布到互聯(lián)網(wǎng)上樂山師范學(xué)院課件 1檢測(cè)瀏覽器的兼容性檢測(cè)瀏覽器的兼容性 2檢查站點(diǎn)的鏈接錯(cuò)誤檢查站點(diǎn)的鏈接錯(cuò)誤9.2.1 站點(diǎn)的本地測(cè)試站點(diǎn)的本地測(cè)試樂山師范學(xué)院課件 在http:/上面搜索域名空間的申請(qǐng)，可以得到很多相關(guān)信息。若需要申請(qǐng)免費(fèi)的域名和空間，就需要搜索免費(fèi)域名空間。http:/（我就試試網(wǎng)），直接訪問該網(wǎng)站就可以。特別要注意記下自己的FTP上傳地址、FTP上傳賬號(hào)和FTP上傳密碼，這用于把已經(jīng)做好的網(wǎng)站上傳到該地址空間。至于系統(tǒng)自動(dòng)分配的域名也要記住，它是用于訪問自己的網(wǎng)頁的網(wǎng)絡(luò)地址。申請(qǐng)免費(fèi)域名空間。9.2.2 域名空間的申請(qǐng)域名空間的申請(qǐng)樂山師范學(xué)院課件 1直接使用軟件登錄前面申請(qǐng)到的直接使用軟件登錄前面申請(qǐng)到的FTP空間空間 2Dreamweaver內(nèi)置內(nèi)置FTP上傳功能上傳功能9.2.3 發(fā)布站點(diǎn)發(fā)布站點(diǎn)樂山師范學(xué)院課件 網(wǎng)站上傳完成后并不是就完事大吉了