網頁制作實習報告

　一、實習 目的

　1、進一步熟悉與掌握網站建設的基本流程與技術規范; 2、鞏固運用 Dreamweaver 網頁制作軟件制作網頁、特別就是制作復雜網頁的知識; 3、鞏固運用 Fireworks 圖像處理軟件進行網頁中圖形制作與運用 flash 動畫制作軟件設計網頁中動畫的知識; 4、鞏固綜合運用 Dreamweaver、Fireworks、flash 三個軟件完成網站建設任務的方法,能獨立設計一個內容完整、圖文并茂、技術運用得當的網站; 5、具備獨立撰寫實訓報告等科技文件的基本能力; 6、在網頁設計的實踐中培養分析問題、解決問題的能力,培養協作、交流的能力,培養創新能力與團隊意識;

　7、為今后從事網站開發、維護與管理奠定基礎。

　二、 實習 任務

　1、站點規劃,搜集資料。確定網站主題內容,規劃站點結構,從網上搜索相關資料(圖片、文字等)。

　2、進行主頁設計。構思主頁布局,進行主頁標題圖片的設計(要求原創),進行主頁其余圖片的設計與頁面內容的錄入,最后進行主頁的整體優化設計。

　3、網頁設計。除主頁以外的網頁設計,首先設計網頁模版,一部分網頁由模版生成,一部分為單獨設計(依據實際需要確定哪些網頁由模版生成,確定哪些網頁單獨設計)。包括版面設計與圖形設計、內容錄入等。

　4、動畫設計。主頁動畫設計與其余頁面動畫設計,充分運用所掌握技術,效果好。

　5、綜合優化。鏈接正確、得當,動態效果好(時間軸動畫、行為、代碼的嵌入等)。

　6、網站測試并遞交。在瀏覽器中對完成的網站逐頁打開測試,包括鏈接正確與否,頁面打開時間,圖片與動畫就是否丟失等。

　三 、 實習項目- - 個人網站的設計

　( 包括步驟、各頁面的圖片與制作過程說明) (一)該網站的制作主要就是按以下步驟完成的: 1、確定網站主題

　我的網站的主題就是新聞網站、我的網站就是新聞網站、該網站就是讓人們了解當天的一些新聞信息,包括娛樂等很多新聞、還有一些小標題的新聞、在一些新聞欄目中適當的加入了一些幽默小笑話與一些名人名言、 2、收集資料 (1)文字資料:文字就是網站的主題。無論就是什么類型的網站,都要離不開敘述性的文字。離開了文字即使圖片再華麗,瀏覽者也不知所云。所以要制作一個成功的網站,必須要提供足夠的文字資料。我個人覺得文字就是一個網站的靈魂,沒有文字的描述,網站上的圖片與視頻都沒有什么意義了,而且一個好的網站,也需要流暢的文字描述,否則的話文字描述還不如不要。

　 我的文字資料多數都就是在網上找的,因為我做的就是新聞網站,所以大多數的資料都就是在新浪網上找的,還有一些就是在手機報(中國日報)上找的,很多的名言也都就是在手機報上找到的,然后再輸入網頁。

　（2）圖片資料:

　 當然一個網站不可以只有文字資料,圖片資料也就是必不可少

　的。因為一些文字再加上圖片不僅可以使網站更加生動,也能讓讀者了解更多的信息,更能增加瀏覽者的印象。網站也不會顯得枯燥無味。

　 我的圖片資料多數都就是在網上找的有一些就是特地為了配合我的文字內容而選的,還有一些作為背景圖片的則就是選了一些好瞧的,符合意境的圖片。

　(3)其它資料:例如網站上的應用軟件,音樂網站上的音樂文件等等。

　(4)編輯文檔與超級連接

　經過上面的幾個步驟之后,一切準備工作都已經就緒,現在可以象裝箱一樣把收集到的資料及制作的組件放到頁面布局中為它們指定的位置上了。

　當然這個過程中最主要的還就是超鏈接,超鏈接如果做得不好的話,那么這個網站就不可以做出來了,在超鏈接時我也遇到了很多問題,具體的在下面的問題與解決方法中雜談。

　(二)該網站主要包括首頁、我的作品、…等頁面,其效果圖與制作過程如下:

　四、 實習 中遇到的問題與解決方法

　1、這就是我第一次編寫網頁,其中也遇到了很多問題,首先我想說說我在超鏈接里面遇到的問題,超鏈接應該可以說就是我在這次編寫網頁的主心骨,因為我在制作過程中她就是最為重要的,超鏈接應該就是先選中需要鏈接的部分,然后在下面的鏈接的空格中寫上需要鏈接到的網頁的名字,然后要寫上格式名、htm,再在目標中選擇 blank,最后新建一個網頁,建完了之后保存,保存的名字要與連接格子中的名字一樣。在剛開始時,我的目標中沒有寫,然后我的超連接怎么也連不上去,后來我的保存文件中的名字與超連接中的名字又不一樣,于就是超連接也打不開了,于就是我與重新建立超連接,最后超連接完成了。

　2、剛開始時,我連怎樣設置背景圖片,后來從同學那兒知道,原來在下面有一個頁面屬性,點擊頁面屬性,然后選擇瀏覽,選中圖片,然后點擊確定,如果不在一個文件夾內還需先保存到該文件內。在設置背景圖片時,圖片的下載也就是有要求的,剛開始我都只就是將圖片隨便從網上復制下來,然后再保存,可就是這樣的文件總就是很小,與整個頁面很不相稱,后來才知道原來在從網上下圖片時,應該先點擊該圖片,然后再復制,這樣圖片就適合多了。

　3、這就是我第一次接觸網頁制作這一塊,以前我只就是作為一個瀏覽者,這就是我們大多數人做的,在這一塊我還有很多很多要深入學習。

　五、 心得體會

　在這段實習期,我也歸納出了建站的這些流程,可以分享下: 1、確定網站主題,文字就是網站的主題。無論就是什么類型的網站,都要離不開敘述性的文字。離開了文字即使圖片再華麗,瀏覽者也不知所云。所以要制作一個成功的網站,必須要提供足夠的文字資料。我個人覺得文字就是一個網站的靈魂,沒有文字的描述,網站上的圖片與視頻都沒有什么意義了,而且一個好的網站,也需要流暢的文字描述,否則的話文字描述還不如不要。2、搜集材料。搜集材料首頁

　今 今 日 日 新 新 聞 聞 專 專 家 家 點 點 評 評 標 標 題 題 小 小 新聞 新聞 聞 娛樂

　財經

　體育 育 科技

　輕 輕 松 松 一 一 刻 刻 香港 港 股市點評 評 專家點評藥家鑫一周新聞點評 評 ‘房奴’、‘與諧’入《新華字典》

　賣粉絲可賺錢 錢 泰國將迎首位女總理 理

　時,互聯網就是最快捷的方式了,但就是除了互聯還有一些其她的資料可以查找。像報紙,圖書就就是很好的參考資料。像我就找了很多就是中國日報上的內容 3、規劃網站。在材料找好,主題也確定好了之后,就需要規劃網站了,我用了一些布局,主標題再加一些副標題,副標題都有超連接,在子網頁上,有一些還加了一些小幽默的笑話。4、制作網頁。材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這就是一個復雜而細致的過程,需要一定的耐心,因為在做的過程中,肯定就是會遇到一些問題的,這時就需要我慢慢的去找,去發現。然后再改正。網頁的格局制作一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小,就就是說在制作網頁時,先把大的結構設計好,然后再逐步完善小的結構設計。所謂先簡單后復雜,就就是先設計出簡單的內容,然后再設計復雜的內容,以便出現問題時好修改。在制作網頁時要多靈活運用模板,這樣可以大大提高制作效率。5、上傳測試。在網頁制作完成之后,需要用 web 預覽一下來瞧一下我的程序就是不就是正確的。如果我的超連接編輯錯誤的話,那么那個標題后的網站就會打不開。這時就需要我再去瞧一下那兒就是否出了什么錯誤,像剛開始時我因為超連接編輯錯誤,就打不開那個網站。6、推廣宣傳。網頁做好之后,還要不斷地進行宣傳,這樣才能讓更多的人認識它,提高網站的訪問率與知名度。當然,推廣的方法有很多,廣告就是最常用最普遍的方式了。當然我們這次所做的網頁時不需要什么宣傳的,因為那就是最簡單的網頁制作。離宣傳的要求還差很多。

　 在這次的網頁制作中,我發現原來我平時進入的那些網站都就是需要精心制作的,每一個網站都就是制作人的心血,我只就是做了這么一個小小的網頁,就遇到了這么多的問題,更別說,別人那么大的網站了,一個成功的網站不僅僅需要技術,更加需要細心。需要合理的布局,還要有后期的維護,還要做好宣傳。。。。。。需要很多的步驟,而這些都需要我們慢慢的的去學習。不僅就是要老師教,作為一個 20 世紀的大學生,一個成年人,光等著老師教就是不可行的。我們必須要自學,可以通過上網查詢,詢問同學,朋友,或者就是去圖書館查詢資料,要盡量的高效率,高質量的學習。

推薦訪問： 網頁制作 實習報告