個人網站制作總結報告個人網站設計報告一、序言經過本學期對網頁設計基礎這門課的學****我對網頁設計以及相關工具的使用有了深入的了解,在本學期末設計制作主題為個人主頁的網頁。經過考慮對制作工具的篩選,決定用做個人網頁,設計和制作圖片、頁面及圖標等。本網站內容充實,在主頁的設計上運用了模板、框架等。分頁面上運用了導航條。插入了動態圖片以及視頻等增加了美觀度,在首頁的設計上本著簡單易懂的原則,用戶只要點擊鏈接就能看到自己想看到的鏈接內容。網站的首頁設置了背景音樂,使訪問者在瀏覽的同時還能欣賞到悠揚的旋律。二、作品結構利用框架設置基本模樣。左邊框架作為導航欄,下邊的部分作為滾動圖片欄,右上方一大部分作為各個子網頁的瀏覽區,在導航欄插入了音樂,以便放入的音樂不會隨著鏈接的進入而消失,增添了網頁的趣味性。導航欄共包括:我的檔案、我的日志、我的班級、我的寵物、視頻欣賞等五項,分別鏈接到各個子頁面,在導航區的最下方還設置有返回歡迎頁面的鏈接,并且設置導航區的背景、顏色、插入動態圖片等。三、設計方案和步驟現在重點介紹一下我的網頁的制作過程以及其間遇到的種種困難。開始時我選擇了作為制作軟件,看書學****了一些基礎的東西之后就著手開始了我的網頁制作,我先初步對網頁作了一些頁面規劃,然后建立了站點,用軟件中的一些基本的功能制作,首先是封面,由于沒有插入藝術字的功能,所以封面上的藝術字是我先在Word文檔里制作好了之后用圖片的方式插入的。
接著有開始設計主頁,我主要用層來設計版面,再適當配合表格,網頁基本的框架就出來了,但這時卻遇到了一個很令人頭疼的問題:突然所有插上去的圖片都不能顯示了!我用盡了所有能想出來的方法,請教了很多的電腦高手都不能把這個無法解釋的問題解決,就連重新安裝也毫無作用,由于是借別人的電腦,我就一氣之下把那些東西都刪光了,連也不例外,當時我真的很失望,想到這兩天做的東西一下全沒了就很是接受不了,我曾經一度想放棄,不過冷靜了之后我決定從頭開始。我換了,由于對一無所知,也沒有相關的書籍,所以剛開始建站點和網頁的方法只能向別人請教。不過在開始制作了之后我發現很多功能和Word相似,于是很快掌握了其許多基本的功能。接著我又熬了一個通宵,決定把前面的損失彌補過來。前面的工作也不能算完全白做,因為至少我在重新制作的時候不必話太多的時間去重新設計版面。還是按照原來的設計,只是改動了一些,大體的框架還是沒有改變。在我學****的這寫階段,我的網頁學的不是很好,所以,我的網頁心德寫的不太好還請老師能給以評論,但是,由于我在學****時看了一些關于網頁方面的書籍,還是積累了一些有關網頁設計方面是知識,就是不是太好,具體是總結了以下幾點有關網頁方面的知識。
第一、要靈活運用網頁中的基本樣式熟悉網頁設計的網友就知道,調用Style的方法很多,我們可以單擊鼠標右鍵選擇來調用Style標準,也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣,但實際上產生的HTML代碼則完全不同。比如用來調用Style標準,在網頁代碼中就生成一個〈span〉標簽,這樣的標簽一多就會使文件十分臃腫而且影響瀏覽器的解析速度,所以我們應盡量使用狀態欄中的元素列表來調用Style。第二、就是要活用命令在復雜的網頁設計中,表格的應用是最多的制作個人網站框的代碼,因為利用表格可以自由地控制文本和圖象在網頁上出現的具體位置,從而使整個網頁看上去緊湊統一。在這方面也不甘落后,我們可以使用其中的“”命令來快速地對表格應用預先設計好的樣式。要使用預先設計好的樣式,先將光標置于表格的任意一個單元格內,mand”→“”命令,在隨后出現的對話框中,從左邊的列表中選擇一個設計方案。按“Apply”鍵來查看效果制作個人網站框的代碼,如果不滿意的話,還可以重新設置或者修改部分參數的值,如邊界粗細,背景顏色等等。
第三、同時鏈接到兩個網頁我們都知道超級鏈接一次只能連到一個頁面。如果我們要想一次在不同的框架頁中打開文檔,可以使用“”行為。打開一個有框架的網頁,選擇文字或圖象,然后從行為面板中選擇“”。我們會注意到會在“”對話框中顯示所有可用的框架。選擇其中一個我們想鏈接的框架并輸入相應的URL后再選擇另一個框架并輸入另一個URL。第四、不給文件起中文名稱大家在制作好了網頁后,通常會給網頁起一個具有代表性的中文名稱,一來能使人一看文件名就能大概了解文件所包含的內