網頁設計實踐報告

2021-03-04 02:35:20 字數 3374 閱讀 6813

中南大學

本科生課程設計(實踐)設計報告

(大學計算機基礎)

計算機基礎教學實驗中心

xx年 xx 月 xx 日

目錄一、 任務內容3

二、 設計的步驟3

三、 採取的方法與手段5

四、 遇到的問題與解決的辦法6

五、總結7

原計畫打算以「植物」為主題,在設計過程中發現範圍過於寬泛,無法完成主題的設計。因自己十分喜愛梔子花且有所種植經歷,經考慮後重新確定了以「梔子花」為主題的網頁設計內容。主要分為

一、梔子花的文化,

二、梔子花的種類和生長特性以及

三、我的梔子花三個模組。

其中,模組一使用幻燈片進行演示,主要分為關於梔子花的詩句、梔子花的傳說以及梔子花的蘊涵三個部分。模組二採用網頁模板進行展示,主要介紹了大葉梔子和雀舌梔子兩種梔子。模組三主要展示了自己拍攝的梔子花**。

希望通過我的展示,讓他人對梔子花有所了解。

一、構思

首先,對梔子花的種類進行簡單的介紹;其次,對梔子花的文化內涵進行簡要描述;最後,展示自己種植的梔子花成果。因此,此次作業共由三部分網頁【

一、主頁、

二、梔子花的種類和生長特性、以及

三、自己種植的梔子花的**三個模組。】和一組幻燈片【梔子花的文化】構成。其中模組二【梔子花的種類和生長特性】採用網頁模版組成,主要介紹了兩類梔子花——大葉梔子和雀舌梔子,更加便於了解。

二、取材

主要從網路上獲取所需的**、**等關於梔子花的素材,其中部分**從個人相簿中獲取。

三、設計

(一)網頁設計

模組一、梔子花的文化以及模組

三、我的梔子花採用網頁設計。

在首頁新增**,在**內增添標題欄以及字幕,增添了**、背景**、背景**、文字、藝術字對首頁進行豐富和充實。在部分文字以及**上增加超連結,與三個模組進行連線,便於翻閱。

在模組二中採用網頁模板進行展示,主要介紹了大葉梔子和雀舌梔子兩種梔子。在模板內採用**對網頁進行劃分,對梔子花進行概述和分類描述。插入**,便於直觀的了解各個種類的梔子花。

其中,各個種類的梔子花展示位於網頁模板的右方,在左方進行總說,並通過超連結與梔子花的分類說明建立聯絡。

在模組三中,通過繪製**對網頁進行大小不同的劃分,插入梔子花的**拼接成整個網頁。

(二)幻燈片設計

此組幻燈片主要用來介紹梔子花的文化。在幻燈片上主要增添了背景**、背景**以及大量的文字說明,未對幻燈片進行大量的美化和修飾,主要目的是為了讓他人關注了解梔子花的豐富的內涵和文化。

(三)flash設計

此次flash設計主要用於美化模組二中對大葉梔子以及雀舌梔子的介紹過程。

四、美化

(一)新增背景**

在主頁以及各個模組中均插入了背景**。

(二)設計網頁過渡

(三)新增超連結

單擊新建網頁可選擇新建空白網頁或其他網頁模版。

單擊**,選定繪製**或布局**或單元格即可繪製單元格。

選定單元格,單擊滑鼠右鍵選定背景即可插入背景**。

選定網頁,單擊滑鼠右鍵,選定網頁屬性,瀏覽格式即可新增網頁背景。

選定單元格,即可輸入文字。

選定插入,選擇插入**或藝術字即可插入**或藝術字。

選定插入,選擇互動式按鈕,即可插入字幕。

選定格式,選擇網頁過渡,即可設計網頁過渡效果。

(二)使用powerpoint製作幻燈片

單擊滑鼠右鍵,選定背景,選定其他填充效果,瀏覽選定**即可新增背景**。

單擊插入,選擇**,即可新增**或者藝術字。

選定文字,單擊滑鼠右鍵,選擇自定義動畫即可新增自定義動畫。

選定幻燈片,單擊滑鼠右鍵,選擇自定義動畫即可新增自定義動畫。

選定藝術字,單擊滑鼠右鍵,選擇自定義動畫即可新增自定義動畫。、

(三)使用flash製作動畫

單擊插入新建元件,即可進行元件的編輯。

單擊15幀或30幀,單擊滑鼠右鍵,選擇插入空白關鍵幀。

單擊第一幀或第15幀,選擇補間,選擇形狀或動畫即可。

(四)其他

單擊滑鼠右鍵,選定背景,選定背景**,即可插入背景**。

選定**、藝術字或文字,單擊滑鼠右鍵,選定超連結,即可設定超連結。

四、遇到的問題與解決的辦法

(一)、網頁製作中遇到的問題與解決方法

①、繪製**完成後,因部分**過小,難以選定——先在**內輸入部分字元,即可方便的選定單元格。

②、獲取的**素材或大或小,在設計背景**時,使背景**看起來過於混亂——事先將**放大或縮小到一定尺寸,然後設定為背景**即可。

③、在新增背景**時,無法新增***檔案——單擊滑鼠右鍵,選定網頁屬性,單擊背景**,手動輸入背景**的***檔名即可。

④、新增背景**完成後,在瀏覽網頁過程中出現多首背景**同時**的情況——原因是因為在網頁模板設計時,在標題欄網頁也新增了背景**,造成了背景**的**的混亂。刪除即可。

⑤、在模組二,希望能夠新增彈出視窗便於介紹各個梔子花的特性——通過新增網頁模板實現了在乙個網頁的部分區域實現不同網頁的展示。

⑥、在網頁模板上返回主頁時,無法返回整頁的主頁網頁——單擊滑鼠右鍵,選擇超連結,選擇目標框架,選擇整頁框架。

⑦、在開啟網頁上後,發現網頁未能顯示**——未將網頁與**同步儲存,導致無法顯示**。同步儲存即可。

⑧、瀏覽**時,發現無法開啟超連結——原來在設定超連結時將路徑設定成了絕對路徑,改為相對路徑即可。

⑨、無法插入flash檔案——事先應將製作好的flash檔案發布,單擊插入,單擊**,單擊flash檔案即可插入flash檔案。

(二)、幻燈片製作中遇到的問題與解決方法

①、設定背景**完成後,**幻燈片時,單擊滑鼠後**才**,再次單擊滑鼠時,**就停止**——單擊滑鼠右鍵,單擊背景,單擊****,單擊選擇為第一張幻燈片前開始,第四張幻燈片(最後一張幻燈片)結束後結束即可。

(三)、flash製作中遇到的問題與解決方法

①、在場景中即設計元件,無法單獨設計元件——單擊插入,單擊新建元件即可。

②、無法插入**——單擊檔案,單擊匯入,選擇**匯入到舞台即可。

③、無法迴圈**flash——單擊控制,選擇迴圈**即可。

④、設計完成後發現是無效幀——需設定空白關鍵幀而不是關鍵幀。

通過三周的網頁設計,深深體會到了動手實踐操作的重要性,在以往的課堂上,單單只是聽老師講解製作要點,看老師製作過程,但只有通過自己的實踐操作並從中發現問題、解決問題,才能真正了解和掌握學習的內容。

在網頁設計中出現問題是免不了的,但是出現問題後一定需要自己想辦法解決,通過詢問同學,查詢書籍或者在網頁上搜尋都可以,但一定要自己主動地去尋找答案才能解決問題。

在網頁設計過程中,很多問題的出現都是因為在細微之處出現了錯誤,要想較為順利的完成網頁製作,按照程式一步步來是十分重要的。同時也要細心,不能憑主觀臆斷來進行製作。切不可急功近利,應根據自己的能力進行網頁設計,否則,畫虎不成反類犬。

網頁設計實踐報告

一實驗目的1 學習html語言和dreamwe er,frontpage等工具2 掌握在本地環境下運用asp技術實現乙個簡單的電子商務 二實驗的方法和原理三實驗過程1.資料的蒐集。組長分配任務,大家從 上蒐集各種關於手機的資料。2.熟悉製作軟體。做網頁主要用的工具便是dremwe er photos...

網頁設計實習報告

實習報告專用紙 一 實習目的和意義 在學習web開發時,我們也學習了一些html的知識,只是由於學校的課程安排,對於html我們只是淺淺的了解了一點。html的標籤的使用極其方便,簡單易懂,只需要花費很少的時間就能模仿我們經常所瀏覽的網頁樣式,卻沒有之前我們在程式設計中所學習的那麼困難。在web開發...

網頁設計大賽分析報告

第一屆 多迪杯 網頁設計大賽參賽 選手分析 報告武漢長江工商學院電子商務學院分團委資訊協會 為建立一流校風 學風,豐富學生的校園生活,發揮當代大學生的創造力,提高廣大學生的電腦技術水平,資訊協會特此舉辦了第一屆 多迪杯 網頁設計大賽。經過為期20天的宣傳報名工作,我們統計出了這次比賽參賽人員年級 專...