計算機應用專業
課程名稱： 網頁設計與製作
專業： 計算機應用技術
班級：2010計算機軟體（2）班
姓名： 龐寧黃念秋
學號：20100501208 20100501211
時間：2012.04－2012.06
一、 **設計與製作專案任務書
二、 實訓步驟
1．小組組成與分工,確定主題,並對選定的主題進行分析
先確定主題，再確定主題風格和基本色調，然後去找網頁需要的素材。我們的主題是以文學為基礎展開的對文學的優秀作品的收集，把文學作品分為10個分類以這些分類為建立導航的十個選單。主頁只要內容以導航選單為小標題展開列舉作品，再加上首頁和文學交流就一共有十二個導航。
先確定頁面布局的結構，再進行精確的布局規劃。分頁就先確定頁面布局和頁面結構建立乙個模板，引用模板做分頁。
2．設計與製作
我們組的作品是通過討論篩選得出並確定出來的主題，因為文學這個主題網路上提供了很多俯拾即是的素材，很方便於我們對材料的收集；確定了「文學集優」這個主題之後就開始找素材，並根據我們**的需要過行篩選，選一些比較有文學氣息的**，收集一些文學性的作品（散文、詩歌、文章以及水黑畫）
**開工，先設計首頁的主要布局，最以確定以**來布局；**logo是用一幅閃爍的以紅色為主色調的蝴蝶環著花飛舞的950*150高的宣傳畫為背景以四個發出星光點點的**主題做的，導航是用fw做的透明背景十二個選單的導航條一起和logo做在同乙個**，這樣顯得簡單佔空間小使得頁面有緊實感。導航下面就是一條左右來回滾動的歡迎詞，顏色為網頁的輔色調蘭色。再下來就是當前位置，我當地當天天氣。
主體用乙個一行三列的大**，左邊有使用者登入，系統時鐘、最新做品、個人文集導航和古典愛情傳奇；中間為導航條的內容的展開；右邊有本站公告、百度搜尋、文學書刊和古墨畫欣賞。
頁尾有水平線、設為首頁、加入收藏、聯絡我們、**管理還有版權資訊等。
3．實際效果展示
主頁：文學集優是乙個以文字為主本的**，遇見文學就是遇見文字組織的美。首頁是以領引關看本站的友人遨遊知識的海洋，再到本站的logo來宣揚文學的閃爍璀璨，再下就是導航，接下來就以導航中選單展開。
兩側就是公告和文學推優。主體色是以logo相稱的粉紅色調。
頁面布局都是以950畫素的寬為定數，結構為上中。上部歡迎詞、時間和鏈結以及下面的宣傳畫和導航。中間的結構又分為左中右結構，左邊為158畫素寬，中間為592畫素寬，右邊為200畫素寬，左邊和右邊分別是一些文學文集和文學作品以及作者。
中間是以導航為基礎展開的陳列式的作品的宣傳畫。下部結構為網頁頁尾，和其他**差不多一樣
主要分頁：
一級分頁是先做乙個頁面做效果，做好了就拿來當模版，頁頭內容和主頁一致，主體部份是以950寬的**分成一行三列，左右分別都是寬200，中間寬550.高度以內容為奠基收縮。主色調也與主頁同一色系。
（效果如下）
二級分頁也是用模版做，主要是寫書裡面的內容，頁頭內容和主頁一致，主體部份是以950寬的**分成一行兩列，左是寬150，是用來寫書的目錄或文章的題目的；右邊寬800.用於寫書的內容，背景為暖色的花的背景，讓人閱讀文章時少了一分厭倦；高度以內容為奠基收縮。主色調也與主頁同一色系。
（效果如上）
三、 實訓總結（心得體會）
1 做網頁時要有精確的資料並做好記錄，這樣才有便於日後的修改，也需要掌握精確的網頁運用知識，不然會因為一點點小錯誤而讓自己找不到錯在**，改都找不到地方改的。
2 也要精確定們自己的網頁頁面，這就減少了日後大量的修改。
3 開始做時就要定好網頁的主色調方便於尋找素材，也方便準確定位網頁無素的布局。
4 做分頁的時候要靈活運用模板和庫技術，有了這兩個技術，做分頁的時候會更快更省事的。
5 還有，就是在插入**的時候最好要使用**的相對路徑，這個就要求在做網頁的時候不要偷懶，一定要事先建好站點，否則在使用**的時候就很容易出錯了。
6 發現自己做錯或做的不好時，如果很難找到錯的地方時，建議還是重新做過還好，這樣既可以重複熟練一下知識，也會在這個過程中發現前面的問題的。
電大網頁製作實訓報告答案
說明 1 淺灰色部分由學生填寫 2 白色部分為教師判分用 3 本報告與學生實際作品相關聯 說明 1 淺灰色部分由學生填寫 2 白色部分為教師判分用 3 本報告與學生實際作品相關聯 說明 1 淺灰色部分由學生填寫 2 白色部分為教師判分用 3 本報告與學生實際作品相關聯 說明 1 淺灰色部分由學生填寫...
實訓十利用製作網頁
課時 3 班級 12計算機班實訓日期 2013 4 23 編寫時期 2013 4 18 一 實訓目的 1 掌握模板的建立 2 掌握模板的的編輯 3 掌握基於模板建立網頁。二 實訓內容 利用模板製作如下圖所示網頁 利用模板製作如下圖所示網頁 其中 圖1為 首頁 index.html的效果圖，該頁面左欄...
網頁製作課程實訓大綱
課程名稱 網頁製作實訓學時 86 適用專業 電子商務課程類別 專業課 編寫大綱教研組 實訓組 電子商務組 一 實訓的性質 目的與要求 網頁製作 課程是一門技術性和實踐性很強的學科，其模擬實習是在基礎理論教學完成之後，在校內利用 裝置及仿真實訓軟體進行的實踐性教學環節，是電子商務專業必須加強的技能教學...