網頁制作課程設計總結范文第1篇
1 讓學生明確崗位意識
我們這門課培養的是網頁美工, 網頁編輯, 網頁制作這些崗位的技術人員。在平時的上課中, 讓學生有意識融入到真正的崗位中, 培養學生具有獨立社交能力, 善于交流, 具有良好的親和力;一個優秀的網站是一個團隊合作的作品, 所以在平時的教學中, 要培養學生較強的溝通表達和團隊管理能力, 學生必須具備良好的自學能力和團隊合作精神。
2 課程的教學方法
網頁制作技術不斷地發展變化, 新的技術、新的方法也在不斷涌現, 所以也需要我們教師課堂教學上與時俱進。傳統的教學對這門課已經不適合了, 因為該課程需要很強的動手能力。讓學生從不會到會再到設計創新就是這門課程的宗旨。以下的幾點教學方法在實踐教學中效果甚好。
(1) 任務驅動法。“任務驅動”教學法是一種以學生自主學習, 教師加以引導的一種教學方法。它打破了傳統教學方法中注重學習的循序漸進和積累的老套路, 不再按照教學內容的從易到難的順序, 而是以完成一個“任務”作為驅動來進行教學, 完成教學任務。在教學過程中, 通過若干個學生感興趣的任務, 讓學生在密切聯系學習、生活經驗和社會實際的情境中去完成。通過完成任務實現對所學知識的重新建構, 重在提高學生的學習興趣和主動性, 培養自學能力和團隊協作能力。
(2) 案例教學法。案例教學法, 即在教師指導下, 根據教學目標的內容的需要, 采用案例組織學生進行學習、研究、鍛煉能力的方法。利用直觀的案例構建一個個教學任務, 使學生更容易掌握知識和技能, 拓寬網頁設計的思路。這就需要教師在課前花更多的時間去策劃好這門課所需的素材資料。教師在提出一個問題的同時, 讓學生發散思維采用不同方位去分析解決問題, 這對學生后期的網頁制作乃至后面的其他課程的學習都起了很大的推動作用。
(3) 項目教學法。項目教學法是指通過實施一個完整的項目工作而進行的教學活動, 采取小組討論、協作學習的方式。為了激發學習興趣, 提高學生分析問題、解決問題的實際能力, 以仿真項目的形式來鍛煉學生的實踐能力。
將課程中的各個知識點或技術點采用教師給出項目要求或參考項目需求的方式, 讓學生分組選擇項目或者自己調研確定項目, 小組合作進行項目規劃和頁面設計。通過“項目小組”基本形式、小組成員之間的合作性活動為主體、完成小組項目為主要目標、小組整體水平為主要依據來評定成績的考核形式, 為學生創造一個良好的合作氛圍。小組的每一個成員在這一過程中都有發揮自己優勢和表現自己的機會, 通過小組成員之間相互討論、評價、反饋、傾聽、激勵以及互為師生、優勢互補等合作形式, 激發學生的學習興趣, 改進學生的學習方法與態度, 增強學生的集體榮譽感和團隊協作精神。
3 評定反饋
教學評價方式多樣化, 包括師生評價、學生評價、小組評價等多種方式。各組項目負責人向全班介紹本組設計的網站, 做成PPT匯報片, 在介紹過程中要求說明各組網站的設計過程, 遇到過什么問題, 這些問題是如何解決的。學生不僅要做出來, 還要講明白。通過制作PPT匯報片還可以提高職業整體素質。同時, 其他組的同學也可提出問題, 讓設計者解釋設計所用的相關技術及特點。通過提問或被提問, 學生對所做的內容加深了理解和鞏固。教師可以對提問的學生或回答比較好的學生進行加分。教師根據各項目組完成過程的具體情況, 指出做得好的地方, 同時還要指出問題所在, 另外還要對學生的職業素質進行講評包括:匯報片制作, 語言表達能力, 回答問題的能力, 組織協調能力, 總結能力等。
采用不同的教學法與手段, 把復雜、分散的各知識點綜合起來, 應用于實際的行業工作中?？梢猿浞职l掘學生的創造潛能, 培養和提高他們的實踐能力、動手能力、分析和綜合能力?？傊? 教師應以培養能力為主線, 強化實踐性教學。教學工作是學校工作的重點, 教學方法的革新是一個永久的話題, 在教學過程中必須不斷探索、不斷創新, 教師以發展的眼光去上好自己的每一堂課, 培養出素質高能力強的人才。
摘要：《網頁設計與制作》是南京機電職業技術學院計算機多媒體專業針對網頁設計這個崗位開設的一門核心專業課程, 由于該課程涉及的知識復雜多樣, 對其教學的方法也一直是這門課討論的焦點。筆者結合這門課程多年的教學經驗, 將一些成功的教學方法拿出來和同行一起探討。
關鍵詞：任務驅動法,項目驅動法,案例驅動法,職業能力,評價
參考文獻
[1] 馬雪峰, 田躍輝.淺談高職項目課程和項目教學實施的問題與對策[J].中國科教創新導刊, 2008 (8) .
網頁制作課程設計總結范文第2篇
【摘 要】本文論述基于翻轉課堂的網頁制作課程教學設計，分析網頁制作課程教學中存在的問題，從教師、學生、設計說明三個層面闡述網頁設計課程翻轉課堂的教學設計，以有效提升學生網頁制作實操能力。
【關鍵詞】翻轉課堂 網頁制作課程 教學設計
翻轉課堂又稱“反轉課堂”“顛倒課堂”，即通過課外學習活動和課內知識學習的顛倒，在課后利用多媒體技術的輔助完成教學，在課堂上則完成知識的內化的教學模式。改革后的翻轉課堂具有更高的教學價值和教學成效，相較于傳統教學模式，其能有效規避課程教學中的誤區，將學生作為教學的主體，充分發揮學生的主體作用，利用多媒體教學手段激發學生的學習興趣，通過PPT演示視頻與同步講解的有機結合，調動學生學習的主動性和積極性，從而達到提高課程教學效率的最終目的，有效促進中職學生專業水平與能力的發展與提高。本文分析網頁制作課程教學存在的問題，論述基于翻轉課堂的網頁制作課程教學設計。
一、網頁制作課程教學中存在的問題
網頁制作課程是中職學生學習電子商務專業（計算機專業）的一門必修課。當前大多數中職學校采用“教學做一體”教學模式、結合案例教學法和任務驅動法進行網頁制作課程教學，這樣的教學模式雖然對學生掌握課程知識和網頁制作基本技能有所幫助，但還是無法避免地存在著一些問題。
（一）忽略學生的主體地位
就當前網頁制作課程教學現狀而言，課堂成了教師的“一言堂”，教師以單向傳遞的方式向學生傳授知識，沒有遵循教學過程中教師主導和學生主體相統一的原則，學生機械、被動地接受教師傳授的知識，沒有經過思考就將這些知識歸入自己的思維中，談不上任何的自主探究和發現問題。而現代教育改革要求確立學生的課堂主體地位，充分發揮教師的主導作用。這樣的教學不僅使學生思維的依賴性和懶惰性瘋狂地滋生，還限制了學生思維的延伸和創新能力的發展。
（二）忽略學生的個性差異性
傳統教學模式容易將學生的主體地位和教師的主導作用混淆，采用教師主講、學生聽課并記筆記的方式進行教學。然而，學生具有一定的差異性，他們的理解能力和學習能力參差不齊，就拿網頁制作課程來說，學生計算機操作能力的高低直接影響其對這門課程的掌握效果。在這樣的情況下，忽略學生的個體差異，繼續教學很容易挫傷學生學習的積極性，但如果停下來進行逐個輔導的話，則有可能影響整個班級甚至整個年級的教學進度。很明顯，這兩種方式都無法滿足當前教育改革的要求。而實際上教師很難做到停下來對理解能力和計算機操作能力都較差的學生進行逐個輔導，往往選擇忽略學生的個體差異性繼續開展教學。
二、基于翻轉課堂的網頁制作課程教學設計
網頁制作課程教學設計不僅要從翻轉課堂的教學理念出發，還要結合網頁制作課程的教學特點以及學生的學習習慣和知識水平，制訂易于執行且較為完善的教學形式，在實踐教學中不斷改進。下面以“表單網頁制作”為例，闡述基于翻轉課堂的網頁制作課程教學設計。
（一）教學過程
1.教師工作。在上課之前，教師要做的就是準備教學材料。
首先，錄制 1 至 2 個教學視頻，視頻內容可以圍繞授課內容和表單操作展開，對表單、控件以及表單案例進行系統的講解。隨后讓學生根據教師所提供的教學視頻或素材動手完成一份問卷調查網頁的制作，并以錄制講解和歸納表單及其空間知識的視頻形式上交。教師對學生課前任務的完成情況進行科學的檢查和監控，根據學生完成任務的情況幫助學生在了解課程知識的過程中有效鍛煉動手能力。
其次，教師將提前錄制好的教學資源、PPT 素材和視頻上傳到學習平臺并分享給學生，讓學生自主進行觀看和學習。
最后，問題的歸納和總結。在這個環節中，教師可以將學生自主學習過程中出現的問題匯總，對一些典型的問題在課堂上將其作為重點進行講解，而簡單的問題可以在線解答，提高學生的學習效率。
2.學生任務。在上課前，學生要做的第一件事就是通過教師分享的鏈接進入學習平臺觀看教師上傳的教學素材（PPT、視頻等），完成教師布置的學前任務;接著，將自己在觀看視頻和完成學習任務時遇到的問題匯總起來和教師、同學通過線上線下的交流方式討論解決;最后將自己的課前任務完成情況提交給教師，在小組內進行組內自評、互評。
3.教學設計說明。教師在錄制課前微視頻的時候，要以學生的心理發展特征和課程知識為基礎，設計多樣、靈活的教學形式。首先，第一個視頻可以利用演示法、案例教學法再加上相應的知識，讓學生對制作表單的流程和操作有一個基礎的認識;第二個視頻要結合第一個視頻進行講解和分析，讓理論知識和實際操作在學生的大腦中更加緊密地結合，以完成課程知識和技能的教學。其次，思維導圖是當前繪制知識地圖最常用的輔助教學工具，將其結合視頻鏈接、知識素材加以應用，拓寬學生的學習途徑，幫助學生明確學習方向，有效提升學生的學習效率。課前任務的完成是為了使學生的語言表達和自主探究能力得到有效的鍛煉，加深對所學知識的印象。最后，課前視頻在幫助學生加深理論知識的同時，還能夠幫助教師更加深入地了解學生的學習情況，從而明確教學方向和教學重點，強化課堂的教學質量。
（二）活動設計
1.教師工作。在上課時，教師可以通過設置問題的形式引入教學內容。
首先，教師向學生提出以下疑問：表單網頁的制作流程有哪些？表單控件中常用的設置和操作有哪些？表單網頁的作用是什么？在上課前讓學生思考這些問題，不僅能夠集中學生聽課時的注意力，還能夠激發學生聽課的積極性，突出學生的主體地位。
其次，引導學生將課前所學的知識內化為自己的認知并運用于實際問題的解決中，以培養學生的實際應用能力，讓學生能夠在自學的過程中自主解決一些基本的問題。解決問題的方式有很多種，本文主要闡述的是讓學生以小組的形式自主探究或是合作解決問題的方式。在學生交流和討論的過程中教師給予正確的引導，增加學生主體在課堂中的參與度，同時構建和諧的師生關系，有利于教師教學工作的開展和學生主體地位的確立。接下來就是重難點問題的匯總和解決，學生根據小組討論的情況，歸納和總結問題，教師針對典型問題進行講解，對跟不上進度或是理解能力不足的學生，教師應當給予針對性的輔導，有效強化學生自主學習和動手的能力與信心。
2.學生任務。針對匯總后的問題展開小組討論，完成教師在課堂上布置的任務，遇到不懂的地方及時向教師提出，最后進行優秀作品的推選和評議。
3.個性化輔導。首先，課中教學環節強調的是學生的自主探究，一是為了調動學生學習的積極性;二是使學生的獨立學習能力得到培養和提升，讓學生在小組合作中學會交流和溝通，利用集體的力量解決問題、拓展知識。其次，在優秀作品的推選和評議環節中，教師和學生要在一個輕松愉悅的氛圍下交流和溝通，和諧的師生關系更有利于教師教學工作的開展。最后，教師的線上線下答疑環節是為了進一步加深學生對所學知識的掌握程度，激發學習的熱情和信心。相對來說，適當的鼓勵和肯定比一味地責罰更能激發學生的學習興趣，提高教師的教學成效。
（三）課后評價
1.教師工作。課程結束后，教師所要做的就是對學生的學習情況進行科學的評價并幫助學生鞏固所學知識。首先，教師將課堂上學生總結出來的問題匯總到學習平臺上，方便學生課后加深印象，避免出現同樣的錯誤。其次，教師將這些問題的講解以視頻、PPT 或是文字等方式上傳到學習平臺，供學生閱讀和復習。最后，根據學生解決和分析問題的思路，掌握學生的基本學習情況并對學生進行科學的評價。
2.學生任務。將自己完成的任務作品進行完善并提交，觀看教師上傳的例題解析和其他同學的優秀作品，針對自己的學習情況進行查缺補漏，撰寫學習心得并提交，以鞏固所學知識。
3.教學設計說明。教師在課后上傳的優秀作品和例題解析是對學生學習情況的總結和評價，在這個環節中，不僅能夠加深師生之間的相互了解，還能夠為學生的課后復習提供更多的資源。
三、翻轉課堂對網頁制作課程教學設計的作用
（一）促進了學生的全面發展
基于翻轉課堂的創新教學理念，課堂再也不是由教師一個人支撐的“一言堂”，而是由教師和學生共同組成的一個整體。無論是自主學習環節還是問題匯總環節抑或是最后的作品評價環節都是以學生為主體來開展的，有效強化了學生的自主學習能力、實踐能力，從而進一步促進學生的全面發展。
（二）為學生的學習營造了一個輕松的氛圍
在以上的教學設計中，小組學習、作品評議以及交流等環節無一不體現教學氛圍的寬松，而這樣的學習環境相較于傳統的填鴨式教學氛圍更符合當前中職學生的心理發展特征。這樣的教學氛圍使教師成為學生學習過程的指導者和促進者、學生學習資料的提供者，而不是以往的教學主導者。此外，讓學生參與到提出問題、分析問題、解決問題的過程中，一方面突顯了學生的主體地位，另一方面更能讓學生感受到課堂學習的樂趣。
總之，基于翻轉課堂的網頁制作課程教學設計，圍繞學生創新能力和專業基礎技能的培養和提升，采用理論和實踐一體化、協作學習、案例教學、任務驅動等教學方法，一方面實現教師課堂教學的多樣性，另一方面充分體現中職學?！敖虒W做一體”的現代化教學理念。
【參考文獻】
[1]歐陽紅巍，潘 果，孫曉慶，向明月.基于翻轉課堂教學設計改革——以《網頁制作》課程為例[J].電子商務，2015（7）
[2]李 倩.基于翻轉課堂的項目教學在高職課程中的應用研究[D].鄭州：河南師范大學，2015
[3]陳 畫，楊孟瑩.基于微信平臺的翻轉課堂教學改革與實踐——以《網頁設計與制作》課程為例[J].電子商務，2018（5）
[4]曾晨曦.基于“翻轉課堂”的高職課程項目化改革研究與實踐——以“網頁設計與制作”課程為例[J].美與時代（上），2016（8）
【作者簡介】劉 毅（1980— ），女，碩士研究生學歷，高級講師，任職于廣西機電工程學校，研究方向：計算機網絡。
（責編 羅汝君）
網頁制作課程設計總結范文第3篇
題
目： 系
部： 專
業： 班
級： 組
長： 組
員： 設計時間：
鮮花網 信息管理系 信息管理與信息系統
(一)班 李 健 黎夢雪 邱文琦 12月10號 一. 設計準備
1. 開發環境搭建：硬件設備需要電腦，軟件需要有DW對網頁進行搭建，需要聯網對素材進行收集，和其他網頁進行參考，需要ps對圖片進行處理等。 2. 知識準備：需要熟練網頁相關的知識，特別是老師講的那些課堂知識，當然還需要課外的一些關于網頁設計的知識，還可以再網上找一些相關的代碼和相關的知識進行閱讀，最重要的是租章需要很強手動操作操作能力，要熟悉DW這個軟件的一些基本操作和功能運用，需要一些簡單的網頁美工設計技能和審美能力，這樣才能將網頁的布局給人以美觀的感覺，兒不是網頁的布局零亂，不美觀。 3. 人員分工等：實驗報告撰寫者—黎夢雪，網站演講者--邱文琦，整個網站設計者—李健。
二.需求分析
人們都比較喜歡鮮花，喜歡欣賞鮮花，所以我們組就一致決定以鮮花為主題，鮮花不僅給人一枚的感受，而且有的鮮花可以入藥，有的還可以吃，還有一些鮮為人知的鮮花等等，所以鮮花是個比較受歡迎的主題。
三.技術分析
1.
網頁用了表格和CSS以及盒子模型對整個網頁的布局進行了搭建。表格可以讓網頁內容很貴范，不會讓整個網頁顯得很零亂;盒子可以很好的節約網頁的空間;而CSS可以讓網頁內容更加的美觀的呈現在用戶的眼前，給人以更好的客戶體驗。
2. 網頁用了很多DW的基本功能，如超級鏈接，錨點鏈接，表單，javaskript,如圖片的晃動，圖片的放大和縮小，圖片的隱藏和顯示，圖片的交換效果，以及圖片的輪選效果等等，還對網頁插入了音樂，視頻，對網頁制作了一個統一的模板，當然模板不是網上下的，都是自己做的，雖然不咋滴，還用了框架等等 3. 還用了Spry技術，如菜單欄，折疊式，面板等等，給網頁節約了很多的空間
4. 還用了ps技術，如網頁的背景和網頁的LOGO就是用ps給P出來的，以及很多的圖片就是用PS進行加以處理了的等等 5. 整個網頁代碼用的不怎么多，有些特殊的共能是敲代碼或子在網頁上下載一些特殊功能的代碼，不過還是用了一些的。 6. 本來做了幾個ASP網頁的，可是不怎么會連呢數據庫，這是本網站的一大弱點。
四.制作過程及要點
制作過程
1. 本組成員一起討論，以便進行主題的確定，這是比較重要的過程，這題要確定好，而且確定了就不能進行更改，不然很麻煩。 2. 然后根據所確定的主題在網上進行素材的收集，對網站的圖片，各種鮮花的介紹文字，以及背景音樂和相關的所需要的視頻等等，并且要尋找一些與本主題相關的網頁進行參考。 3. 素材收集好后就對網站的首頁進行搭建和設計，并把它另存為模板，以便各個子網頁快速的設計，當然這個首頁的模板在后續設計中是需要隨時加以更改的，知道最后整個網頁搭建完為止。 4. 對對各個子網頁加以設計，將所收集的素材如圖片，文字介紹，音樂，相關視頻，插入后還要見一些CSS樣式，對網頁的進行美觀，是網頁看起來很協調，美觀整齊。
5. 對整個網站進行超鏈接的設置，是整個網站形成網絡結構，網頁之間要能夠進行相互的鏈接
6. 對各個網頁進行效果的添加，主要運用到了javaskript，使網頁能夠與客戶進行相互之間的交互
7. 最后對整個網站進行整合以及對一些細微的地方進行修修補補什么的
要點
1. 首頁中用表格進行布局，然后將圖片和圖片吧名字一個一個的放到表格中，并對圖片添加三種效果，都是通過mouseover來觸動這些效果的，分別是，圖片的放大縮小，圖片的晃動，圖片的隱藏和顯示，插入了一個圖片查看器，一個表單，用了一個錨點鏈接，用了spry中的菜單欄，面板以及折疊式面板，用PS制作了整個網站的背景和LOGO 2. 對其他子網頁進行設計，將所收集的圖片和文字插入到模板中，然后即那個所有的圖片都加上行為，圖像交換行為，然后建幾個CSS樣式，將這些CSS樣式用到各個子網頁中，樣式中有對字體各方面的設計，圖片的左浮動，摻入后還要對一些細節的地方進行修補，如首行空2各，字體間的距離，行高什么的，要適當網頁給人以美觀的感受為止。
3. 把收集到的視頻的mp4格式格式改成FLV格式，然后插到網頁中雖然所用到的技術不怎么高深，可是自網頁蠻多的。等等那些圖片的行為可以再行為面板里面進行設置，也可以對一些特殊的行為在網上找一些特殊的代碼，插到網頁中然后在加以修改便可，如圖片的放大縮小效果和狀態欄上文字的跑馬燈效果以及圖片的晃動和圖片交換這些簡單的效果都是不需要些代碼的，都是可以通過DW自帶的功能面板進行設計的
4. 在設計的過程中也遇到了很多的問題，如在模板中不能插圖像查看器，不能摻入框架，不然所設計的背景就會被框架進行分割，圖片查看器也是在模板中怎么也插不進，剛開始時用DW8的版本進行網頁設計的，一位這個版本是最高的，到后來才知道，這個版本很低，以致于后來換DWCS6版本是，兩個版本所設計的東西有些地方不怎么兼容，而且最后用不同的瀏覽器預覽時，效果也不僅相同，比如說網頁的圖片的查看器不能在瀏覽器中查看等等，不過最后這些問題也是一個一個的進行解決，在解決的過程中也學到了一些東西，并且印象也比較深，最后還是有幾個沒解決，如不會連數據庫，ASP網頁預覽等等什么的。
網頁制作課程設計總結范文第4篇
作為網頁設計的初學者，我對網頁設計非常感興趣，一心想設計出一個美觀、實用、內容豐富的個人網頁。我通過自己動手、動腦，通過網絡資源，老師的指導，在不斷發現問題和解決問題的過程中學到了很多知識，也增強了我的創作能力和動手能力，在網頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網頁設計的知識。
互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。網頁設計伴隨著網絡的快速發展而快速興起，作為上網的主要依托，由于人們使用網絡的頻繁而變得非常的重要。網頁講究的是排版布局，其功能主要就是提供一種形式給每個上網者，讓他們能夠了解網站提供的信息。
網頁設計與制作包含視聽元素于版式設計兩項內容，以主題鮮明、形式與內容統
一、強調整體為設計原則，具有互交性與持續性、綜合性、版式的不可以控性、藝術與技術的結合的緊密型等特點。美和功能都是為了表達網站的主題。我認為在一個網站中，最重要的頁面當屬主頁，所以在此以主頁為例，說明在網頁制作中版面設計的問題。從版面設計來講,一個有特色的主頁,必須包含有四個要素：文字，圖片，排列方式和主色調，這四者相輔相成，缺一不可。圖片要素
要設計出漂亮的主頁，首先要成為計算機圖形高手，僅這一點就可以讓初學者花上一年半載的時間。排列方法要素，主頁的第二個要素是排列方法，即網頁布局。色彩在網頁所占比重很大。有了合理清新的色調，會彌補主頁上的其它不足。頁面的色彩搭配是與網站的主題分不開的，一個網站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向，也不至于單調乏味。一般來說，頁面的主體文字應盡量使用黑色等較深的顏色，與背景對比明顯，按鈕、邊框等使用彩色。例如教育類網站使用藍色為主題色，再用紅色和黑色作為配色，就能表達出嚴肅、穩重的效果。網頁作為一種版面，既有文字，又有圖片;文字有大有小，還有標題和正文之分;圖片頁有大小而且有橫豎之別。圖片和文字都需要同時展示給觀眾，不能簡單地將其羅列在一個頁面上，否則會搞得雜亂無章。關于具體的網頁布局，常見的有“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，關于它們，在網頁設計的相關書籍中或者在網絡上都可以看到詳細的敘述
網頁作為傳播信息的一種載體，同其他出版物如報紙、雜志等在設計上有許多共同之處，也要遵循一些設計的基本原則。但是，由于表現形式、運行方式和社會功能的不同，網頁設計又有其自身的特殊規律。網頁的藝術設計，是技術與藝術的結合，內容與形式的統一。一般的來說，絕大多數普通受眾圖形，插件，applets和其它有關的高級Web瀏覽器特性。對我們來說，頁面的實用可能比漂亮更重要，對于用戶來說，沒有什么比頁面能夠快速下載更重要了，簡而言之，精簡你的站點，這是一條最佳的捷徑。就站點設計而言，的確能夠通過成功的圖形設計招徠或者丟失訪問者。并非所有的訪問者可以完全看到圖片，某些人為了加快存取網絡的速度已經關閉了瀏覽器端的圖形。簡而言之，圖形并不能正確的在客戶端加載。然而，圖形經常被用來作為導航按鈕。使用可以把一個瀏覽器分成幾個不同的窗口，對于站點的結構的把握是一個不錯的方法。但是，你還是必須知道，還是有人在使用不支持幀的瀏覽器。在你開始打算設計一個幀的時候，你該仔細的考慮考慮你是否的確真的需要。經常，你這樣的需求可以通過表格來組織站點的結構。網頁設計涉及到對多種軟件、多種知識的學習和應用，以及個人的審美觀等等。所以要想制作出漂亮的網頁，需要一個逐步學習和經驗積累的過程。
隨著互聯網的不斷發展和中國網絡人口的日益增長，建立個人網站，不但可以很好的展示自己，而且可以提高自己在計算機應用方面的能力。個人在設計時考慮的多為個人的興趣喜好，而不注重商業的展示。內容以反映個人為中心，從而使個人網站真正的成為展示自己的網絡名片。一張完美的主頁設計需要積累豐富的知識以及掌握大量的技巧。
由于平時課程比較繁忙，學習時間比較少，對于網頁設計軟件的強大功能運用得還不夠。不知不覺網頁設計的課程將要結束了，這門課程所包含內容的豐富是讓我從沒有想到的。在整個的學習過程中，我學習了Flash、Fireworks、Html語言、IIS、網站建設的基本思想等重要內容。在網頁設計過程中，由于沒有網頁制作代碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網頁制作過程中，想提高設計水平，想有個理想的網頁，必須學會代碼的運用，我將在以后的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認識，以后再加強學習也才會有所提高。
網頁制作課程設計總結范文第5篇
設計題目 動態分區分配存儲管理
學生姓名學
號 專業班級 指導教師
呂 霆
20102675 計算機10-01班
1
第一章
課程設計概述
1.1 設計任務: 動態分區分配存儲管理
1.2 設計要求
建立描述內存分配狀況的數據結構; ?建立描述進程的數據結構; ?使用兩種方式產生進程：(a)自動產生， (b)手工輸入; ? 在屏幕上顯示內存的分配狀況、每個進程的執行情況; ? 建立分區的分配與回收算法，支持緊湊算法; ? 時間的流逝可用下面幾種方法模擬：(a)按鍵盤，每按一次可認為過一個時間單位; (b) 響應WM_TIMER;
? 將一批進程的執行情況存入磁盤文件，以后可以讀出并重放;
? 支持算法：首次適應算法、循環首次適應算法、最佳適應算法：最壞適應算法。
1.3 設計目的
旨在讓我們更好的了解動態分區管理方面的知識.
第二章 原理及算法描述
2.1動態分區分配算法原理
首次適應算法
* 算法概述：分配內存時，從鏈首開始順序查找，找到滿足的空閑分區則劃出空間分配，余下的空閑空間仍保留在空閑鏈表中
* 實現方法：分配時從數組第一個元素開始比較，若符合條件則將該元素減去對應作業的值
循環首次適應算法
* 算法概述：由首次適應算法演變，只是每次分配改為由上一次找到的空閑分區開始查找
* 實現方法：在首次適應算法的基礎上增加一個值用于記錄找到的空閑分區的位置
最佳適應算法
* 算法概述：每次為作業分配內存時，總是把能滿足要求、又是最小的空閑分區
分配給作業
* 實現方法：我們決定每次分配先把空閑分區按從小到大的順序排列，然后將第一個匹配分區分配給作業
最壞適應算法
* 算法概述：每次為作業分配內存時，總是挑選一個最大的空閑分區分割給作業使用
* 實現方法：算法與最佳適應算法幾乎相同，僅在排序時把空閑分區表按從大到小的順序排列，所以未作詳細注釋
回收分區
當進程運行完畢釋放內存時,系統根據回收區的首址,從空閑區鏈(表)中找到相應的插入點,此時可能出現以下四種情況之一; 1)回收區與插入點的前一個空閑分區F1相鄰接,此時應將回收區與插入點的前一分區合并,不必為回收區分配新表項,而只需修改其前一分區F1的大小. 2)回收分區與插入點的后一空閑分區F2相鄰接,此時也可將兩分區合并,形成新的空閑分區,但用回收區的首址作為新空閑區的首址,大小為兩者之和. 3)回收區同時與插入點的前,后兩個分區鄰接,此時將三個分區合并,使用F1的表項和F1的首址,取消F2的表項,大小為三者之和. 4)回收區既不與F1相鄰接,又不與F2鄰接.這時應為回收區單獨建立一新表項,填寫回收區的首址和大小,并根據其首址插入到空閑鏈中的適當位置.
緊湊算法
通過移動內存中的作業的位置,以把原來多個分散的小分區拼接成一個大分區的方法.
第三章 開發環境
此程序是本人利用c++語言在vs2012的開發環境中實現的
第四章 程序實現--數據結構
#include #include #include using namespace std; ofstream stream;//輸出流對象 int ary1[20][4];//內存分配狀態 int ary2[20][3];//空閑分區狀態 int ary3[10];//進程分配狀態
int recycle;//需要回收的盤塊序號 int id1;//算法選擇號 int m;//內存區數 int n;//空閑區數 int q;//進程數
int r=0;//循環首次適應算法：對應的這次查找到的空閑分區序號 //打印輸出函數 void vision() {
int i; int j; if(id1==1)stream.open("first_fit.txt", ios::app); if(id1==2)stream.open("nextfirst_fit.txt", ios::app); if(id1==3)stream.open("best_fit.txt",ios::app); if(id1==4)stream.open("worst_fit.txt", ios::app); if(id1==5)stream.open("compact.txt",ios::app); if(id1==6)stream.open("huishou.txt",ios::app); cout<<"-------------內存分配狀態-------------"<
} cout <
4 cout <
} cout <
}
//作業信息的自動產生 void create_pro() {
}
//作業的手動生成 void create_zuoye(){
5 int j; int choice2; int id3=rand()%10; m=id3;//內存區數量 cout<<"產生"< } ary3[0]=42; ary3[1]=86; ary3[i]=rand()%100; if(ary3[i]==0) {i--;} {
} cout<<"--------------------------"<}
//內存信息的自動產生 void create_apply() {
int k=0;//空閑區數量 for (i=0;i
if(ary1[i][3]!=2) {ary2[k][0]=ary1[i][0]; ary2[k][1]=ary1[i][1]; ary2[k][2]=ary1[i][2]; k++; }
6 int i; for (i=0;i
} ary1[i][0]=i+1; ary1[i][1]=rand()%100; if(i==0) { } ary1[i][3]=rand()%3; //cout <>choice2; q=choice2; cout<<"輸入想創建的作業請求大小"<
} cout<<"你創建了"
}
//內存信息的手動生成 int create_fenqu(){
}
//首次適應算法 void first_fit()
7 int k,x,y,o=0; int a=0; cout<<"輸入想創建的內存分區塊數 : " ; cin>>k;
cout<<"輸入"<
} cout<<"輸入內存塊的分配狀態"<
} ary1[0][2]=0; ary1[1][2]=ary1[0][1]; for(int i=2;i
for (int i=0;i
} n=a; return m,n; if(ary1[i][3]!=2){
} ary2[a][0]=ary1[i][0]; ary2[a][1]=ary1[i][1]; ary2[a][2]=ary1[i][2]; a++; ary1[i][2]=ary1[i-1][2]+ary1[i-1][1];//起始地址 cin>>y; if(y==2){ } ary1[i][3]=y;//狀態 n++; ary1[i][0]=i; //序號 cin>>x; ary1[i][1]=x;//大小 } n=k;//空閑塊數量
{
vision(); int i; int j; int k; int l; int d;//用來保存第k個的值 int id2=0; for(i=0;i
for(j=0;j
if(ary2[j][1]>=ary3[i])//進程占用空間小于等于其中一個空閑區的大小 {
cout<<"["<
ary1[ary2[j][0]-1][3]=2; for(k=j+1;k
ary2[k-1][0]=ary2[k][0]; ary2[k-1][1]=ary2[k][1]; ary2[k-1][2]=ary2[k][2]; } n--;
}else//否則的話，空閑鏈對應的地方盤塊大小小了進程占用的大小，并且內存分配從對應的 {
l=ary2[j][0]; d=ary1[l-1][1];//大小 ary1[l-1][1]=ary3[i]; ary1[l-1][3]=2; m++; for(k=m;k>ary2[j][0]+1;k--) {
ary1[k-1][0]=ary1[k-2][0]+1; ary1[k-1][1]=ary1[k-2][1]; ary1[k-1][2]=ary1[k-2][2]; ary1[k-1][3]=ary1[k-2][3]; 那一項開始增加一項
} l=ary2[j][0];
}
}
{ if(ary1[id2][3]!=2)
}
} n=k; } break; } else {
}
cout<<"["<
{
ary2[k][0]=ary1[id2][0]; ary2[k][1]=ary1[id2][1]; ary2[k][2]=ary1[id2][2]; k++; } ary1[l][0]=l+1; ary1[l][1]=d-ary3[i]; ary1[l][2]=ary1[l-1][1]+ary1[l-1][2]; ary1[l][3]=0; k=0; for(id2=0;id2
//首次循環適應算法 void next_fit() { vision(); int i; int j; int k; int s; int d; int id2; for(i=0;i
{
for(j=r;j
if(ary3[i]<=ary2[j][1]) {
cout<<"["<
{
} else//對應的空閑塊大小大于進程需要大小 { //-----改變內存分配情況----- r=(r+1)%n; //改變第k塊的內容 k=ary2[j][0]; d=ary1[k-1][1]; ary1[k-1][1]=ary3[i]; ary1[k-1][3]=2; //從k+1之后所有向后移一格 m++;//內存塊數增加1 for(s=m-1;s>k;s--) {
ary1[s][0]=ary1[s-1][0]+1; ary1[s][1]=ary1[s-1][1]; ary1[s][2]=ary1[s-1][2];
10 //---改變內存分配--- k=ary2[j][0];//得到對應空閑塊對應內存塊的序號 k--; ary1[k][3]=2;//把對應內存塊標志位上改成已分配 //------------------ //--改變空閑塊表：把從這塊空閑塊以下的所有空閑塊向上移一格-- n--; for(k=j;k
} vision(); //------------------ break; ary2[k][0]=ary2[k+1][0]; ary2[k][1]=ary2[k+1][1]; ary2[k][2]=ary2[k+1][2]; stream<<"["<
}
}
//思路：先把空閑列表檢索一遍，選出最佳答案，進行分配
void best_fit()//最佳算法--按順序檢索，把與進程要求內存大小最接近的快分配給進程 {
int i; int s; int j=-9999;//用來保存最接近的答案 int e;//用來存放進行比較時的中間結果
}
{ if(ary1[id2][3]!=2)
}
} else{
} cout<<"["<
{
ary2[k][0]=ary1[id2][0]; ary2[k][1]=ary1[id2][1]; ary2[k][2]=ary1[id2][2]; k++; } ary1[s][3]=ary1[s-1][3]; } //改變第k+1塊內容：對應的數組是ary1[k] ary1[k][0]=ary1[k-1][0]+1; ary1[k][1]=d-ary1[k-1][1]; ary1[k][2]=ary1[k-1][1]+ary1[k-1][2]; //-------------------------- //----改變空閑表分配情況---- k=0; for(id2=0;id2
}else { cout<<"["<
for(s=0;s
} if(j<0) { cout<<"["<=ary3[i])&&(e>ary2[s][1]))//滿足分配要求 { e=ary2[s][1]; } j=s; for(i=0;i if(ary2[j][1]==ary3[i]) {
} else
12
for(l=k;l
} n--; ary2[l-1][0]=ary2[l][0]; ary2[l-1][1]=ary2[l][1]; ary2[l-1][2]=ary2[l][2]; ary1[k-1][3]=2; k=ary2[j][0];
}
//最壞適應算法 void worst_fit()
}
{ if(ary1[id2][3]!=2)
}
} vision(); n=k;
} for(k=j+1;k
{
ary2[k][0]=ary1[id2][0]; ary2[k][1]=ary1[id2][1]; ary2[k][2]=ary1[id2][2]; k++; } {
//把對應的內存分配進行更改 k=ary2[j][0]; d=ary1[k-1][1]; ary1[k-1][1]=ary3[i]; ary1[k-1][3]=2; m++; for(l=m;l>ary2[j][0]+1;l--) {
} k=ary2[j][0]; ary1[k][0]=k+1; ary1[k][1]=d-ary1[k-1][1]; ary1[k][2]=ary1[k-1][1]+ary1[k-1][2]; ary1[k][3]=0; k=0; ary1[l-1][0]=ary1[l-2][0]+1; ary1[l-1][1]=ary1[l-2][1]; ary1[l-1][2]=ary1[l-2][2]; ary1[l-1][3]=ary1[l-2][3]; for(id2=0;id2
{
}else { cout<<"["<
int e=-9999;//用來存放進行比較時的中間結果 int k; int l; int d; int id2; vision(); {
j=-9999; e=-9999; for(s=0;s
} if(j<0) { cout<<"["<=ary3[i])&&(e
if(ary2[j][1]==ary3[i]) {
k=ary2[j][0];
ary1[k-1][3]=2;
for(l=k;l
{ if(ary1[id2][3]!=2)
}
} vision();
15 n=k;
} for(k=j+1;k
{
ary2[k][0]=ary1[id2][0]; ary2[k][1]=ary1[id2][1]; ary2[k][2]=ary1[id2][2]; k++; }
} else {
//把對應的內存分配進行更改 k=ary2[j][0]; d=ary1[k-1][1]; ary1[k-1][1]=ary3[i]; ary1[k-1][3]=2; m++; for(l=m;l>ary2[j][0]+1;l--) {
}
k=ary2[j][0]; ary1[k][0]=k+1; ary1[k][1]=d-ary1[k-1][1]; ary1[k][2]=ary1[k-1][1]+ary1[k-1][2]; ary1[k][3]=0; k=0; ary1[l-1][0]=ary1[l-2][0]+1; ary1[l-1][1]=ary1[l-2][1]; ary1[l-1][2]=ary1[l-2][2]; ary1[l-1][3]=ary1[l-2][3]; } n--; ary2[l-1][2]=ary2[l][2]; for(id2=0;id2
}
//回收內存算法： /* 有共計八種情況，1.(1)回收區上鄰接著空閑盤塊，下連接著已分配盤塊 (2)回收區下鄰接著空閑盤塊，上鄰接著已分配盤塊 (3)回收區上下連接的都是空閑盤塊 (4)空閑區上下鄰接的都是已分配盤塊
(5)要回收的盤塊就是第一個盤塊，并且向下鄰接著空閑盤塊 (6)要回收的盤塊就是第一個盤塊，但是向下鄰接著已分配盤塊 (7)要回收的盤塊就是最后一個盤塊，并且向上鄰接的是空閑盤塊 (8)要回收的盤塊就是最后一個盤塊，但是向上鄰接的是已分配盤塊 */ void apply_recycle() {
ary1[0][1]=ary1[0][1]+ary1[1][1]; ary1[0][3]=0; for(i=1;i
if(recycle==1) { //cout<
if(ary1[1][3]!=2) { cout<<"要回收的盤塊就是第一個盤塊，并且向下鄰接著空閑盤塊"<
} else { ary1[0][3]=0; n++; ary2[0][0]=1; ary2[0][1]=ary1[0][1]; ary2[0][2]=ary1[0][2]; vision(); } stream<<"要回收的盤塊就是第一個盤塊，并且向下鄰接著空閑盤塊"<
ary2[k][0]=ary1[j][0];
ary1[0][3]=0; k=0; for(j=0;j
//cout<<"ary1[j][3]"<
} else{ cout<<"要回收的盤塊就是第一個盤塊，但是向下鄰接著已分配盤塊"<
} n=k; vision();
}
ary2[k][0]=ary1[j][0]; ary2[k][1]=ary1[j][1]; ary2[k][2]=ary1[j][2]; k++;
{
} m--; // cout<<"" k=0; vision(); //cout<<"ary1[0][3]"<
cout<<"ary1[j][3]"<
} else{ cout<<"要回收的盤塊就是最后一個盤塊，但是向上鄰接的是已分配盤塊"<
} n=k; vision();
}
ary2[k][0]=ary1[j][0]; ary2[k][1]=ary1[j][1]; ary2[k][2]=ary1[j][2]; k++;
ary1[recycle-2][3]=0; ary1[recycle-2][1]=ary1[recycle-2][1]+ary1[recycle-1][1]; m--; k=0; for(j=0;j
//cout<<"ary1[j][3]"<
} else if(recycle==m) {
if(ary1[recycle-2][3]!=2) { cout<<"要回收的盤塊就是最后一個盤塊，并且向上鄰接的是空閑盤塊"<
} n=k; vision();
}
ary2[k][1]=ary1[j][1]; ary2[k][2]=ary1[j][2]; k++; stream<<"要回收的盤塊就是最后一個盤塊，并且向上鄰接的是空閑盤塊"<
ary2[k][0]=ary1[j][0]; ary2[k][1]=ary1[j][1]; ary2[k][2]=ary1[j][2]; k++;
} else{//剩下比較復雜的四種情況
if((ary1[recycle-2][3]!=2)&&(ary1[recycle][3]==2))//回收區上鄰接著空閑盤塊，下連接著{cout<<"回收區上鄰接著空閑盤塊，下連接著已分配盤塊"<
}
} n=k; vision();
}
ary2[k][0]=ary1[j][0]; ary2[k][1]=ary1[j][1]; ary2[k][2]=ary1[j][2]; k++;
ary1[recycle-1][3]=0; k=0; for(j=0;j
//cout<<"ary1[j][3]"<
stream<<"回收區上鄰接著空閑盤塊，下連接著已分配盤塊"<
ary1[recycle-2][1]=ary1[recycle-2][1]+ary1[recycle-1][1]; for(i=recycle-1;i
} m--; k=0; for(j=0;j
//cout<<"ary1[j][3]"<
} if((ary1[recycle-2][3]!=2)&&(ary1[recycle][3]!=2))//回收區上下連接的都是空閑盤塊 { cout<<"回收區上下連接的都是空閑盤塊"<
} vision();
}
ary2[k][0]=ary1[j][0]; ary2[k][1]=ary1[j][1]; ary2[k][2]=ary1[j][2]; k++;
} n=k; vision(); } if((ary1[recycle][3]!=2)&&(ary1[recycle-2][3]==2))//回收區下鄰接著空閑盤塊，上鄰接著{ cout<<"回收區下鄰接著空閑盤塊，上鄰接著已分配盤塊"<
stream<<"回收區下鄰接著空閑盤塊，上鄰接著已分配盤塊"<
ary1[recycle-2][3]=0; ary1[recycle-2][1]=ary1[recycle-2][1]+ary1[recycle-1][1]; for(i=recycle-1;i
} m--; k=0; for(j=0;j
//cout<<"ary1[j][3]"<
}
21
}
} if((ary1[recycle-2][3]==2)&&(ary1[recycle][3]==2))//空閑區上下鄰接的都是已分配盤塊 {
} ary1[recycle-1][3]=0; k=0; for(j=0;j
} vision(); //cout<<"ary1[j][3]"<
}
ary2[k][0]=ary1[j][0]; ary2[k][1]=ary1[j][1]; ary2[k][2]=ary1[j][2]; k++; cout<<"回收區上下連接的都是空閑盤塊"<
} m=m-2; k=0; for(j=0;j
} vision(); //cout<<"ary1[j][3]"<
}
ary2[k][0]=ary1[j][0]; ary2[k][1]=ary1[j][1]; ary2[k][2]=ary1[j][2]; k++; ary1[recycle-1][0]=ary1[recycle+1][0]-2; ary1[recycle-1][1]=ary1[recycle+1][1]; ary1[recycle-1][2]=ary1[recycle+1][2]; ary1[recycle-1][3]=ary1[recycle+1][3]; n=k; n=k;
}
//緊湊算法 void compact(){
num_avl=0; for(id2=0;id2
22 int id1=0;//記錄已經分配的內存數量 int id2;//循環量
int num_avl;//記錄空閑盤塊數量 int sum_avl=0;//總共空閑區大小 int num_apl=0; //統計總共空閑區有多大 vision(); for(id2=0;id2
} //最后一塊空閑塊
ary1[num_apl][0]=num_apl+1; ary1[num_apl][1]=sum_avl; ary1[num_apl][2]=ary1[num_apl-1][1]+ary1[num_apl-1][2]; ary1[num_apl][3]=0; m=num_apl+1;//包括最后一個空閑區 if(ary1[id2][3]==2) {
} ary1[num_apl][0]=num_apl+1; ary1[num_apl][1]=ary1[id2][1]; if(num_apl==0) {
} ary1[num_apl][3]=2; num_apl++; //cout<<"num_apl"<
}
//主函數入口
void main() {
if(choice1==1) {
}
num=rand()&10; q=num; int id3=2+rand()%8; m=id3;//內存區數量 create_apply(); create_pro(); int i; int j; int num; int choice1; //操作選擇標記 int choice2; int flag=1; //標記是否再執行 while(flag==1){
cout<<"********************************************"<>choice1;
} n=num_avl; vision();
} ary2[num_avl][0]=ary1[id2][0]; ary2[num_avl][1]=ary1[id2][1]; ary2[num_avl][2]=ary1[id2][2]; num_avl++; if(choice1==2) {
} vision();
cout<<"**------------------請選擇處理算法----------------------**"<
23 create_zuoye(); create_fenqu();
}
24 }
cout<<"**************************** "<>o; flag=o;
cout<<"**1首次適應算法-----2循環首次適應算法-----3最佳適應算法 **"<>id1; if(id1==1) if(id1==2) if(id1==3) if(id1==4) if(id1==5)
} {first_fit();} {next_fit();} {best_fit();} {worst_fit();} { compact();} if(id1==6) { cout<<"*******************生成內存狀態******************"<>recycle; if((recycle>m)||(recycle<1)) {
} cout<<"錯誤:內存中不存在此塊!"<
} if(id2==-9999){ apply_recycle();} if(ary2[i][0]==recycle) {
}
cout<<"錯誤：輸入的為空閑盤塊!"<