導航:首頁 > 萬維百科 > 網頁設計試訓心得

網頁設計試訓心得

發布時間:2021-03-30 03:44:40

1、求一份網頁製作實訓總結,心得。追加50分

*

2、製作網頁的心得體會

20世紀40年代科學字發明了計算機之後,人們的工作效率大大提高,但是單個計算機能夠存儲和處理的信息是非常有限的,為了便於信息的傳遞和處理,人們就把眾多的計算機連接起來。
網頁製作的心得體會 ----網頁製作論文摘要 通過這次個人網頁的製作,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番了解,對網頁製作的基礎知識也有了一定的掌握。通過把自己的網頁上傳到互聯網上,對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過自己的努力完成了自己上傳到網上的第一個作品,那種成就感是無法用語言形容的。所以我覺得這次製作網頁我已經達到了自己的目的,而不是單單為了完成作業而已。這是一個完全關於自己的個人網頁,既然是介紹自己,就應該讓觀者在瀏覽了之後了解自己其人,我覺得這點我已經基本上做到了。
關鍵字 頁面設計 ASP和資料庫
1.一般來說,個人主頁的選材要小而精。如果你想製作一個包羅萬象的站點,把所有您認為精彩的東西都放在上面,那麼往往會事與願違,給人的感覺是沒有主題,沒有特色,樣樣有卻樣樣都很膚淺,因為您不可能有那麼多的精力去維護它。注意:網頁的最大特點就是更新快。目前最受歡迎的個人主頁都是天天更新甚至幾小時更新一次。
2.題材最好是你自己擅長或者喜愛的內容。比如:您對詩歌感興趣,可以放置自己的詩詞;對足球感興趣,可以報道最新的球場戰況等等。這樣在製作時,才不會覺得無聊或者力不從心。
3.不要太濫或者目標太高。「太濫」是指到處可見,人人都有的題材;「目標太高」是指在這一題材上已經有非常優秀,知名度很高的站點,你要超過它是很困難的。
選定了一個好的題材,是不是可以立刻動手製作了?不,經驗告訴我們,必須要先規劃框架。這是很重要的一步!每個網站都是一項龐大的工程。好比造高樓,沒有設計圖紙,規劃好結構,盲目的建造,結果往往是倒塌;也好比寫文章,構思好提綱,才不至於邏輯混亂,虎頭蛇尾。全面仔細規劃架構好自己網站,不要急於求成。
規劃一個網站,可以用樹狀結構先把每個頁面的內容大綱列出來,尤其當你要製作一個很大的網站 (有很多頁面) 的時候,特別需要把這個架構規劃好,也要考慮到以後可能的擴充性,免得做好以後又要一改再改整個網站的架構,十分累人,也十分費錢。
大綱列出來後,你還必須考慮每個頁面之間的鏈接關系。是星形,樹形,或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內容的發揮。
為了提高瀏覽效率,方便資料的尋找,本站的框架基本採用「蒲公英」式,即所有的主要鏈接都在首頁上,鏈接的層次不多,深度淺。
框架定下來了,然後開始一步一步有條理,有次序地做來,就胸有成竹得多,也為你的主頁將來發展打下良好的基礎。
下一步,你可以動手製作具體內容了,我將告訴你一些收集資料的竅門。
題材選定,框架選定,接下來就開始往主頁裡面填內容。我們稱作資料收集
就個人主頁而言,很少有人有能力完全靠自己來創作所有的內容。(一些高手能夠提供自己編的軟體,文章或則音樂,是我非常佩服的!)
大部分人的方法是:從報紙,雜志,光碟等媒體中把相關的資料收集整理,再加上一定的編輯後就可以了。
另外一個好的方法是從網路上收集,您只要到雅虎,搜狐等搜索引擎上查找相應的關鍵字,就可以找到一大堆的資料。
如果您是英語高手,您可以到國外站點上把最新的信息,資料翻譯成中文,提供給大家,這叫「洋為中用」。
網路上的資料呈爆炸性的增長,只要注意收集某一非常細小的題材,隨時供大家方便的查找,您的主頁就已經有做不完的活了。
到這里我們已經完成了製作主頁的准備工作。下面開始正式製作主頁。
先來介紹一下我這個網頁吧。我的網頁主要由三大部分組成:主頁、各子網頁以及各互聯網鏈接。
首先是主頁,採用的是index格式,是第一個顯示的頁面,其實原來第一個顯示的頁面是一個封面,但在網上用了一段時間之後我覺得有封面比較麻煩,花哨但不實用,顯得有些多餘,所以我就把它給去掉了,直接顯示主頁會讓別人有一種開門見山的感覺。主頁是我花費精力和時間最多的一個頁面,尤其是在它的視覺設計上包括結構,字體,背景以及色彩方面都花了很多工夫。頁麵包括自己的一幅小照片以及個人的簡要介紹,以便讓觀者對自己有一個初步的了解。網頁最上面是用藝術字編輯的文字,旁邊的welcome是插入的GIF動畫,左上角顯示日期,右上角顯示你在網頁呆的時間,下面是一排子目錄,包括一些鏈接和子頁面,點開就可以看到關於我的詳細信息。下面是一個搜索引擎,採用的是百度是原代碼。再下來是我的近況,也採用了特效。右邊有一個滾動字幕,是一首詩,採用了特效,下面是一些常用大型網站的鏈接。最下面是關於瀏覽器的說明,主頁基本上就是這些了,還有要說的就是「給我留言」是到網上去申請的免費留言板,然後鏈接上去。
子網頁中, 「Spear相冊」裡面全是照片,大部分照片是用數碼相機照的,有兩三張是掃描上去的;「家鄉風情」里則是圖片與文字並存,這兩個頁面也是我精心設計製作的。其他的頁面就大部分以文字為主對自己進行詳細的介紹,背景圖片是我都是我精心挑選的,多數頁面都插上了MIDI音樂作為背景,有個別頁面還使用了特效。
接下來再介紹介紹網頁的功能吧。本網頁可以說具備了多項功能:各頁面可以讓你對我有一個比較詳細的了解;強大的搜索功能令你在網路世界中暢通無阻,網站、mp3、flash、信息快遞應有盡有;各大型網站的鏈接讓你輕松登陸以便看消息、發郵件;想聽歌嗎?「我的音樂」將讓你聽歌變得如此方便;超級留言板可以讓你暢所欲言……
相信你雖然還沒有看到我的網頁就已經對它有了一個大致的了解了吧!現在重點介紹一下我的網頁的製作過程以及其間遇到的種種困難。
開始時我選擇了DreamweaverMX作為製作軟體,看書學習了一些基礎的東西之後就著手開始了我的網頁製作,我先初步對網頁作了一些頁面規劃,然後建立了站點,用軟體中的一些基本的功能製作,首先是封面,由於Dreamweaver MX沒有插入藝術字的功能,所以封面上的藝術字是我先在Word文檔里製作好了之後用圖片的方式插入的。接著有開始設計主頁,我主要用層來設計版面,再適當配合表格,經過兩個白天和一個通宵,網頁基本的框架就出來了,但這時卻遇到了一個很令人頭疼的問題:突然所有插上去的圖片都不能顯示了!!!我用盡了所有能想出來的方法,請教了很多的電腦高手都不能把這個無法解釋的問題解決,就連重新安裝DreamweaverMX也毫無作用,由於是借別人的電腦,時間緊迫,沒有等到去向老師請教,我就一氣之下把那些東西都刪光了,連Dreamweaer也不例外,當時我真的很失望,想到這兩天廢寢忘食地做的東西一下全沒了就很是接受不了,我曾經一度想放棄,不過冷靜了之後我決定從頭開始。我換了Frontpage,由於對Frontpage一無所知,也沒有相關的書籍,所以剛開始建站點和網頁的方法只能向別人請教。不過在開始製作了之後我發現Frontpage很多功能和Word相似,於是很快掌握了其許多基本的功能。接著我又熬了一個通宵,決定把前面的損失彌補過來。前面的工作也不能算完全白做,因為至少我在重新製作的時候不必話太多的時間去重新設計版面。還是按照原來的設計,只是改動了一些,大體的框架還是沒有改變。
總結 通過這次製作網頁,我學到了不少東西,而且學到了不少思考問題的方法。計算機會在以後的學習生活中充當越來越重要的角色,相信我也會學習到更多關於計算機和網路的知識。這次製作網頁收獲確實不小!!!

3、網站設計實訓總結

首先我要做的就是要選擇好題目和網站的風格,之後我就分步驟准備在製作網站前所要做好的准備工作。我瀏覽了中國美食網的一些特點,借監這些網站的優秀之處,不好的地方在自己的網站上加以改良,從而使自己的網站更加美觀。
回顧這次課程設計,至今我仍感慨頗多。的卻。從選題到開始製作,從理論到實踐,在實訓機房日子裡,可以說得是苦多於甜,但是可以學到很多很多的的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。

在選擇好題目和網站的風格之後,我就開始了實訓項目的進程,按照實訓方案的規定,先是將網站的總體策劃以書面的形式展現出來,通過老師審核之後,在相應的時間段找相關的素材,搜集與主題相關的文字、圖像等。再是設計網站的內容結構、目錄結構和鏈接結構,設計首頁及其頁面的版式結構。然後創建本地網站,建立網站的目錄結構。製作首頁、二級子頁、內容頁,創建超級鏈接。最後就是測試與瀏覽網頁,如果還有什麼不理想的地方再改進再預覽,如此反復,最後達到最好效果!

在此次網站的設計與製作過程中,難免會遇到過各種各樣的問題,這畢竟是第一次獨自設計網站、製作網站。但值得高興的是:在設計的過程中發現了自己的不足之處,對以前所學過的知識理解得不夠深刻,掌握得不夠牢固,沒有能完全達到自己預期的效果,還好通過老師的細心指導才能達到最終效果……

一周網頁設計與製作的實訓課程結束了,回顧這次課程設計實訓,至今我仍感慨頗多。的確,從選材到開始製作,從理論到實踐,在兩周的實訓日子裡,可以說得是苦多於甜,但是可以學到很多很多的的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。更懂得並親身體會到了理論與實際相結合的重要性,只有理論知識是遠遠不夠的,把所學的理論知識與實踐相結合起來,從理論中得出結論,才能真正為掌握技術,從而提高自己的實際動手能力和獨立思考的能力。

4、跪求:網頁設計實訓個人總結

《網站設計與製作》實訓報告
X學院 XX班 XX X號
一.實訓時間:
2010年6月7日到2010年6月13日二.實訓地點:
科實南213
三.實訓組員:
XXX、XXX
四.實訓目標:
以金華農特產為主題,製作網站,通過綜合實訓進一步鞏固、深化和擴展學生的理論知識與專業技能。
五.實訓策劃:
這一周,我們要進行《網站設計與製作》實訓,我們認為做網站前最主要的是確定主題、框架和標題欄的設計。因此我們相互討論之後,確定製作以「健康」為主題的「林安健康網」,但在之後的資料收集和網頁的框架的建設中,我們發現出了問題,在確認無法做出效果後,我們決定放棄這個主題,重新建立以「水果」為主題,以我們的名字連體命名的「林安水果網」。以下是我們的策劃內容:
1.確定主題。製作網頁,首先是確定主題,金華有許多特色水果,水果產品豐富,,經過考慮,確定以金華水果品種為主題的網站 ,建立一個簡單的介紹金華水果的網站,專業介紹一些金華地區優秀的水果市場和銷售渠道等。我們本次間的網站基本以綠色為基點,綠色是生命的顏色,綠色代表著生機勃勃,所以本站以綠色為風格,讓整個網站充滿綠的生機。
2.設計主頁。主頁的設計是整個網站的靈魂,構思導航欄的分類,然後是整體規劃,每一版塊都有其個性的色彩,清晰明了,便於閱讀瀏覽,我們構思大致分幾部分,首頁,特價專區,優質水果,果樹栽培,婺城商場,金東商場,客戶中心,聯系我們,意見反饋等板塊,再加入個別網站等,每一部分又分幾小部分,內容比較充分,多樣。確定導航欄的各個分類標題之後對於建立二級子網尤為重要,我們運用Photoshop CS3技術來設計出導航欄,再用Fireworks CS3或Photoshop CS3技術製作切片,建立導航欄,將整體的主頁效果建立起來。
3.資料的搜集。主頁的導航欄設計好後,接下來就是對主頁導航欄的各個內容進行資料的收集,我們採用大量的資料收集再對資料進行塞選,得到最適合導航欄內容的資料。素材的選擇,要符合網站的主題,圖片的大小要符合模板的輪廓,我們將不符合模板的用Photoshop處理編輯,然後放入站點底下,進行圖文的鏈接和排版。
4. 建立模板和庫。此次網站建設中我們決定大量運用模板和庫,運用模板和庫對於建立網站提供便利同時也為我們減少大量的工序。本次水果網的建設主要採用兩個模板,各具風格,樣式標准。
5.各個子網頁的建立。我們設計好模板後只要在可編輯區依次編輯所需資料就可,運用模板建立子網頁少了很多工序,為我們節省大量的時間。盡管我們建立了模板,但我們在建立子網時很小心,因為一張圖片的大小插入就有可能破壞整個模板的結構尤其在使用表格時,因此我們對所插入的圖片和表格都得進行測量,做到不影響網站整體的美觀。
6.實現網頁間的鏈接。做好個格子網和首頁後,接下來就是通過模板的鏈接,將整個網站中的網頁鏈接起來,過程其實很簡單,主要是把要鏈接的文字和圖標選擇在選擇工具欄的鏈接按鈕最後選擇自己要鏈接的網頁單擊確定便可以了。通過模板建的幾張網頁其實超鏈接都不怎麼用鏈接,只需要修改模板上的鏈接就可以了,這也是通過模板新建網頁的好處,省去一張一張超級鏈接的時間了。做好這一步後,網站基本算是建好了。
7.向靜太網頁插入動態效果。在基本建好網頁中的插入層和時間軸,製作其動態效果,讓整個網頁充滿生機。我們在網上進行flash素材的收集,通過Flash CS3設計出主題下的風格動態效果。然後插入到靜態網頁中,使網頁更加生動形象。
六.實訓心得:
通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用實例,教會我們。使更豐富全面的軟體技術和應用技巧,使我們真正對所學的軟體融會貫通。所以我結合所學專業的內容製作了企業水果網站,作為實習的成果。其內容是多樣化的。製作網頁用的軟體是Deamweaver CS3軟體。它提供了網頁和表單的動態生成到企業級的解決方案。主圖是一個網頁的門面,它能體現出這個網頁的整體風格。
製作網頁,首先是確定主題,經過再三考慮,就做了個關於金華水果的網站 ,要對這些有些了解,於是確定主題,做一些類似的網站,但考慮到,現在網路上好多類似的網站,但有些內容不適合我們大學生閱讀,對於我們來說有點不實際,根據這種情況,最後決定建立一個簡單的介紹金華水果的網站,專門介紹一些金華地區優秀的水果市場和銷售渠道等。於是網站主題確立。
然後是整體規劃,每一版塊都有其個性的色彩,清晰明了,便於閱讀瀏覽,大致分幾部分,首頁,特價專區,優質水果,果樹栽培,婺城商場,金東商場,客戶中心,聯系我們,意見反饋等板塊,再加入個別網站等,每一部分又分幾小部分,內容比較充分,多樣。
再後是收集資料與素材,大量瀏覽相關網站,收集關於金華水果的圖片,進行Photoshop CS3圖片處理和排版,插入好的文章和圖片等,還有參考一些好的網站的布局,特色,顏色搭配,背景圖等。
再後是設計網頁圖片,用flash製作網友調查表,用Photoshop製作靜態圖片。再後是建立站點,和製作網頁了,使用dreamweaver製作。
首頁內容精彩豐富,首頁主要是導航作用。首頁製作時,時刻考慮著網頁的基本原則:統一,連貫,分割,對比及和諧的原則,內容統一,都是為了主題服務,一個網站強調的就是一個整體,只有圍繞一個統一的目標所做的設計才是成功的;連貫,頁面之間關系連貫,統成一體;每版內容都自成一體,顏色各異,便於瀏覽;整個網頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。
簡潔實用: 這是非常重要的,網路特殊環境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗餘的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網頁做得越適合使用,就越顯示出其功能美;頁面用色協調,布局符合形式美的要求: 布局有條理,充分利用美的形式,是網頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
利用我們所學的模板設計,製作更完美的頁面。將動態網頁與靜態網頁結合起來
再後,調試過程,好多次本來在Deamweaver CS3里好好的,把字調的好好的,位置很對,可在瀏覽器里御覽就出毛病了,不是靠上了,就是靠下了,很不老實,經過再三調試,整理,加了好多表格,終於滿意了。
通過溫本周的實訓,發現自己還有很多的不足。就框架的應用很難把握,切片也很難合理切割,當插入圖片的時候把原有的模板給撐破了,精確定位很重要。因為學藝不精,所以不會網頁的代碼設計,只能通過網路三劍客綜合使用。不過也實踐中也學到了很多知識,比如原本不知道網頁設計還需要切片,表格的嵌套是非常重要的,模板的應用時非常便捷的。還有一些行為中的效果也是蠻不錯的。所以這次實訓還是很有意義的。

與網頁設計試訓心得相關的知識