網(wǎng)頁設計實驗大綱《網(wǎng)頁設計I》實驗教學大綱課程名稱：《網(wǎng)頁設計I》英文名稱：WebpageDesignI課程代碼：課程性質(zhì)：專業(yè)基礎必修課理論學時：64學分：4開課學期：第三學期適用專業(yè)：電子商務本科專業(yè)先修課程：《計算機文化基礎》一、課程性質(zhì)與教學目標《網(wǎng)頁設計I》是電子商務專業(yè)的一門專業(yè)技能性課程，旨在培養(yǎng)學生基本網(wǎng)頁及網(wǎng)頁動畫的設計與制作能力。隨著INTERNET的不斷發(fā)展和普及，基于WEB的信息系統(tǒng)應用也越來越廣泛，而開發(fā)WEB信息系統(tǒng)的基礎就是基本網(wǎng)頁的設計與制作。本課程以靜態(tài)網(wǎng)頁的設計與制作為主線，以網(wǎng)頁設計三劍客（Dreamweaver,Flash和Fireworks）為工具，講解網(wǎng)頁設計的基本原則、HTML標記語言以及網(wǎng)頁中各種元素的制作和使用。課程總體目標為使學生掌握基本網(wǎng)頁設計和制作的技能，具體包括：具備網(wǎng)頁設計原理的基本知識；具備HTML和CSS的基本知識；掌握在Dreamweaver中創(chuàng)建站點、布局頁面、制作交互式表單以及制作和使用網(wǎng)頁模板的方法；掌握在Flash中制作簡單動畫的方法，了解Flash中的AS編程；掌握在Fireworks中處理圖片的基本方法。二、課程實驗目的與要求課程的實驗是本課程的實踐部分，通過實踐掌握網(wǎng)頁設計的基本方法，網(wǎng)頁制作的基本技能。實驗要求學生實驗操作前認真預習相關(guān)內(nèi)容，實驗完成后對實驗進行總結(jié)，形成實驗報告。三、主要儀器設備計算機、Dreamweaver,Flash和Fireworks軟件四、實驗方式與基本要求網(wǎng)頁設計實驗大綱全文共5頁，當前為第1頁。實驗方式基本上是采用演示和驗證性的方法，視條件成熟情況最后做1個設計性或綜合方法的實驗。除了設計性/綜合性實驗外，基本要求學生個人獨立完成每次實驗操作。網(wǎng)頁設計實驗大綱全文共5頁，當前為第1頁。五、考核與報告(一)、考核依據(jù):1、平時各次實驗課程中的態(tài)度、表現(xiàn)和抽查；2、在各次實驗中完成任務情況，尤其是所遇到問題、以及分析問題解決問題情況；3、實驗報告。4、實驗成績是該課程總評成績的有機構(gòu)成部分，占其中20%份額。(二)、實驗報告1、要求寫明每次實驗的內(nèi)容和要求；2、要求寫出每次實驗主要內(nèi)容、實習步驟和經(jīng)過、所遇到的問題、所觀察到的結(jié)果（包括正確的和錯誤的）；3、要求著重寫出所遇到的問題，有否解決？是怎樣解決的？有沒有采用正確的分析方法？等等；對綜合性設計性的實驗，要求詳細寫明設計方法步驟，以及上機運行情況；4、在最后一次實驗報告中要對本學期來的實驗情況（包括結(jié)果）進行總結(jié)和分析。網(wǎng)頁設計實驗大綱全文共5頁，當前為第2頁。六、實驗項目設置與內(nèi)容網(wǎng)頁設計實驗大綱全文共5頁，當前為第2頁。序號實驗名稱內(nèi)容提要實驗學時每組人數(shù)實驗屬性實驗者類別開出要求1Dreamweaver站點管理創(chuàng)建站點、管理文件、編輯站點、使用站點地圖管理超級鏈接。21驗證本科必做2頁面的制作及設置1.構(gòu)建最簡合法的HTML文檔“我的第一個網(wǎng)頁”；2.使用簡單內(nèi)聯(lián)元素進行文字處理；3.對頁面進行總體設置21驗證本科必做3使用超級鏈接在基本頁面中使用圖像、文本超鏈接、圖像熱點鏈接和錨記鏈接等21驗證本科必做4制作多媒體頁面1. 復習制作文本文檔并，對字體與風格、對齊與縮進、段落間距、文字項目列表等進行設置。2. 在頁面中插入圖像、調(diào)整圖像大小、剪裁圖像、創(chuàng)建鼠標經(jīng)過圖像3. 使用Flash按鈕和文本4. 在站點中使用音頻、視頻元素、在HTML語言中插入多媒體元素等21驗證本科必做5CSS樣式表的使用1.自定義CSS樣式表。2.重新定義HTML標簽樣式。3.CSS選擇器樣式的定義。21驗證本科必做6利用表格進行布局1、使用表格布局個人網(wǎng)站的界面，包括插入表格、設置表格的屬性、調(diào)整表格的結(jié)構(gòu)、嵌套表格，使用表格設計水平細線；2、使用表格表示數(shù)據(jù)，包括導入格式化數(shù)據(jù)、對表格的數(shù)據(jù)排序和美化表格的邊框；3、設計圓角表格，美化網(wǎng)頁。21驗證本科必做7頁面的層及行為面板1.在網(wǎng)頁中創(chuàng)建層2.創(chuàng)建嵌套層3.利用層進行排版及使用“層”面板4.網(wǎng)頁浮動動畫5.制作彈出瀏覽器窗口6.設置狀態(tài)欄信息7.播放聲音8.制作交換圖像9.制作彈出提示信息21驗證本科必做8制作框架網(wǎng)站創(chuàng)建框架、設置框架屬性、設置框架鏈接21驗證本科必做9模板與庫的使用1.創(chuàng)建模板2.創(chuàng)建可編輯區(qū)域3.定義可選區(qū)域4.定義重復區(qū)域5.創(chuàng)建和使用庫21驗證本科必做網(wǎng)頁設計實驗大綱全文共5頁，當前為第3頁。10網(wǎng)頁設計實驗大綱全文共5頁，當前為第3頁。Fireworks基本工具的使用1.工具箱中基本工具的使用（如直線、文本等）2.制作郵票3.圖片變形4.制作心形圖5.環(huán)繞文字6.利用“橡皮圖章”修復圖像21驗證本科必做11Fireworks圖形圖像的處理1.多圖層圖像的編輯2．凝膠字3．按鈕和導航欄4．水印效果21驗證本科必做12切片與熱點1.為圖像添加熱點、制作按鈕2.學習切片與圖像輸出3.制作交換圖像4．制作彈出菜單21驗證本科必做13Flash基本工具的使用工具箱中基本工具的使用（如矩形、文本、顏料桶等）21驗證本科必做14Flash簡單動畫制作制作簡單的形變動畫以及動作補間動畫21驗證本科必做15簡單AS腳本的使用使用按鈕控制動畫播放21驗證本科必做16個人主頁的設計與制作自行設計22設計本科選做小計32七、綜合性設計性實驗實驗項目內(nèi)容介紹該實驗主要內(nèi)容為：讓學生自己設計一個主題網(wǎng)站，給出相應的設計稿，然后按設計稿內(nèi)容，運用學到的知識進行制作，本實驗考核學生以下內(nèi)容：對于網(wǎng)站綜合設計與規(guī)劃的能力。對于HTML標簽的掌握程度。利用Dreamweaver進行網(wǎng)頁制作的動手能力。考核過程如下：前三周上交網(wǎng)站的設計稿，設計網(wǎng)站主題、版塊、頁面布局等；然后每節(jié)實驗課抽一定的時候用于方案的實現(xiàn)，最后專門提供一節(jié)實驗課，進行網(wǎng)站的整合和完善。并當場進行考核。實驗項目考核方式綜合實驗的評價按以下內(nèi)容實施：網(wǎng)頁設計實驗大綱全文共5頁，當前為第4頁。內(nèi)容:40%10張頁面以上，文、圖、表格元素，有用性。網(wǎng)頁設計實驗大綱全文共5頁，當前為第4頁。美工:10%圖、色彩。結(jié)構(gòu):10%導航，布局。技術(shù):30%dreamwearve操作、特效。創(chuàng)意:10%原創(chuàng)性、新穎性。實驗結(jié)果分析該實驗讓學生自由發(fā)揮，按自己的興趣進行網(wǎng)站的設計和制作。教師在整個過程中進行引導，充分調(diào)動了學生的積極性，使學生能將學到的知識和技能馬上運用于實踐中。整個實驗過程下來，學生的積極性和創(chuàng)造性都得到了鍛煉。但過程中葉發(fā)現(xiàn)，許多同學對網(wǎng)站的整體規(guī)劃和設計能力偏弱，對于Dreamweaver的運用還不是很熟練。八、說明1、網(wǎng)頁設計實驗是與課堂教學同時進行的，目的是理解和鞏固課堂