項目10策劃與制作個人藝術網(wǎng)站

1、項目10策劃與制作個人藝術網(wǎng)站一、教學建議通過以上11個項目的學習，學生們已經(jīng)經(jīng)歷了從不知制作網(wǎng)頁從何處下手到逐步熟悉網(wǎng)站制作的流程、HTML標記屬性，以及了解并掌握網(wǎng)頁制作軟件Dreamweaver CS3各個模塊功能的工程。在基本熟悉了制作靜態(tài)網(wǎng)頁的常用工具基礎上，該項目以制作一個個人網(wǎng)站為實例，系統(tǒng)地總結了前面所學的知識，達到溫故而知新的效果，目的是使學生能自己獨立制作一個具有特色的靜態(tài)網(wǎng)站。矚慫潤厲釤瘞睞櫪廡賴賃軔朧。該項目理論知識詳盡， 要求結合上機實踐操作， 鞏固學生的理論知識， 提高學生的學習興趣， 并以 項目總結”的形式通過 發(fā)現(xiàn)問題一一解決問題一一總結問題”的方式加深學生的印

2、象， 增強學習效果。聞創(chuàng)溝燴鐺險愛氌譴凈禍測樅。為了提高學生的應試能力，尤其是一些考級需要， 建議教師在教學的過程中有意識地穿插該項目后面 自我評測”的操作題與該教材配套光盤中配套的實例題，讓學生在實際操作的過程中解決一些問題，達到理論實踐一體化的效果，以便學生更好更牢固的掌握知識點，學以致用。殘騖樓諍錈瀨濟溆塹籟婭驟東。、教學簡案課題任務1網(wǎng)站創(chuàng)建的流程參考資料教材、教師手冊教學配套光盤素材教學方法教師講解、演示。學生討論，上機實踐操作。授課節(jié)數(shù)1課時教學目標1了解小型網(wǎng)站的建設流程。2熟悉網(wǎng)站的設計原則。3掌握制作小型網(wǎng)站的要點。相關知識1網(wǎng)站制作的基本流程2網(wǎng)站設計3網(wǎng)站的打開速度學習重

3、點1熟悉制作一個網(wǎng)站的具體流程及每個流程所要做的主要工作。2了解網(wǎng)站內(nèi)容的設計、網(wǎng)站色彩的設計、網(wǎng)頁布局的設計、網(wǎng)站結構的 設計。3. 了解提咼網(wǎng)頁打開速度的方法，及幾種減小網(wǎng)頁體積的方法。教學內(nèi)容網(wǎng)站制作的基本流程了解客戶的需求2 網(wǎng)站設計3.制作網(wǎng)站4 .測試網(wǎng)站5.發(fā)布網(wǎng)站6 .維護網(wǎng)站 網(wǎng)站的設計1.網(wǎng)站的內(nèi)容的設計2 .站色彩的設計3 .頁的布局“ T型布局：主要特殊點是頁面頂部為橫幅廣告區(qū)（網(wǎng)站標志+廣告條），下方左側為導航菜單，右側顯示網(wǎng)頁文體內(nèi)容的布局?？?”型布局：主要特點是頁面上側有一個廣告條，下側是版權區(qū)，左側和右側都有相關信息三”型布局：主要特點是頁面上橫向幾條色塊或區(qū)

4、間，將頁面整體分割為小平方向的幾部分。對稱對比布局：采取左右或者上下對稱的結構，一般用于設計型站點。4 .網(wǎng)站的結構設計網(wǎng)站目錄的結構對于網(wǎng)站的上傳和維護有著重要的作用，不要將所有的文件都不分類別地存在站點根目錄下，應該將文件進行分類。三.提高網(wǎng)站的打開速度在設計網(wǎng)頁時最基本的要求是美觀且精簡，保證用戶訪問網(wǎng)頁時有較高的訪問速度。減小網(wǎng)頁體積可以通過以下幾個方法來實現(xiàn)： 網(wǎng)頁布局盡量采用 DIV+CSS方式。通過外部文件的形式使用 CSS+文件和JavaScript腳本文件。 減小網(wǎng)頁中各種多媒體文件的體積，如網(wǎng)頁中的圖像、動畫等，通過圖形 處理軟件和動畫軟件進行優(yōu)化，盡理將它們的大小控制在5

5、0KB以內(nèi)。任務實施： 了解用戶需求 網(wǎng)站設計實施建議1制作一個實用的網(wǎng)站，在動手制作網(wǎng)頁之前，有許多工作要準備，由此 引入課題，與學生討論制作網(wǎng)頁前需要準備的工作程序。2以 茗香綠長”香茗專賣鏈鎖公司的小型企業(yè)網(wǎng)站為例，介紹制作網(wǎng)站的 工作流程。課后評價通過該任務的學習，學生可詳細了解一個網(wǎng)站的詳細制作過程。課題任務2站點目錄的規(guī)劃和設置參考資料教材教學配套光盤素材教學方法教師講解、演示。學生討論，上機實踐操作。授課節(jié)數(shù)1課時教學目標1掌握網(wǎng)站的規(guī)劃，養(yǎng)成良好的工作習慣。相關知識1站點目錄規(guī)劃2素材的收集、制作和整理。學習重點1掌握站點目錄規(guī)劃的方法。2學會收集、制作和整理素材。教學內(nèi)容相關

6、知識一、站點目錄規(guī)劃站點目錄就是存放當前網(wǎng)站中所有網(wǎng)頁文件和相關文件的文件夾（目錄）。要注意以下幾點。站點根目錄中的文件存放要合理根據(jù)劃分的欄目來建立相應的文件夾在每個欄目文件夾下建立獨立的資源文件夾目錄的層次不要太深二、素材的收集、制作和整理文字是網(wǎng)頁的主要表現(xiàn)內(nèi)容，要能體現(xiàn)網(wǎng)站及各欄目的主題，充分表達用 戶創(chuàng)建網(wǎng)站的用意。制作過程中可以圍繞網(wǎng)站主題對文字進行增、刪、改 等處理。圖片是網(wǎng)頁中最重要的兀素之一，使用圖片可以使網(wǎng)頁更加形象生動，絢 麗的視覺沖擊，使得網(wǎng)頁更具吸引力。收集方式主要有：通過網(wǎng)絡搜索， 使用數(shù)碼相機拍攝，掃描紙質圖片，使用Photoahop、Fireworks等專業(yè)軟件

7、制作。網(wǎng)頁中常用的圖片文件格式主要有：GIP、JPG、PNG三種。動畫兀素進一步豐富了網(wǎng)頁的頁面效果，增強效力。網(wǎng)頁中常用的動畫文 件主要有：SWF和GIF兩種格式。聲音兀素為網(wǎng)頁增添了聽覺功能，讓言語、音樂等日常兀素進入到網(wǎng)頁， 豐富了網(wǎng)頁的信息傳播方式。網(wǎng)頁中常用的聲音文件主要有：MP3、WMF、RM等。視頻兀素實現(xiàn)了在網(wǎng)頁中看電影（視頻）的功能，進一步強化了網(wǎng)頁的信 息傳播能力。網(wǎng)頁中常用的視頻主要有：RMVB、MPG4、MOV、FLV等。實施建議1站點目錄規(guī)劃是制作網(wǎng)站的基礎工作，良好的站點規(guī)劃可以為今后的制 作提供極大的便利。2指導學生奸商合理的站點文件夾。一邊溫習以前的知識，一邊實

8、踐動手 操作。課后評價該任務旨讓學生運用前期所學的知識獨立規(guī)劃站點目錄。課題任務3制作含按鈕、導航欄、表單的交互式網(wǎng)頁參考資料教材教學配套光盤素材教學方法教師講解、演示。學生討論，上機實踐操作。授課節(jié)數(shù)1課時教學目標1掌握制作過的制作網(wǎng)站的導航界面的方法。 2掌握制作表單網(wǎng)頁的方法。相關知識1按鈕、導航欄、表單、交互式網(wǎng)頁。學習重點1制作過的制作網(wǎng)站的導航界面。2制作表單網(wǎng)頁。教學內(nèi)容任務實施建立導航欄超鏈接打開站exercise中的ex dwt,dwt模板文件。設置主采單導航如表 10-1表示。 保存模板文件后，相應的網(wǎng)頁文件中導航設置也會隨模板文件的改變而自 動改變。將home.html文

9、件中的主采單導航和輔助導航也設置成與表10-1和表10-2所示。home.html文件的左側有 知名氽葉 的分類目錄導航，這是一個輔助導航 欄，用于介紹我國各類知名茶葉品種。獨立成為一個模塊，其相關網(wǎng)頁和 資源文件存放在站點文件夾中的tea子文件夾中。圖10-15所示就是 綠茶”子頁的結構。茶品導航的相關鏈接如表10-3所示。在網(wǎng)頁中使用表單茗香綠長”網(wǎng)站中的 在線預訂”（如圖10-14所示）和 信息反饋”網(wǎng)頁中 均需使用用表單來收集客戶信息。圖10-16所示就是 信息反饋”頁的表單布局部分。實施建議1. 結合以前所學知識再次突出網(wǎng)頁導航的重要性。2. 熟練掌握制作導航界面和表單網(wǎng)頁。課后評論

10、通過該項目的學習， 學生掌握了制作過的制作網(wǎng)站的導航界面的方法和制 作表單網(wǎng)頁的方法。不過學生如果想制作一個由吸引力的網(wǎng)站，還需要不 斷地實踐和學習。課題任務4制作子頁，完善網(wǎng)站參考資料教材教學配套光盤素材教學方法教師講解、演示。學生討論，上機實踐操作。授課節(jié)數(shù)1課時教學目標1. 在前面3個任務的基礎上疏理已經(jīng)制作過的制網(wǎng)頁。2. 補充完善沒有制作的網(wǎng)頁。相關知識1.補充完善網(wǎng)站中的網(wǎng)頁。學習重點1.補充完善網(wǎng)站中的網(wǎng)頁。教學內(nèi)容任務實施在 Windows環(huán)境中，打開站點首頁home.html。測試首頁中各鏈接是否正常，如果有不能正常打開的網(wǎng)頁，應分析是超鏈 接書寫錯，還是缺失網(wǎng)頁文件，如果是

11、超鏈接接書與錯則通過Dreamweaver修改超鏈接。如果是網(wǎng)頁缺失，則使用 Dreamweaver來補充完善。所有應用過網(wǎng)頁模板的網(wǎng)頁，只需測試其中一個就可以了，如 comp nay.html。茶道交流只是對當前網(wǎng)頁的一個簡單擴展，只要能正常鏈接就算成功。 練習時，本板塊的更多內(nèi)容可根據(jù)自己的興趣進行擴充。知名茶品板塊中子頁較多，要對各種類型的茶葉制作相關網(wǎng)頁。Ma nager文件中保存著網(wǎng)站的后臺管理系統(tǒng)。在案例中只是一個模擬網(wǎng)頁，采用的是框架結構。全面測試各網(wǎng)頁正確無誤后，在通過Dreamweaver將所有使用至網(wǎng)頁模板和為的網(wǎng)頁文件 從模板中分離”以及 從源文件中分離” 發(fā)布網(wǎng)頁。實施

12、建議1結合前面3個任務，疏理已經(jīng)制作過的制網(wǎng)頁。可以通過瀏覽的方式來 檢查哪些網(wǎng)頁尚未完成，也可通過網(wǎng)站地圖來檢查。2應用已經(jīng)學過的知識，對布局相似的網(wǎng)頁使用模板和庫，布局不冋的網(wǎng) 頁則需要從頭新建。課后評論通過該項目的學習，學生掌握了制作一個具有特色的網(wǎng)站的流程及方法。 網(wǎng)站是否有吸引力除了設計出養(yǎng)觀的界面，還需要不斷地翻新內(nèi)容，不斷 地精心維護?！窘M織教學】檢查學生出勤情況，做好學生考勤記錄。強調上課課堂紀律，活躍互動教學氣氛?！菊n題導入】通過前面的學習，我們掌握了靜態(tài)網(wǎng)頁制作的一般方法。 網(wǎng)站就是若干網(wǎng)頁文件和相關資源 構成的，如何合理地設置網(wǎng)站的功能， 規(guī)劃網(wǎng)頁的結構， 組織網(wǎng)站的資源以及后期維護等各 方面的工作是進行網(wǎng)站綜合設計的基礎。 釅錒極額閉鎮(zhèn)檜豬訣錐顧葒鈀。網(wǎng)站制作的基本流程通常是：了解客戶的需求 T網(wǎng)站設計T制作網(wǎng)站T測試網(wǎng)站T發(fā)布網(wǎng)站T維護網(wǎng)站。在該項目的學習中， 我們通過制作一個小型企業(yè)網(wǎng)站，了解制作一個網(wǎng)站的基本流程，并通過該項目的學習，系統(tǒng)地回憶以前所學的知識，溫故知新。彈貿(mào)攝爾霽斃攬磚鹵廡詒爾膚?！炯寄苡柧殹浚ㄉ蠙C實訓：6課時）一、