【正文】 條，下方左面為主菜單，右面顯示正文信息。雨點是頁面結構清晰，主次分明；缺點是規(guī)矩呆板，如果色彩搭配不當，容易令人厭煩。聯(lián)系方式、版權聲明等。這種布局的特點是在頁面上由橫向兩條色塊將網(wǎng)頁整個分割為三部分，色塊中大多放置廣告條或更新和版權提示信息。（5）Flash布局這種布局是指整個網(wǎng)頁就是一個Flash動畫，畫面一般比較絢麗、有趣，是一種比較新潮的布局方式。其視覺效果及聽覺效果如果處理得當，會是一種非常有魅力的布局。請分析以下網(wǎng)站的結構： 網(wǎng)站1 網(wǎng)站2 網(wǎng)站3 網(wǎng)站4請寫出上面4個網(wǎng)站各屬于哪種網(wǎng)頁設計框架結構 網(wǎng)站1是屬于 的網(wǎng)頁設計框架結構 網(wǎng)站2是屬于 的網(wǎng)頁設計框架結構 網(wǎng)站3是屬于 的網(wǎng)頁設計框架結構 網(wǎng)站4是屬于 的網(wǎng)頁設計框架結構（1）頁面設置根據(jù)用戶需求和效果合理設置頁面屬性，包括網(wǎng)站標題、頁面邊距、背景等，如圖113所示。方法二：在下方屬性面板中單擊“頁面屬性”。圖114設置頁面的“標題/編碼”屬性，將標題設置為“七彩云南——云南長風旅行社”，如圖115所示。步驟1單擊插入欄的下拉按鈕，展開插入欄，單擊“布局”選項，打開布局欄，如圖116所示。在彈出的“從布局視圖開始”對話框中，單擊“確定”按鈕，關閉該對話框，如圖117所示。圖118步驟3單擊“繪制布局表格”按鈕，繪制嵌套表格，如圖119所示。圖120任務四：圖片編輯與修辭引導問題觀察淘寶網(wǎng)，分析一下該網(wǎng)站哪些位置使用了圖片，這些圖片進行了什么處理技巧？ —﹑任務目標 能夠運用網(wǎng)頁編輯軟件插入圖片對象，并對圖片進行編排能夠運用簡單的處理，使其適合網(wǎng)頁呈現(xiàn)?！　〉谝环N情況：圖片直接插入（七彩云南logo圖）將光標定位在要插入圖像的位置上，執(zhí)行“插入” →“圖像”命令，在彈出的“選擇圖像源文件”對話框中，選擇圖像文件或直接輸入圖像路徑即可，如圖121所示圖121如圖122所示，在圖像標簽輔助功能屬性‘對話框”替換文本，項中可以填入的標識文件，當圖片不能正常顯示時，可以顯示此文字來增強網(wǎng)頁的可讀性此項的也忽略。第二種情況；圖片作為單元格背景。選中要操作的單元格，在屬性面板中尋找操作選項，如圖123所示。第三種情況，圖片處理后插入。圖像處理軟件后很多，現(xiàn)在選擇最簡單也最常見的圖片瀏覽工具ACDSee來完成處理。如何插入圖像？ 什么是占位符？怎么通過占位符插入圖像？ 如何創(chuàng)建鼠標經(jīng)過圖像的效果？ 創(chuàng)建網(wǎng)站相冊需先安裝什么軟件？如何創(chuàng)建網(wǎng)站相冊？ 練一練 ：根據(jù)前面三種圖片操作方法，將“風光美景”區(qū)域的圖片排列整理。二、任務實現(xiàn)1．導航和欄目標題導航采用單元格底紋顏色漸變的方式，在每一個單元格輸入單行文字內(nèi)容。在單元格屬性面板中找到“背景顏色”項，單擊后彈出顏色板，選擇合適的顏色，如圖1—24所示。按以上的重復操作，完成后續(xù)單元格的設置。云南概況欄目有一塊文本區(qū)域，需要錄入文字并排版。若不做任何設置，文本區(qū)域會顯得密集、混亂，不便于閱讀，也不美觀。定義要操作額文本區(qū)域，單擊“文本”菜單，選擇“段落格式”中的“段落(P)”選項。圖1—25定義一個類，名稱為“d11”，如圖126所示。圖127在“方框”選項中，設置左、右邊界。練一練:觀察“數(shù)碼科技前線”頁面，哪個位置中使用了水平線？如何插入水平線？插入水平線后，能直接設置水平線的顏色嗎？在“代碼”視圖中怎么設置呢？ 如何輸入文本？ 如何插入特殊字符？ 如何輸入多個連續(xù)的空格？ 如何插入當前日期？ 觀察下圖，討論哪個位置使用了項目符號？如何進行項目符號的設置？ 如何對文本進行換行和分段操作？這兩個操作的區(qū)別是什么？ 錄入“行線程路”欄目中的文字并排版。單擊”插入“菜單，選擇”媒體””Flash視頻”菜單項,如圖1—28所示。練一練：對照效果圖，完成其余內(nèi)容的輸入和編輯，完成主頁的制作。能夠使用超鏈接技術，實現(xiàn)網(wǎng)頁之間的鏈接，建立頁面之間的關聯(lián)。步驟2：將文字內(nèi)容復制到網(wǎng)頁中間區(qū)域，通過任務五掌握的CSS技能對段落進行編排，設置行間距，左、右邊距。步驟4：設置圖片環(huán)繞方式。練一練：根據(jù)前面所學內(nèi)容，結合整理后的資料包，自主選擇制作35張其他內(nèi)容頁。超鏈接簡稱鏈接，是指從一個網(wǎng)頁到另一個網(wǎng)頁對象的鏈接關系。鏈接目標可以是另外一個網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是圖片、電子郵件地址、文件，甚至是一個應用程序。選定“美食”文字標題，在文本屬性面板中，單擊“鏈接”項右側的“文件瀏覽”按鈕，通過“選擇文件”對話框，, 設置鏈接的“目標”，即鏈接網(wǎng)頁的打開方式，如圖1—29所示。其中________是指瀏覽器總在一個新打開的、未命名的窗口上顯示鏈接頁面。____________是使鏈接文檔在父級窗口顯示鏈接頁面，這個屬性值只在在框架。填寫主頁尾部電子郵箱,并做好電子郵箱的鏈接。任務七：網(wǎng)站發(fā)布引導問題設計好企業(yè)的網(wǎng)站后，在沒有網(wǎng)站空間的情況下，如何才能對網(wǎng)站進行測試呢？IIS有什么功能？一﹑任務目標能夠通過常用FTP客戶端工具上傳網(wǎng)站文件，實時網(wǎng)站對外發(fā)布，并能進行網(wǎng)站文件的維護管理。TFP客戶機可以給服務器發(fā)出命令完成下載文件，上傳文件，創(chuàng)建或改變服務器上的目錄。（1）命令方式　，開始連接FTP服務器，輸入用戶名和密碼進入FTP服務器，通過ls命令顯示出網(wǎng)站文件清單。圖148 FTP Web方式進入FTP空間后，可以通過文件操作，完成網(wǎng)站文件的上傳和下載，如圖149所示。2. 通過FTP進行網(wǎng)站發(fā)布和管理運用上面介紹的幾種FTP操作方式進行網(wǎng)站的發(fā)布和管理，現(xiàn)以LeapFTP客戶端軟件和Dreamweaver自帶的FTP聯(lián)動工具為例進行介紹。LeapFTP有4個窗口，左上方為本地目錄窗口（A），右上方為遠程目錄窗口（B）,左下方為隊列窗口（C），右下方為狀態(tài)窗口（D）。若要進行永久性、固定站點操作，可以在站點管理器中進行設置并連接。（2）Dreamweaver自帶的FPT聯(lián)動工具單擊“站點”菜單，選擇“站點管理器”菜單項，選擇相應的站點，單擊“編輯”按鈕，在彈出：“站點設置”對話框中單擊“高級”選項，進行“遠程信息”項的設置，如圖130所示。練一練：3. 將制好的網(wǎng)站通過leapFTP工具上傳至指定的FTP服務器。網(wǎng)站測試步驟網(wǎng)站測試所需要的條件檢查 學生自我檢查評價自己的作品。 繼續(xù)修改作品。 展示成果：小組成員相互展示自己的工作成果，評估作品完成質(zhì)量，關注團隊合作，敬業(yè)勤業(yè)等職業(yè)素養(yǎng)的評估，并提出修改建議。 小組間相互檢查作品，并提出修改建議。 教師檢查作品。同時教師指引學生歸納總結，引導學生獨立構建自己的經(jīng)驗和知識體系。教師指導學生對其它同學的作品進行評價。指導學生填寫作品評價表和考核評價表。 綜合評定，可由任課教師、科代表、學習委員完成綜合評定。 本表填寫完成后，將以電子文檔形式存檔，作為期末總評成績的評定依據(jù)。以 100分為基礎，按小組評價 30 分、教師評價 50分、學生自評20分評定成績占學習情況總分值10％學習及工作表現(xiàn) 學生參與工作的態(tài)度和能力100占學習情況總分值20％知識及技能掌握情況學生掌握知識技能的程度100占學習情況總分值20％團隊合作情況小組團隊合作情況100占學習情況總分值10％任務完成情況培養(yǎng)學生分析問題、解決問題的能力和表達能力100占學習情況總分值40％創(chuàng)造性學習（附加分）考核學生的創(chuàng)新意識10教師以10分為上限，獎勵工作中有突出表現(xiàn)和特色做法的學生加分項學習情境成績 = 出勤狀況10％ + 學習及工作表現(xiàn)20％ + 知識及技能掌握情況20％+團隊合作情況10％ + 任務完成情況40％ + 創(chuàng)造性學習寧可累死在路上，也不能閑死在家里！寧可去碰壁，也不能面壁。什么是奮斗？奮斗就是每天很難，可一年一年卻越來越容易。能干的人，不在情緒上計較，只在做事上認真；無能的人！不在做事上認真，只在情緒上計較