導航:首頁 > 萬維百科 > 網頁設計學生實訓日誌

網頁設計學生實訓日誌

發布時間:2021-01-10 21:47:04

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

網站設計與製作》實訓報告
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里好好的,把字調的好好的,位置很對,可在瀏覽器里御覽就出毛病了,不是靠上了,就是靠下了,很不老實,經過再三調試,整理,加了好多表格,終於滿意了。
通過溫本周的實訓,發現自己還有很多的不足。就框架的應用很難把握,切片也很難合理切割,當插入圖片的時候把原有的模板給撐破了,精確定位很重要。因為學藝不精,所以不會網頁的代碼設計,只能通過網路三劍客綜合使用。不過也實踐中也學到了很多知識,比如原本不知道網頁設計還需要切片,表格的嵌套是非常重要的,模板的應用時非常便捷的。還有一些行為中的效果也是蠻不錯的。所以這次實訓還是很有意義的。

2、求 網頁製作實習日記 30篇

那怎麼寫

3、網站設計實訓總結

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

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

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

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

4、個人網站網頁製作作業+實訓報告

給你一個做為參考,用IE兼容模式打開,不然只能看到html代碼,可以多刷新一下,就出來了.
http://t20130430.googlecode.com/svn/trunk/www/index.htm

5、平面設計實習日記

因為考慮到以後畢業有可能從事這個行業的工作,因此我非常珍惜這次實習的機會,在有限的時間里加深對各種平面設計的了解,找出自身的不足。這次實習的收獲對我來說有不少,我自己感覺在知識、技能、與人溝通和交流等方面都有了不少的收獲。總體來說這次是對我的綜合素質的培養,鍛煉和提高。第一天來到公司,不知道該做些什麼,什麼也插不上手,只是這里看看,那裡逛逛,最終還是公司里的老師給我指了條路,讓我用Photoshop和 CorelDraw軟體模仿教程做一些簡單的圖片,終於找到事情做了,於是我就乖乖的做起了圖片。說實話我以前在學校的時候也這樣做過,不過效果沒有這么好,因為以前一遇到難的或不懂的就停下來不做了,而現在有老師在旁邊,有不懂的就問,這使我受益非淺。假如在作圖的過程中如果使用幾個小技巧,確實可以達到事半功倍的效果。一、photoshop小技巧1.製作圓角矩形方塊首先在photoshop中建立一個新文件,在文件上用矩形選取工具畫一個矩形框,接著選擇選單select→feather,輸入半徑值,數值越大則圓角矩形的半徑越大。在選取區中填入顏色後,取消選取范圍。選取選單image→adjust→threshold,由調整threshold level來改變大小,如此就會產生您想要的圓角矩形大小。若要產生圓角矩形的選取區,可以在選取區作用的環境下,切換到快速遮罩模式,同樣執行 threshold以獲得您想要的遮罩。2.高解析製作在用photoshop製作網頁圖形的時候,許多朋友為了快速的操作,都會把圖選擇低解析度進行製作,但是有些濾鏡會因為圖形解析度的不足,而無法處理,最後出來的效果也很差。所以建議大家在處理類似情形時,可以先在高解析度下完成繪制、影像編輯等工作,然後再向下取樣,將影像縮成最後的大小。3.保留選取范圍大小當您在photoshop中使用image size或cancas size改變影像大小時,原本在影像中選取的范圍也會跟著改變,如果想要保留原本的選取范圍,可以先切換到快速遮罩模式下(按下鍵盤上的q鍵),然後再選擇「image size」或「canvas size」。使用image size指令會將影像與選取范圍一同縮小;若使用canvassize指令則只會將影像縮小,而選取范圍仍保持原有的大小。記著再將快速遮罩模式切換成標准模式。4.快速隱藏圖層如果您在photoshop中只想要顯示某一層圖層的影像,是不是得一一將其他圖層隱藏起來呢?這里有一個既快速又方便的作法:只要在圖層面版上同時按住ctrl+alt以滑鼠點選欲顯示的圖層的眼球圖示,就可以將其他圖層通通藏起來。另外也可以用ctrl+alt+快速鍵調整圖層的前後次序。二、coreldraw小技巧1.擦去錯誤線條如果您使用coreldraw中的手繪鉛筆工具,不小心把線條畫歪了或畫錯了,您不必急著將線條刪除,只要立刻按下shift鍵,然後反向擦去即可。2.動尺規在coreldraw中事實上是可以讓您自由移動尺規的位置,只要在尺規上按住shift鍵以滑鼠拖移,就可以將尺規移動。如果您想將尺規放回原位,則只要在尺規上按住shift鍵迅速按滑鼠鍵兩下,就會立即歸位。3.利用coreldraw製作動畫gif文件事實上利用coreldraw也可以用來製作動畫gif文件,您可以將coreldraw中的圖層當成動畫中一個個的影格,然後逐一輸出成gif文件(其他圖層上的影像必須先關閉)。再利用photo-paint的movie功能,先選擇creat from document將第一張gif文件製成movie,再陸續將轉好的gif文件以「insert fromfile」插進來,選擇「儲存成…」動畫gif的格式,於對話框中設定延遲的時間和位置,如此就算大功告4.同時旋轉與縮放如果您在coreldraw中,拖拉物件的旋轉把手時,同時也按住shift鍵,那麼將可以同時旋轉與縮放物件;若是按住alt鍵,將可以同時旋轉與變形傾斜物件。經過幾天的基礎訓練,老師終於讓我參與他們的策劃,剛開始有點緊張,後來就慢慢熟悉了策劃和後期製作的整個過程。慢慢地老師也把一些比較重要的交給我處理。這使我對這個行業認識就更加深了一步。通過這次實習,在設計方面我感覺自己有了一定的收獲。這次實習主要是為了我們今後在工作及業務上能力的提高起到了促進的作用,增強了我們今後的競爭力,為我們能在以後立足增添了一塊基石。實習單位的老師也給了我很多機會參與他們的設計是我懂得了很多以前難以解決的問題,將來從事設計工作所要面對的問題,如:前期的策劃和後期的製作等等。這次實習豐富了我在這方面的知識,使我向更深的層次邁進,對我在今後的社會當中立足有一定的促進作用,但我也認識到,要想做好這方面的工作單靠這這幾天的實習是不行的,還需要我在平時的學習和工作中一點一點的積累,不斷豐富自己的經驗才行。我面前的路還是很漫長的,需要不斷的努力和奮斗才能真正地走好。

與網頁設計學生實訓日誌相關的知識