【文章內容簡介】 4. 學生通過輔助教材和上網查找資料，分組討論，討論后展示討論成果5. 通過模仿教師的操作學生獨立完成站點的建立，小組完成整個小組網站的站點建立6. 通過模仿教師的操作和查找資料，小組完成網站主頁和各個分頁的制作及各頁面之間的鏈接1. 與學生分享設計商業(yè)網站的原則，指導小組完成需求分析調查表，指導學生根據(jù)調查表獲取客戶需求信息2. 分析校園網的布局圖，引導學生小組設計“七彩云南”主題旅游網站布局圖3. 根據(jù)客戶需求分析調查表填寫網站規(guī)劃表4. 對學生的討論展示進行引導5. 展示站點建立的方法6. 展示網頁布局的方法7. 展示圖像、文字編輯的基本方法8. 對各小組完成的作品進行點評，指導各小組進行優(yōu)化通過讓學生了解客戶需求、設計網站規(guī)劃書、認識網頁及其設計軟件，來讓學生完成產品宣傳網站的站點和頁面設計，最終上傳網站文件并進行發(fā)布（教學評價）教學活動5: 檢查 （ 80 分鐘）學習內容學生活動教師活動設計意圖和資源準備（10分鐘）學生自我檢查評價自己的作品。分析不足之處，提出改進措施等，完成個人工作日志填寫。（40分鐘）小組成員相互展示自己的工作成果，評估作品完成質量，關注團隊合作，敬業(yè)勤業(yè)等職業(yè)素養(yǎng)的評估，各小組相互并提出修改建議。（10分鐘）教師對網頁進行分析測試，重點對做得不理想的地方進行分析，針對學生在完成任務過程中遇到的普遍問題進行點評，并將技術文件歸檔，提供規(guī)范化技術文檔供學生參考。同時教師指引學生歸納總結，引導學生獨立構建自己的經驗和知識體系。（30分鐘）繼續(xù)修改作品，提交作品，展示成果。1. 學生自我檢查評價自己的作品2. 提交作品3. 展示成果：小組之間相互展示自己的工作成果，評估作品完成質量4. 小組間相互檢查作品，并提出修改意見交流并總結經驗對網頁進行測試，重點對做得不理想的地方進行分析，針對學生在完成任務過程中遇到的普遍問題進行點評，并將技術文件歸檔，提供規(guī)范化技術文檔供學生參考。通過展示成果，讓學生了解自己的學習成果，激起學生的興趣，交流總結經驗主要是讓學生認識到自己的不足，以便繼續(xù)努力。修改完善作品為以后的課程做鋪墊。（教學評價）教學活動6:評價 （ 80 分鐘）學習內容學生活動教師活動設計意圖和資源準備1. 教師評價小組作品2. 完成作品檢查表填寫（檢查表見工作頁附件）1. 聽取教師的評價意見2. 填寫作品檢查表1. 指導學生對自己的作品進行評價，包括學生的自評和學生互評2. 指導學生對其它同學的作品進行評價3. 對學生的作品進行評價4. 指導學生填寫作品檢查表通過自評和互評，讓學生了解自己的長處和短處，繼續(xù)進行改進。（教學評價）學習好幫手.. . . ..課后任務布置 優(yōu)化網站 對網站進行維護管理教學反思基本型網站開發(fā)——“七彩云南”主題旅游網站學習任務：“七彩云南”主題旅游網站學習目標通過完成本次任務，學生能夠l 通過多方調研明確客戶需求，撰寫需求確認分析說明書；l 通過組內討論，做好網站開發(fā)詳細計劃，撰寫項目工作計劃表；l 通過小組分工合作，自主探究學習，設計有特色的網站；l 通過測試，發(fā)現(xiàn)存在問題并提出解決方案；l 能夠展示小組作品的優(yōu)勢和特色，并能客觀評價他人；l 通過基于工作情境的角色扮演，熟悉網站開發(fā)的工作流程，并從中獲得溝通表達，解決問題的經驗，體驗團隊合作與信息共享的樂趣。建議課時：24課時資訊 【任務描述】小李剛剛通過應聘進入了一家旅游公司，公司讓他負責網站的維護與更新工作。公司為了能在金秋旅游節(jié)活動中迅速搶占商機，推出了“七彩云南”精品線路，希望通過制作專題網站達到增強宣傳和服務客戶的效果。由于時間緊迫，現(xiàn)要求小李與策劃部進行快速溝通和需求分析，完成資料的整理和素材的簡單加工，設計出基本框架，再通過網頁編輯工具完成網頁版面的制作和內容元素的編輯，最后通過公司服務器發(fā)布網站到互聯(lián)網上。明確任務后，教師幫助學生理解任務要求、分析任務，并介紹創(chuàng)建站點、繪制草圖、表格在頁面布局中的作用，同時提供獲取資訊的方法和途徑等信息。學生根據(jù)老師的提示及任務，尋找完成任務所需要的資料。例如：瀏覽相關產品宣傳網站，參考網頁布局結構制作網站總體設計說明書3. 收集網頁素材資源，包括景點圖片的拍攝與收集，旅游線路、景點介紹文字說明等。決策 學習準備1. 在教師協(xié)調下學生自愿分組2. 廣播教學區(qū)：多媒體廣播教學設備；3. 分組實操區(qū)：配備8組工作臺，每組工作臺有6臺電腦；4. 實物資料查詢區(qū)：《Dreamweaver MX2004》、導學課件5. 電子資料查詢區(qū)：連接Internet提供上網搜索資料；6. 作品演示區(qū)：配備投影儀及展示板； 引導問題為旅游公司設計旅游網站，在開始構思的時候需要充分地了解客戶需求，要達到什么目的、效果？產品有什么特點？主要的客戶群體是什么？以什么樣的內容服務形式出現(xiàn)？在教師協(xié)調下學生自愿分組，進行探究式學習，學生經過討論以小組方式擬定工作過程，確定網頁素材，網頁表格的添加方式，輔助的選用，美化設計等，教師聽取學生的決策意見，提出可行性方面的質疑，提供指導意見，幫助形成方案并指導學生進行方案優(yōu)化，最終做出決策，形成團隊實施方案。用戶訪談，收集需求通過“策劃部門充分溝通，了解專題網站的基本要求，瀏覽策劃部門提供的資料，收集各種需求網站名稱“七彩云南”專題旅游網站腳本支持純HTML所用域名數(shù)據(jù)庫支持否負責部門策劃部聯(lián)系人需求訪談記錄引導需求要點9) 通過與用戶溝通，引導用戶提出具體需求10) 指導用戶選擇與網站主題相關的域名，要便于訪問者使用11) 根據(jù)所能提供的條件，明確網站建設的規(guī)模12) 根據(jù)用戶的實際情況確定主頁要呈現(xiàn)的內容和方式13) 明確網站所采用的語言14) 明確頁面的寬度和色彩風格15) 明確導航項目和子頁內容呈現(xiàn)方式16) 明確開發(fā)時間和后期維護要求 需求說明確認網站名稱腳本支持所用域名數(shù)據(jù)庫支持負責部門聯(lián)系人需求要點客戶意見和確認簽字 計劃在需求分析的基礎上，網站建設負責人根據(jù)實際情況，明確實施目標，確定實施方案，并將其遞交給客戶，由其負責人簽字確認ⅹⅹⅹⅹⅹ公司網站建設方案書一、背景著重陳述建站的意義和目的二、系統(tǒng)分析開發(fā)環(huán)境明確所采用的網頁腳本語言，靜態(tài)網頁這一部分要求比較簡單版面要求陳述版面的寬度、長度、色彩搭配、總體風格等情況支持語言明確選擇簡體中文，還是采用多語言三、設計方案網站結構建議以列表的方式將網站各欄目分層呈現(xiàn)出來分塊說明對每一欄目進行詳細說明，也可以配合簡圖四、網站測試與維護陳述網站測試驗收的環(huán)節(jié)，明確后期的維護工作如何開展以及雙方的職責五、進度安排陳述網站開發(fā)各階段時間和總工期六、費用說明建議以列表的方式羅列域名、服務器配置、網站開發(fā)、更新維護、推廣等各環(huán)節(jié)的費用客戶意見：簽字： 工作計劃表：計劃計劃內容計劃完成時間負責人設計網站規(guī)劃書創(chuàng)建網站的站點繪制首頁的頁面布局草圖，規(guī)劃網站頁面布局結構制作網站首頁制作網站分頁發(fā)布網站實施學生根據(jù)計劃方案完成設計和模擬，做好相關資料的記錄，教師監(jiān)督學生的學習過程，通過【引導問題】和【學習思考】培養(yǎng)學生分析問題、解決問題的能力，糾正學習偏差。教師下發(fā)學習任務，學生根據(jù)學習任務做好完成任務的計劃，教師對任務重點難點進行講解和分析，學生認真做好知識點記錄，并安排好完成計劃的時間和步驟，重點掌握重要知識點，使學習計劃能夠按時完成，根據(jù)計劃方案操作完成設計任務，并做好相關記錄。由于剛開始接觸網頁制作，學生對軟件的使用都還沒有基礎，因此，本任務應先由教師分模塊演示并講解一些重要操作，學生同步進行模仿訓練。而對知識掌握得相對比較熟練、操作比較快的學生，在操作過程中如果遇到問題，教師可引導學生查找相關的教材、教學參考書中的相關內容或通過網絡獲取相關內容，引導他們解決問題。而那些對知識把握得較慢的學生，則可詳細講解或建議學生反復學習相關章節(jié)的內容。鼓勵小組成員在工作過程中互相幫助，解決在完成任務中所遇到的問題。任務一：準備工作引導問題在建設網站的時候需要準備什么素材？有哪些素材是應該由客戶提供的呢？放置素材的文件夾該如何設置？一、任務目標能夠瀏覽并整理客戶提供的資料和素材。能夠通過網絡搜索獲得素材。二、任務實現(xiàn)客戶提供的資料和素材往往隨機存放，顯得比較混亂。為了便于認識需求和后續(xù)的制作，需要將其整理、歸類。在此過程中，利用資源管理器運行文件夾整理，熟悉文件夾和文件的建立、復制、移動、刪除等操作，從而增強對客戶業(yè)務流程的認識，拓展后續(xù)制作的思路。練一練：將客戶提供的資料包，如圖1—1所示，按預想的思路整理成整齊的資料包，如圖1—2所示。圖1—1圖12—3所示的主頁效果圖和圖1—4所示的子頁效果圖。圖13圖14任務二：站點建立與管理引導問題在建設網站的時候，為什么要建立站點？如何進行站點管理？一、任務目標能夠建立站點與主頁，規(guī)劃好站點目錄文件結構，并對站點文件實施管理，如圖1—5所示。圖15二、任務實現(xiàn)Dreamweaver是Macromedia公司的一款“所見即所得”的網頁編輯工具，其啟動界面如圖1—6所示。Dreamweave采用的是Mac機浮動面板的設計風格，對于初學者來說可能會感到不適應。Dreamweave對于DHTML的支持特別好，可以輕松實現(xiàn)炫目的頁面特效。本項目默認以Dreamweave網頁編輯工具為例展開學習。圖16試一試： 請打開Dreamweaver，了解界面。將Dreamweaver界面的各組成部分填寫在相應的標記框中：除了這款以外，還有 、 、 等其他網頁編輯工具。（1）新建站點站點不同于網頁，一個站點不僅包含大量的網頁文件，還包括圖片、動畫。、視頻、音頻等文件，并且這些文件是相互關聯(lián)的，需要通過創(chuàng)建一個站點來對網站各類元素進行集中管理。按下面步驟新建一個站