第一篇：《網(wǎng)頁設計選修課》課程設計

《網(wǎng)頁設計》

網(wǎng)頁設計與制作

（2011/2012學年第一學期）

課程名稱網(wǎng)頁設計與制作設計題目秋天的童話課程性質公共選修課學生專業(yè)10級中文系漢語文學專業(yè)學生學號2010020204學生姓名張規(guī)通授課教師劉 紅 軍

邵陽學院

2011年 10月20日

《網(wǎng)頁設計》

劉紅軍***QQ ：175041

5（一）課程設計要求

1.A4 紙張 打印，頁數(shù) 在8頁以上。（含封面,最好 8-10頁）

2.字數(shù) 要求1000字 以上，2000-3000字

3．題材： 自己熟悉的，感興趣的內(nèi)容。如：詩詞，歷史，新聞，個人愛好。。

4.網(wǎng)站要求： 要有主頁，有5個以上的鏈接，頁面數(shù)量要有6個。其中一個要含有 FLASH、Fireworks的動畫、圖像效果。

（二）課程設計排版要求：

1.統(tǒng)一封面（上面封面）。

2.要有目錄

3.內(nèi)容 ：設計目的，設計特點、設計思想。要有網(wǎng)站整體結構規(guī)劃，主頁，子頁的設計規(guī)劃，網(wǎng)頁的詳細設計分析，總結。

4.除封面，目錄外，每頁都有頁眉“網(wǎng)頁設計與制作---秋天的童話”，每頁在頁腳中部有頁碼。

第二篇：選修課網(wǎng)頁設計作業(yè)

這個學期我選修了網(wǎng)頁設計這么選修課，經(jīng)過十幾周的學習，讓我對網(wǎng)頁設計有了初步了解，但也只是學到了一些皮毛，就對這么課說一說我的心得。

現(xiàn)在，計算機和網(wǎng)絡已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活

中不可缺少的一部分，網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的。

說到網(wǎng)頁，就不得不提幾個和它相關的名詞。

1、WWW又稱萬維網(wǎng)，也可以簡稱WEB或3W，是一種建立在INTERNET上的龐大的基于超文本的網(wǎng)絡信息系統(tǒng)，具有全球性、交互性、動態(tài)性、跨平臺、分布式等特點。

（2）www瀏覽器是專門用來定位和訪問WEB信息的應用程序或工具軟件。常用 的瀏覽器軟件包括Microsoft公司的Internet Explorer和Netscape公司的Navigator.ta.（3）WWW服務器是對瀏覽器的請求提供服務的計算機及其相應的服務程序。網(wǎng)

頁提供者將制作和的網(wǎng)頁存放在服務器上供用戶瀏覽。采用客戶機/服務器的工作模式。

（4）超文本與超媒體是WWW的信息組織形式。在WWW系統(tǒng)中，信息是以一種非 線性的超文本方式組織的。

（5）超鏈接在本質上屬于網(wǎng)頁的一部分，它是一種允許我們同其他網(wǎng)頁或站點 之間進行連接的元素。

（6）URL統(tǒng)一資源定位器是對Internet上資源的一種準確的定位機制，它以

一種全世界統(tǒng)一的唯一標識來確定某個網(wǎng)絡資源，可以訪問Internet上任何一臺主機或者主機上的文件。

作為網(wǎng)頁設計的初學者，我對網(wǎng)頁設計非常感興趣，想設計出一個美觀、實用、內(nèi)容豐富的網(wǎng)頁是非常困難的，它是一個循序漸進的積累過程，想要更好更快地學習網(wǎng)頁制作，除了需要自己的勤奮努力外，還需要培養(yǎng)自己的審美能力以及美術基礎。在網(wǎng)頁設計這么選修課中，我不僅學到很多關于網(wǎng)頁設計 方面的知識，也從中學會網(wǎng)頁制作軟妹方面的知識，我學會了簡單的使用Dreamweaver。

在課堂上我們知道了怎么制作網(wǎng)頁，怎么讓網(wǎng)頁更加美觀，主流網(wǎng)頁的一些設計成功之處。使我們的視野開闊了很多。也可以用一些專業(yè)詞語來交流溝通。有些時候我們真的有點感覺到自己就是一個很了解網(wǎng)頁的“內(nèi)行人”。但是對有些很專業(yè)的人來說，我們只是了解了網(wǎng)絡設計的設計流程和一些操作方法。老師還用多媒體給我們教程。讓我們能夠看到頂尖級的網(wǎng)頁設計高手的設計教程。實際的操作的演示讓我們能過更清楚的知道沒一個操作。更直觀的讓我們了解網(wǎng)頁設計的全過程。在我們自己設計網(wǎng)頁的時候也是一個很好的標準。在不知道怎么設計的時候我們會用網(wǎng)頁設計教程來做參考。在這網(wǎng)頁設計課中我們不僅學習到了豐富的網(wǎng)絡網(wǎng)頁知識。還使我們交到了很多新同學。共同的興趣使得我們在交流中知道更多。老師盡職的教導讓我們掌握了更多的知識讓我們思考了我們的人生，使我們有很好的職業(yè)規(guī)劃。

第三篇：網(wǎng)頁設計課程設計二

網(wǎng)頁設計課程設計

題目：制作一個中大型網(wǎng)站（下邊分類中任意選擇一個）分類：

1.大眾導航網(wǎng)站

參考網(wǎng)站：

（1）http:///（酷酷網(wǎng)址）

（2）http:///（265上網(wǎng)指南）

（3）http:///（中文網(wǎng)址之家）

（4）http:///（天空網(wǎng)址導航）

（5）http:///（E網(wǎng)通）

2.計算機類導航網(wǎng)站

參考網(wǎng)站：

（1）http:///（計算機與互聯(lián)網(wǎng)信息索引）

3.網(wǎng)頁制作素材圖庫網(wǎng)站

4.網(wǎng)頁制作素材特效（javascript）網(wǎng)站

5.C語言學習網(wǎng)站

6.HTML語言學習網(wǎng)站

7.文學網(wǎng)站

8.班級網(wǎng)站

人員要求：

1.團隊開發(fā)（2 ~ 4人一組），成員自由組合，各組選組長一名。

2.開發(fā)團隊內(nèi)要分工合作，各負其責，由組長調度安排。

網(wǎng)站開發(fā)要求：

1.2.3.4.5.分模塊開發(fā)制作，各個頁面之間風格應該保持統(tǒng)一。頁面數(shù)量不少于人均12頁。頁面布局合理，必要時采用框架或嵌入式框架布局頁面 頁面間由超級鏈接實現(xiàn)跳轉 網(wǎng)站應包含的知識點參考：超級鏈接（文本超級鏈接/書簽超級鏈接/圖片超級鏈接/圖片熱點超級鏈接/電子郵件超級鏈接）；圖片；表格（布局網(wǎng)頁）；表單；CSS；音頻（背景音樂）；行為；框架網(wǎng)頁

評分：總分100分，評分詳細說明如下：

1.風格是否統(tǒng)一10分

2.站點整體規(guī)劃合理10分

3.頁面規(guī)劃合理10分

4.目錄結構規(guī)劃合理15分

5.鏈接結構布局合理15分

6.超級鏈接測試正確10分

7.頁面美觀、大方10分

8.站點容量合適，不空洞 10分

9.制作小組內(nèi)人員分工明確，合作完成任務準時，現(xiàn)場驗收網(wǎng)站正常。

附加分：各制作小組組長附加 10分

10分

第四篇：網(wǎng)頁課程設計格式

程設計說明書的格式

為了保證課程設計質量，特制定本規(guī)范。

設計說明書要求按統(tǒng)一格式打印，其版面要求：A4紙，頁邊距：上2cm，下2cm，左 2.5cm、右 2cm；字體：正文宋體、小四號；行距：固定值 20；頁碼：底部居中。

一份完整的設計說明書應包括以下幾個方面：

一、封面（包括題目、院系、學生班級、設計組號、學生組員姓名、指導 教師姓名等）(見附 1)。

二、目錄

居中打印目錄二字，（四號黑體，段后 1 行），字間空一字符；章、節(jié)、小 節(jié)及其開始頁碼（字體均為小四號宋體）。節(jié)向右縮進兩個字符，小節(jié)及以后標 題均向右縮進四個字符。目錄中應包含正文及其后面部分的條目。目錄的最后一 項是無序號的“參考文獻資料”。

三、正文

正文應該包括以下幾個主要部分：

1、網(wǎng)站的主題說明；

2、網(wǎng)站的總體規(guī)劃與網(wǎng)站的結構框圖；

3、各級網(wǎng)頁設計說明（網(wǎng)站配色、導航設計、各級網(wǎng)頁風格統(tǒng)一）；

4、典型網(wǎng)頁的設計過程、步驟與樣例；

5、資料來源。

（二）課程設計報告編寫基本要求

1、各小組由小組長統(tǒng)一組織協(xié)調并獨立完成課程設計報告；

2、課程設計報告書寫規(guī)范、文字通順、圖表清晰、數(shù)據(jù)完整、結論明確；

3、課程設計報告后附參考文獻；

正文部分的格式:

段落及層次要求： 每節(jié)標題以四號黑體左起打印（段前段后各0.5行），節(jié)下為小節(jié)，以小四號黑體左起打印（段前段后各 0.5 行）。換行后以小四號宋體打印正文。

四、參考文獻：

另起一頁，居中打印參考文獻四字（四號黑體，段前段后1行）

網(wǎng)頁設計說明書

設計課題：度假村網(wǎng)站

組長：馮倩

組員：班級：10信息（2）班

院系：經(jīng)信學院

學期：2011-9——2011-12

指導老師：劉志蘭

2011年 12 月16 日

第五篇：網(wǎng)頁設計與制作課程設計

一、設計目的

通過一個月的網(wǎng)頁設計學習，設計一個簡單的網(wǎng)站來檢測自己的學習成果，看看哪些東西還沒有掌握，需要進一步的去鞏固！網(wǎng)頁的設計區(qū)別于實體化的一些東西，其多為多媒體的存在，意味著它可以容納更多的信息以及更多的展示形式，網(wǎng)頁設計則要求設計者具備一些特殊技能以營造特定瀏覽情景。網(wǎng)頁設計可以在短時間內(nèi)增強我們的洞察力以更好察覺使用者的興趣點，只有這樣才能滿足他們的需要。

二、設計要求

運用所學的知識設計一個簡單的網(wǎng)站，類型不限

三、需求分析

網(wǎng)頁設計是將技術性與藝術性融為一體的創(chuàng)造性活動。網(wǎng)頁設計是以功能行為第一指導原則，以技術因素為主要考慮對象，以完成或實現(xiàn)必要的功能為目標。近幾年隨著網(wǎng)絡的發(fā)展而逐漸受到人們的重視，它本身已網(wǎng)絡為載體，把各種信息以快捷、方便的方式傳達給受眾，在這種標準的要求下，逐步產(chǎn)生了審

美需求和功能需求等。人們對美的追求是不斷深入的，網(wǎng)頁設計同樣如此。如何使受眾能更好的和有效率地接受網(wǎng)頁上的信息，這就需要從審美方面入手。網(wǎng)頁設計的審美需求是對視覺設計美學的一種繼承和延伸，兩者的表現(xiàn)形式和目的都有一定的相似性。

網(wǎng)頁設計的主題為我的籃球網(wǎng)，它是我根據(jù)自己的興趣做出來的網(wǎng)站，內(nèi)容非常簡單，但卻富有深意！它融合了當今大多數(shù)青少年朋友的興趣愛好，可以說是一個大眾化的網(wǎng)站！

四、制作過程的內(nèi)容及結果

1、網(wǎng)站目錄

打開dreamweaver cs4，建立站點，放到F盤里，在目錄下有images(包括圖片、flash)、scripts、shipin、web（建立的網(wǎng)站）文件夾。如下圖示：

2、我的籃球網(wǎng)（首頁）

主要代碼：