【正文】 ）學(xué)生分組討論分析需求分析表后制定相應(yīng)的設(shè)計(jì)方案制作詳細(xì)的工作計(jì)劃表指導(dǎo)學(xué)生優(yōu)化方案設(shè)計(jì)，審定工作方案，制定重要節(jié)點(diǎn)的項(xiàng)目進(jìn)度檢查計(jì)劃要學(xué)生在這個(gè)階段學(xué)習(xí)遇到一個(gè)項(xiàng)目任務(wù)，根據(jù)任務(wù)制定出完整的方案、計(jì)劃，以便下一步方案的實(shí)施（教學(xué)評(píng)價(jià)）教學(xué)活動(dòng)4: 實(shí)施 （ 480分鐘）學(xué)習(xí)內(nèi)容學(xué)生活動(dòng)教師活動(dòng)設(shè)計(jì)意圖和資源準(zhǔn)備（80分鐘）引導(dǎo)問(wèn)題在建設(shè)網(wǎng)站的時(shí)候需要準(zhǔn)備什么素材？有哪些素材是應(yīng)該由客戶(hù)提供的呢？放置素材的文件夾該如何設(shè)置？客戶(hù)提供的資料和素材往往隨機(jī)存放，顯得比較混亂。為了便于認(rèn)識(shí)需求和后續(xù)的制作，需要將其整理、歸類(lèi)。在此過(guò)程中，利用資源管理器運(yùn)行文件夾整理，熟悉文件夾和文件的建立、復(fù)制、移動(dòng)、刪除等操作，從而增強(qiáng)對(duì)客戶(hù)業(yè)務(wù)流程的認(rèn)識(shí)，拓展后續(xù)制作的思路—3所示的主頁(yè)效果圖和圖1—4所示的子頁(yè)效果圖。根據(jù)網(wǎng)站的效果圖決定需要哪些素材，對(duì)客戶(hù)提供的素材進(jìn)行重設(shè)計(jì)，使其頁(yè)面的要求。練習(xí)：將客戶(hù)提供的資料包，按預(yù)想的思路整理成整齊的資料包。（40分鐘）引導(dǎo)問(wèn)題在建設(shè)網(wǎng)站的時(shí)候，為什么要建立站點(diǎn)？如何進(jìn)行站點(diǎn)管理？學(xué)生作為網(wǎng)頁(yè)制作的初學(xué)者，需要先熟悉網(wǎng)頁(yè)制作的工具DW。Dreamweaver是Macromedia公司的一款“所見(jiàn)即所得”的網(wǎng)頁(yè)編輯工具，其啟動(dòng)界面如圖1—6所示。Dreamweave采用的是Mac機(jī)浮動(dòng)面板的設(shè)計(jì)風(fēng)格，對(duì)于初學(xué)者來(lái)說(shuō)可能會(huì)感到不適應(yīng)。Dreamweave對(duì)于DHTML的支持特別好，可以輕松實(shí)現(xiàn)炫目的頁(yè)面特效。本項(xiàng)目默認(rèn)以Dreamweave網(wǎng)頁(yè)編輯工具為例展開(kāi)學(xué)習(xí)。打開(kāi)DW，熟悉DW的界面，把DW界面的各組成部分填寫(xiě)在工作頁(yè)的相應(yīng)的標(biāo)記框中。（1）新建站點(diǎn)什么是站點(diǎn)：站點(diǎn)不同于網(wǎng)頁(yè)，一個(gè)站點(diǎn)不僅包含大量的網(wǎng)頁(yè)文件，還包括圖片、動(dòng)畫(huà)。、視頻、音頻等文件，并且這些文件是相互關(guān)聯(lián)的，需要通過(guò)創(chuàng)建一個(gè)站點(diǎn)來(lái)對(duì)網(wǎng)站各類(lèi)元素進(jìn)行集中管理。建立站點(diǎn)方法：在起始界面中選擇“創(chuàng)建新項(xiàng)目”》“dreamweaver站點(diǎn)”，定義站點(diǎn)名字，輸入站點(diǎn)名稱(chēng)，并選擇各相應(yīng)的設(shè)置。（2）站點(diǎn)管理 可以通過(guò)在站點(diǎn)中創(chuàng)建、復(fù)制、刪除文件夾和文件對(duì)象來(lái)構(gòu)建網(wǎng)站文件系統(tǒng)。一個(gè)網(wǎng)站編輯工具可以創(chuàng)建許多站點(diǎn)，可以對(duì)它們進(jìn)行統(tǒng)一管理，包括站點(diǎn)信息的修改、站點(diǎn)的復(fù)制與刪除、站點(diǎn)的導(dǎo)出與導(dǎo)入等操作。① 網(wǎng)站目錄結(jié)構(gòu)規(guī)劃在所創(chuàng)建的站點(diǎn)中規(guī)劃目標(biāo)結(jié)構(gòu)。② 多站點(diǎn)管理選擇“站點(diǎn)”→“管理站點(diǎn)”菜單命令，打開(kāi)“管理站點(diǎn)”對(duì)話(huà)框，進(jìn)行站點(diǎn)的導(dǎo)入和導(dǎo)出。練習(xí)：1．嘗試用dreamweaver新建一個(gè)站點(diǎn)。2．為“七彩云南”網(wǎng)站創(chuàng)建站點(diǎn)文件夾并使用Dreamweaver進(jìn)行站點(diǎn)管理操作并寫(xiě)出詳細(xì)步驟。（40分鐘）引導(dǎo)問(wèn)題網(wǎng)頁(yè)布局的方法有哪些？常用的網(wǎng)頁(yè)布局是如何的？（2） 常見(jiàn)版面布局設(shè)計(jì)網(wǎng)頁(yè)時(shí)，不僅要合理安排內(nèi)容，也要使頁(yè)面美觀精致，僅僅通過(guò)對(duì)文本和圖片的堆積排列是不夠的。Dreamweaver提供了表格、層和框架等工具，可以制作出復(fù)雜的頁(yè)面結(jié)構(gòu)，再配合文字和圖片，就可以制作優(yōu)秀的網(wǎng)頁(yè)。幾種常見(jiàn)的網(wǎng)頁(yè)布局風(fēng)格。(1)“廠”字形布局頁(yè)面頂部為標(biāo)志和廣告條，下方左面為主菜單，右面顯示正文信息。這是一種廣泛采用的布局方式。雨點(diǎn)是頁(yè)面結(jié)構(gòu)清晰，主次分明；缺點(diǎn)是規(guī)矩呆板，如果色彩搭配不當(dāng)，容易令人厭煩。（2）“國(guó)”字形布局也稱(chēng)“同”字形布局，是一些大型網(wǎng)站所采用的類(lèi)型，即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條，接下來(lái)是網(wǎng)站的一些基本信息。聯(lián)系方式、版權(quán)聲明等。（3）“三”字形布局者是一種簡(jiǎn)潔明快的網(wǎng)頁(yè)布局，在國(guó)外用的比較多，國(guó)內(nèi)比較少見(jiàn)。這種布局的特點(diǎn)是在頁(yè)面上由橫向兩條色塊將網(wǎng)頁(yè)整個(gè)分割為三部分，色塊中大多放置廣告條或更新和版權(quán)提示信息。（4）“川”字形布局整個(gè)網(wǎng)頁(yè)在垂直方向分為三列，網(wǎng)站的內(nèi)容按欄目分布在這三列中，最大限度地突出主頁(yè)的索引功能。（5）Flash布局這種布局是指整個(gè)網(wǎng)頁(yè)就是一個(gè)Flash動(dòng)畫(huà)，畫(huà)面一般比較絢麗、有趣，是一種比較新潮的布局方式。其實(shí)這種布局與封面型結(jié)構(gòu)是類(lèi)似的，不同的是由于Flash強(qiáng)大的功能，頁(yè)面所表達(dá)的信息更豐富。其視覺(jué)效果及聽(tīng)覺(jué)效果如果處理得當(dāng)，會(huì)是一種非常有魅力的布局。完成工作頁(yè)中不同網(wǎng)頁(yè)布局的分析（具體內(nèi)容見(jiàn)工作附件）2．實(shí)施版面布局（1）頁(yè)面設(shè)置根據(jù)用戶(hù)需求和效果合理設(shè)置頁(yè)面屬性，包括網(wǎng)站標(biāo)題、頁(yè)面邊距、背景，方法如下方法一：?jiǎn)螕簟靶薷摹辈藛?，選擇“頁(yè)面屬性”菜單項(xiàng)。方法二：在下方屬性面板中單擊“頁(yè)面屬性”。（2）使用布局表格進(jìn)行布局使用布局表格和布局單元格技術(shù)來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)版面定位。（具體方法見(jiàn)工作頁(yè)附件）練習(xí)：分析網(wǎng)站結(jié)構(gòu)（80分鐘）引導(dǎo)問(wèn)題觀察淘寶網(wǎng)，分析一下該網(wǎng)站哪些位置使用了圖片，這些圖片進(jìn)行了什么處理技巧？通過(guò)瀏覽整理后的資料包，找到合適的圖片，插入網(wǎng)頁(yè)相應(yīng)的位置，如果圖片大小與 頁(yè)要求不符，不要在網(wǎng)頁(yè)編輯軟件中對(duì)圖片進(jìn)行大范圍，拉伸或縮小，要借助其他圖像處理 軟件進(jìn)行處理后再插入，圖片插入網(wǎng)頁(yè)后會(huì)彈出‘保存’對(duì)話(huà)框此時(shí)保存的文件名不要使用中文，瀏覽器對(duì)中文文件名不能很好的支持。第一種情況：圖片直接插入（七彩云南logo圖）將光標(biāo)定位在要插入圖像的位置上，執(zhí)行“插入” →“圖像”命令，在彈出的“選擇圖像源文件”對(duì)話(huà)框中，選擇圖像文件或直接輸入圖像路徑即可。第二種情況；圖片作為單元格背景。為了能夠在圖片上方輸入文字等對(duì)象，有時(shí)需要將圖片作背景。選中要操作的單元格，在屬性面板中尋找操作選項(xiàng)第三種情況，圖片處理后插入。如果圖片的大小等不適合網(wǎng)頁(yè)放置的時(shí)候，可以通過(guò)圖像處理軟件進(jìn)行圖片大小處理。圖像處理軟件很多，現(xiàn)在選擇最簡(jiǎn)單也最常見(jiàn)的圖片瀏覽工具ACDSee來(lái)完成處理。練習(xí)：根據(jù)前面三種圖片操作方法，將“風(fēng)光美景”區(qū)域的圖片排列整理（80分鐘）引導(dǎo)問(wèn)題在網(wǎng)頁(yè)中如何輸入空格？如何進(jìn)行換行、換段？在網(wǎng)頁(yè)中如何輸入特殊字符？在網(wǎng)頁(yè)中如何輸入水平線？1． 制作網(wǎng)頁(yè)中的文字1) 確定文字輸入位置。用鼠標(biāo)單擊網(wǎng)頁(yè)編輯窗口中的空白區(qū)域，窗口中隨即出現(xiàn)閃動(dòng)的光標(biāo)，標(biāo)識(shí)輸入文字的起始位置2) 輸入文本。選擇適當(dāng)?shù)妮斎敕ǎ⒃谶m當(dāng)?shù)奈恢幂斎胍恍形淖?，按[ENTER]鍵可換段3) 按[ENTER]鍵，換行的行距較大，換行會(huì)形成不同的段落，而按[SHIFT]+[ENTER]組合鍵，換行的行距較小，仍為同一個(gè)段落。4) 輸入空格。按[CTRL]+[SHIFT]+[SPACE]組合鍵可輸入空格5) 插入水平線。按回車(chē)鍵換行，執(zhí)行“插入記錄/HTML/水平線”命令，為網(wǎng)頁(yè)添加橫向分隔線6) 插入特殊字符。單擊“插入”→“HTML”→“特殊字符” →選擇字符云南概況欄目有一塊文本區(qū)域，需要錄入文字并排版?？梢酝ㄟ^(guò)錄入文字或通過(guò)復(fù)制操作將文字粘貼到此區(qū)域，注意:如果要復(fù)制的文本帶有大量的格式，請(qǐng)先通過(guò)記事本去除格式后復(fù)制。若不做任何設(shè)置，文本區(qū)域會(huì)顯得密集、混亂，不便于閱讀，也不美觀。對(duì)段落的設(shè)置需要用到CSS，以使整個(gè)網(wǎng)站的文字風(fēng)格統(tǒng)一。（具體方法見(jiàn)工作頁(yè)）練習(xí)：對(duì)照效果圖，完成其余內(nèi)容的輸入和編輯，完成主頁(yè)的制作。（80分鐘）引導(dǎo)問(wèn)題在網(wǎng)頁(yè)中怎樣把頁(yè)面與頁(yè)面之間鏈接起來(lái)？1．.超鏈接超鏈接是萬(wàn)維網(wǎng)的魅力所在。超鏈接簡(jiǎn)稱(chēng)鏈接，是指從一個(gè)網(wǎng)頁(yè)到另一個(gè)網(wǎng)頁(yè)對(duì)象的鏈接關(guān)系。超鏈接是文檔與文檔之間的鏈接，當(dāng)單擊它時(shí)，超鏈接可指向另外一個(gè)頁(yè)面文件。鏈接目標(biāo)可以是另外一個(gè)網(wǎng)頁(yè)，也可以是相同網(wǎng)頁(yè)上的不同位置，還可以是圖片、電子郵件地址、文件，甚至是一個(gè)應(yīng)用程序。 以主頁(yè)導(dǎo)航“云南介紹”為例，進(jìn)行超鏈接操作。選定“美食”文字標(biāo)題，在文本屬性面板中，單擊“鏈接”項(xiàng)右側(cè)的“文件瀏覽”按鈕，通過(guò)“選擇文件”對(duì)話(huà)框，, 設(shè)置鏈接的“目標(biāo)”，即鏈接網(wǎng)頁(yè)的打開(kāi)方式。練習(xí)：1．建立主頁(yè)與其他內(nèi)容之間的鏈接關(guān)系,并通過(guò)預(yù)覽進(jìn)行測(cè)試。2．填寫(xiě)主頁(yè)尾部電子郵箱,并做好電子郵箱的鏈接。3．填寫(xiě)主頁(yè)尾部,并做好對(duì)應(yīng)用戶(hù)的應(yīng)用程序的鏈接。（80分鐘）引導(dǎo)問(wèn)題設(shè)計(jì)好企業(yè)的網(wǎng)站后，在沒(méi)有網(wǎng)站空間的情況下，如何才能對(duì)網(wǎng)站進(jìn)行測(cè)試呢？IIS有什么功能？FTP（File Transfer Protoeol）是文件傳輸協(xié)議，是網(wǎng)絡(luò)上兩臺(tái)計(jì)算機(jī)之間傳送文件的協(xié)議，F(xiàn)TP是在Internet上最早使用的協(xié)議之一，它屬于網(wǎng)絡(luò)協(xié)議組的應(yīng)用層。TFP客戶(hù)機(jī)可以給服務(wù)器發(fā)出命令完成下載文件，上傳文件，創(chuàng)建或改變服務(wù)器上的目錄。FTP文件傳輸有三種使用方式，分別是命令方式、Web方式和FTP客戶(hù)端軟件方式。（1）命令方式　，開(kāi)始連接FTP服務(wù)器，輸入用戶(hù)名和密碼進(jìn)入FTP服務(wù)器，通過(guò)ls命令顯示出網(wǎng)站文件清單。（2）Web方式在瀏覽器地址欄中輸ftp://，回車(chē)，在彈出的“登錄身份”對(duì)話(huà)框中輸入自己的用戶(hù)名與密碼，認(rèn)證通過(guò)后，即可進(jìn)入FTP服務(wù)器。圖148 FTP Web方式進(jìn)入FTP空間后，可以通過(guò)文件操作，完成網(wǎng)站文件的上傳和下載，如工作頁(yè)圖149所示。（3）FTP客戶(hù)端軟件方式 FTP客戶(hù)端軟件有很多，常用的FTP客戶(hù)端軟件有CuteFTP、Leapftp、FlashFXP，其功能與操作方式大同小異，只要掌握了其中一種軟件，其他軟件的使用便很容易掌握。2. 通過(guò)FTP進(jìn)行網(wǎng)站發(fā)布和管理運(yùn)用上面介紹的幾種FTP操作方式進(jìn)行網(wǎng)站的發(fā)布和管理，現(xiàn)以LeapFTP客戶(hù)端軟件和Dreamweaver自帶的FTP聯(lián)動(dòng)工具為例進(jìn)行介紹。（1）LeapFTP如果僅進(jìn)行單次或臨時(shí)性連接操作，可以直接在LeapFTP操作界面上進(jìn)行連接。LeapFTP有4個(gè)窗口，左上方為本地目錄窗口（A），右上方為遠(yuǎn)程目錄窗口（B）,左下方為隊(duì)列窗口（C），右下方為狀態(tài)窗口（D）。通過(guò)在A窗口打開(kāi)本地網(wǎng)站存放的目錄，將要上傳的文件選定后拖拉到B窗口，在C窗口中顯示上傳的文件隊(duì)列，所有的操作狀態(tài)顯示在D窗口。若要進(jìn)行永久性、固定站點(diǎn)操作，可以在站點(diǎn)管理器中進(jìn)行設(shè)置并連接。建立“七彩云南”站點(diǎn)，輸入地址、用戶(hù)名、密碼、下次連接時(shí)不需要重復(fù)填寫(xiě)，只要單擊“鏈接”按鈕即可。（2）Dreamweaver自帶的FPT聯(lián)動(dòng)工具單擊“站點(diǎn)”菜單，選擇“站點(diǎn)管理器”菜單項(xiàng)，選擇相應(yīng)的站點(diǎn)，單擊“編輯”按鈕，在彈出：“站點(diǎn)設(shè)置”對(duì)話(huà)框中單擊“高級(jí)”選項(xiàng)，進(jìn)行“遠(yuǎn)程信息”項(xiàng)的設(shè)置，設(shè)置好站點(diǎn)信息，在本地保存文件時(shí)，會(huì)自動(dòng)將文件上傳至服務(wù)器，實(shí)現(xiàn)聯(lián)動(dòng)，使本地站點(diǎn)文件服務(wù)器站點(diǎn)文件保持一致。練習(xí)：1. 將制好的網(wǎng)站通過(guò)leapFTP工具上傳至指定的FTP服務(wù)器。2. 寫(xiě)出網(wǎng)站測(cè)試的步驟和條件。1. 以客戶(hù)為主要服務(wù)對(duì)象，根據(jù)市場(chǎng)的狀況、公司經(jīng)營(yíng)產(chǎn)品自身的情況等進(jìn)行綜合分析，完成以下三個(gè)方面的具體設(shè)計(jì)（1） 首頁(yè)設(shè)計(jì)（2） 網(wǎng)站整體結(jié)構(gòu)設(shè)計(jì)（3） 發(fā)布網(wǎng)站2. 小組討論設(shè)計(jì)“七彩云南”主題旅游網(wǎng)站的布局圖3. 填寫(xiě)網(wǎng)站內(nèi)容規(guī)劃表