當前位置:學問谷 >

行業範例 >設計 >

網頁設計實訓心得

網頁設計實訓心得

網頁設計實訓心得1

現在,計算機和網絡已經深入到了我們生活中的方方面面,也已經成了生活中不可缺少的一部分,網絡成了我們獲取知識和信息的一種便捷工具,現在的網民也在不斷的增多,所以,瞭解和學習網絡知識是我們作為一名大學生迫切所需的。

網頁設計實訓心得

這學期選擇的這門課程讓我學到了不少關於計算機和網絡的知識。老師把課程內容安排的很合理,講的大都是很基礎的知識,這對於像我這樣對網絡瞭解不多的學生來説很容易理解,接受。

在這門課上我學習到了一些關於建設網站和製作網頁的知識,對flash也有所瞭解。課上我還學到了一些基礎的網絡技術,用製作網絡的工具做網頁等。

通過對這門課的學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番瞭解,對網頁製作的基礎知識也有了一定的掌握。

在具體的製作一個網頁時我瞭解到一個優秀的網頁設計應該具備以下一些基本原則

1 確定網頁設計的內容

一個優秀的風站要有一個明確的主題,整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什麼目的,用來做什麼,所有頁面都是圍繞着這個內容來製作,有了明確的內容對排名有很重要的作用。

2 瞭解你網站所在行業的客户

用户是一個網站成敗的關鍵,如果用户要花很多時間進入你網站很有可能用户會立即關掉你網站,或者你網站操作很不方便用户也會馬上離開,這種網站是很失敗的設計,只會讓用户失望的離去.

3、做一個典型用户

不以用户身份親身體驗網站你才能發現問題,才知道那些需要改進,儘量不要讓客户去發現問題,在前期設計時就應該把這些問題解決。

4 優化內容

內容是整個網站的核心。在網站設計之前必須明確網站的內容安排。

優秀網頁設計是要建立在平凡的基礎上的。

然後在具體的規劃一個網站時,可以用樹狀結構先把每個頁面的內容大綱列出來,尤其要製作一個大的網站 (有很多頁面) 的時候,特別需要把這個架構規劃好,也要考慮到以後可能的擴充性,免得做好以後又要一改再改整個網站的架構,很浪費時間和財力。

大綱列出來後,還必須考慮每個頁面之間的鏈接關係。是星形,樹形,或是網形鏈接。這也是判別一個網站優劣的重要標誌。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內容的發揮。

框架定下來了,然後開始一步一步有條理,有次序地做來,就胸有成竹得多,也會為主頁將來發展打下良好的基矗

下一步,就以動手製作具體內容了,題材選定,框架選定,接下來就開始往主頁裏面填內容。我們稱作資料收集

如果是個人主頁,有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是:從報紙,雜誌,光盤等媒體中把相關的資料收集整理,再加上一定的編輯後就可以了。另外一個好的方法是從網絡上收集,您只要到搜索引擎上查找相應的關鍵字,就可以找到一大堆的資料。

在準備材料的時候我們可以用到學習的flash知識來製作一些小的動畫和動態圖片,flash 提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區裏繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。

然後是開始正式製作主頁。通過dreamweaver作為製作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以製作出一個簡單的網頁。

通過個人網頁的製作最終把自己的網頁上傳到互聯網上,那種成就感是無法用語言形容的。在今後的閒餘時間,我將會學習製作網頁的更多知識,使它成為自己的一項技能。

網頁設計實訓心得2

轉眼間,已到了期末,學習網頁設計這門課程也要結束了,雖然時間有點短,但是學過這個幾周以後我受益匪淺。

記得最初接觸dreamweaver的時候,我很茫然,因為剛接觸陌生的軟件心裏會很害怕跟不上老師的進程。剛開始幾節課,老師講得比較基礎,還能跟得上,漸漸的老師授課的進程開始加速,有些跟不上了,需要下課後自己補上,問老師和周圍的同學。漸漸的,在老師的悉心教導下,我們開始熟悉這個軟件了。老師佈置的第一個任務,要求做一個自我形象網站。由於學習的時間較短,老師只要求用PS做好模板即可,任務相對簡單。但也要求設計感強,色彩搭配和諧,並且儘可能的做成實用又符合實際的漂亮網頁。

第二個網頁設計老師要求相對較高,用dreamweaver做一個比較接近真實的網頁,還要做一個二級頁面。於是開始收集各方面的資料。確定了主題就開始佈局了。最開始使用了一個表格,然後在表格內進行拆分合並處理,接着就把通過ps處理出來一個版頭並且把修改過大小的圖片放進去了。

中間時預覽,問題出現了,發現版頭與下面的圖片文字之間出現了很大的一段距離,但是在軟件中已經把距離縮小為0了,多次嘗試後沒有效果。最後想到可以另外再加一個表格,把版頭放在一個表格內面,這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太普通,一次瀏覽學長做的網頁時,覺得他們的文字滾動窗口做得效果做得不錯,於是想借見一下。就決定把自己網站的左邊修改修改。複製了他的代碼,把上面的內容修改成我的網站需要的文字。本以為可以輕鬆的完成,但是卻出現大問題了。

因為需要滾動的文字佔的空間太大,把左邊的那部分表格全部佔滿了,而在實際的網頁預覽中,這個有文字滾動的框只佔了左邊瀏覽的工具建站程序三分之一,左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面,試了很多方法,在網站查了很多資料,可能因為沒有專業術語作為搜索的關鍵詞,查不到任何相關的資料,試過div標籤,試過不停的拆分表格,最後還是沒有效果。就這樣試着試着,突然想到了層這個概念。於是在佈局中點擊了繪製層,結果成功了,經過一些加工,終於成功的完成左邊的佈局。印象還比較深刻的是插入聲音,記得老師曾經給我們講過很多次怎樣插入聲音,可是等到自己做網頁的時候卻忘記了,於是問其他人,結果居然都忘記了,於是自己在百度上收。最後終於找到了一個可以使用的代碼,但是在加入聲音路徑時出現了問題。在屬性內加入源文件,結果就是加不進去MP3的音樂文件,然後自己就嘗試加入了一個視頻,記下了路徑格式,然後照着這種格式寫下了指向聲音源文件的路徑,最後成功了。

在設計過程中還出現了很多的問題,但通過看書,上網查詢,請教同學等方式,不斷的學習、解決、提高,設計出的網頁不論是外觀還是內容,都在不斷的進步、改善。可以説在自己動手,不斷實踐的過程中,網頁設計水平得到了很大的提高。熱情和執着,我將來設計出的網頁會更加專業,更完善。

網頁設計實訓心得3

這兩個星期是我們的網頁設計實訓時間,這正是考驗我們實力的時候了。

經過一個學期的網頁設計的學習,我們的專業基礎更加紮實了,我們對於自己的專業學習更加有信心了。一開始對於網站設計我是抱着好奇以及興趣認真地學習,剛開始接觸網頁設計會覺得很神奇,平時上網接觸到的網頁可以通過自己的努力來建成。一心想着設計一個美觀大氣的大網站,可以與其他網站媲美。對於我這種初學者,有這種天真的夢想促使我更努力的學習網頁設計。

平時老師授課,講解了有關網頁設計的理論知識以及實際操作的示範。網頁設計更着重於實際操作,我們在機房通過每次上課的學習運用,已經有了一定的基礎。一開始我們都是看着別人的網站去模仿建設,到後來每個人在設計自己的網頁時都有自己的人個人風格,這就是網頁設計的樂趣。他不僅可以激發同學們的興趣,還可以把自己的風格更大膽地展示出來,是一個可以展示自我的空間,使我們更有成就感。

這兩個星期我們實訓課讓我們更清楚地認識到自己的建站水平。實訓任務是建立自己班級的網站,剛開始覺得兩個星期足夠我們去建成一個網站,但是我們都太高估我們自己了。一開始設計網站時不知道從何下手,之前老師上課講的知識一時不知道怎麼靈活運用起來,我才發覺對我軟件功能的不太熟悉,除了基本的框架構建,其他的設計都需要比較長的時間去思考以及翻查書本。但是同學們都很積極地向老師提問,把自己存在的問題一一的解決掉。雖然建立網站不是很順利,也只有這樣我們才可以正視自身,把平時半桶水的聽課方式給改掉。在這次的網站建設過程中,我發現自己對於知識不能靈活運用,不能巧妙地結合起來,對代碼的不熟悉,這更加是一個大問題。建站過程中會遇到代碼出錯,代碼位置寫錯之類的問題,當測試的時候出現了錯誤但是不能看懂出錯原因,只能靠網上搜索。因為對於這種程序的東西我會比較抗拒,從小就不喜歡思維性太強的學習,所以建站會遇到比較多這種問題,但是我只能積極去面對才能完成任務,畢竟這是我的專業,為了專業而專業,不能説不喜歡就不願意去學,這次實訓我反省了自身的存在問題。我們建立網站的時候都發揮自己的創新力、想象力,用心地完成這個大項目。會遇到很多的問題,經常因為一個細小的步驟而出錯,做動態網頁的時候會遇到更多類似的問題,通常都會花費我很多時間來解決出錯原因。打個比方,我會一個上午都在弄留言板,因為不知道出錯原因,當請教老師或是同學的時候才恍然大悟,原來是這麼簡單的。當然,最終可以解決困難我還是很欣慰的。

當我真正建立起自己的網站的時候,我看着自己的作品非常地興奮,這是我用心血完成的只屬於自己的網站,特別地欣慰。因為過程的困難,我更加珍惜自己第一次的作品,做每一步都會小心翼翼,就像母親生怕會失去自己的孩子一樣,我就是這樣的感受。

我可以説網頁設計給了我很大的收穫,我是用我的熱情去學習,也是用我的真心去設計,屬於自己的東西永遠是最美好的。網頁設計不是用嘴巴就可以設計的,更需要的我們的堅持、創新、用心,才能收穫更大的勝利。

網頁設計實訓心得4

不知不覺,我已經學習《網頁設計與製作》這門課程一個學期了,雖然時間有點短,但這一個學期以後我卻受益匪淺,不僅讓我全面的、系統的學會了頁設計與製作的基礎知識,還讓我學會了自己動手去製作屬於自己的網頁,這對於我來説是很值得高興的,能讓我在以後的工作生活中更好的展現自己。

建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。 首先,我們要確立網站主題。網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於像我這樣的個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題範圍內內容做到大而全、精而深。

然後,我們要找材料。明確了網站的主題以後,你就要圍繞主題開始蒐集材料了。常言道:“巧婦難為無米之炊”。要想讓自己的網站有血有肉,能夠吸引住用户,你就要儘量蒐集材料,蒐集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯網上搜集,然後把蒐集的材料去粗取精,去偽存真,作為自己製作網頁的素材。

找到材料後,我們還要規劃網站。一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面佈局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。

做好以上三步之後,我們就要選擇合適的製作工具。 儘管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,在這裏,我們一般都是用有“網絡三劍客”之稱的Dreamweaver、Fireworks、flash來製作網頁 ,對於圖片部分的處理,個人覺得Photoshop比較好用。

最後,我們就需要按照規劃一步步地把自己的想法變成現實了,這是一個複雜而細緻的過程,一定要按照先大後小、先簡單後複雜來進行製作。所謂先大後小,就是説在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後複雜,就是先設計出簡單的內容,然後再設計複雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。 網頁做好之後,就要發佈到Web服務器上,才能夠讓全世界的朋友觀看,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它。

以上就是我對於網頁製作的一些個人心得,由於本人的技術還不是很成熟,還存在很多的不足(如:背景過於單調和網頁佈置不合理)。選擇學習這門課是很正確的選擇,雖然在以後不會再有機會去上了,但我還是會通過各種方式繼續頁設計和製作的,同時很感謝帶我入門的徐兵老師,讓我有機會去學習有關網頁的知識,謝謝!

  網頁設計實訓心得5

科學是發展生產力的根本前提,當今的社會是互聯網蓬勃發展的世界,每當我們上網的時候,那一個個精美別緻的網頁給人是多麼流暢順利的感覺,無論是尋找資料還是網上商城購物,都給我們帶來了方便快捷的好處,我想,科學技術的發展,離不開互聯網的發展,而互聯網的發展也離不開網頁製作的發展,而只有把兩者結合起來才是正確的。

首先,瞭解網頁並不是單純的認為他僅僅只是為人們服務的,而它的存在也是給我們帶來了利益和好處。當然,瞭解網頁首先也從幾個軟件開始:

1. dreamweaver m_ __(或dreamweaver 8)。

2. flash m_ __(或flash 8)

3. fireworks 8

而網頁製作就是開始從這些軟件開始着手的,今天,我終於可以學習網頁製作了,我們在XX老師的教導下,各位同學們也都在聆聽老師的講解和指導我們運用以上這些軟件的功能和網頁的剖析。所謂網頁,就是指一個可以瀏覽內容並且可以使用ie瀏覽器打開的內容稱之為網頁。

在剛開始接觸網頁的第一堂課上,聽説網頁製作會是一門很無聊並且很難聽懂的過程,而事實卻印證了這樣一個事實,但是隻要我們努力,無論是怎樣的艱難險阻,成功依然會迎面直擊。在剛開始時我覺得dreamweaver m_ __很難理解,不管老師做怎樣的解釋,而我卻對它感到很是吃力,諸如裏面有許多不知道的功能。如:佈局表格、繪製層、製作css樣式表等,這些內容迷糊了我的視線,真是沒想到製作一個精巧別緻的網頁是如此的困難,可是心有不甘,每天上網看着那樣多的網頁,於是我才下定決心選擇了網頁製作這一門課程,目的就是希望以後能夠做出一個完美的網頁來。

“路漫漫其修遠兮,吾將上下而求索”學習的道路是艱苦漫長的,更何況這是關於一個科學技術的一個代名詞,隨後,課堂的氣氛慢慢的好轉,耐心的老師和專心的學生在課堂上都盡情的發揮各自的才能,老師也為了能教好每一位學生,而學生也不辜負老師的使命,就這樣,網頁製作這一門課程進行的很順利,學習了dreamweaver m_ __對它如何徹底的剖析和分解,我們終於認清了它的原理,摸清了應該怎樣去完全的使用它,而我們在老師的指導和訓練的結果下,終於開始做屬於自己的網頁了。

慢慢的快接近尾聲了,我們也快臨近期末了,老師給我們的任務卻是需要我們每人至少做出三個網頁來,且內存不能超過3m,剛開始我以為我會對着感到很是吃力,不知道該如何是好,畢竟網頁才是剛剛起步,根基不穩,怎麼能夠做出這樣的網頁呢?而我對dreamweaver m_ __它也不是很熟悉,心裏真是很擔憂。

在這最後的時間裏,我仔細掂量了一番,網頁製作給我的結論是:要想製作一個能夠像網上的那樣,還得需要經過長時間的刻苦努力和不斷地檢驗及實踐,否則,如果只靠老師在課堂上講的那些知識是遠遠不夠的。畢竟網頁是一個技術性的知識,不像文學那樣的純理論知識。通過這個課程的學習,我從中得到了一些對網頁知識如功能、概念的理解,原來要做出一個簡單可行的網頁並不是一件害怕的事情,而是一件努力和嘗試的事情。

網頁設計實訓心得6

時間過得很快,我即將畢業來到了社會這個彙集眾多江河湖水的大海,感受到了獨立生活的好處與艱辛,同時我自己也更深的理解了,家長和學校老師對我們的殷切希望,在社會實習的這段日子,我吃了些苦,受了些罪,可是整個人在肉體上和精神上卻昇華了很多,也比以前的變得更有自信了。

一、實習時間

二、實習介紹

我所在的這家公司,是一家做網上招商的商業網站,公司接收各種廠家提供的信息,然後由網絡的技術人員,將商家的信息做成網頁廣告,然後掛在我們的網站上,以此達到商業推廣的.目的,類似我們公司的網站在同行業還有_、_招商網等。

我和其它幾位同事做為網絡部的技術人員,主要的工作就是接收美工人員的網站模板,將其通過photoshop切片,然後導入dreamweaver進行排版,(排版主要使用css+div),並進一步的加以製作,完善美化,如加入js代碼,或透明flash,因為網頁是用css+div進行排版的,所以在最後一步的時候,我們還需要進行瀏覽器測試,因為css+div排版方式有一個的缺點就是:瀏覽器不兼容的問題,典型的如:ie與fireworks,因為各種瀏覽器使用的協議不同,所以會導致頁面在最終瀏覽的時候有一些小問題,如:頁面混亂,圖片、文字之間的距離過大或過小,頁面不美觀等等,做為一個新人,我在有些方面的技術還很不成熟,所以在技術總監張偉的幫助下,解決了很多問題,所在我很感謝他,當每天我們做完網頁後,都會在代碼頁面加入註釋代碼,在裏面寫上每個人姓名的漢語拼間和工作日期,這樣方便月底做統計工作,公司領導會根據每個人的工作數量進行獎勵,每做一個頁面會有2塊的提成,雖然少點,但是積少成多,也是很可觀的。

三、實習內容

(一)初級考試

初來公司的時候,我們經過了初期考試,培訓,與最終考試三個階段,在接到公司讓我面試的電話後,我來到了_公司,因為要乾的是網頁設計,所以要有一個小測驗,技術總監要求我們在網上自找圖片和文字,做一個簡單的頁面,要求是:什麼樣的頁面都可以,考查的主要是面試者相關軟件的操作能力與代碼掌握的熟練成度,説實話,從畢業後,有一段時間沒有寫代碼了,剛一上機,還有點生疏,但是憑藉在學樣紮實的學習功底,我很快就恢復了自己的英雄本色,將html代碼寫的很熟練,做了一個左右分欄的頁面,沒什麼太大難度,技術總監看了以後,説不錯,讓我三天後參加培訓,合格扣就可以正式上班了。

(二)三天的培訓工作

三天後,我來到了公司,一看,來參加培訓的人有很多,大概在十多個人左右,其實所謂的培訓,就是讓大家先熟悉這家網站的工作,先做一些他們平時乾的活,做一些廣告網頁,這些網頁都是靜態的,沒什麼難度。我後來發現,自己在這些人當中,還是較較者,心裏優勢還挺好的。

(三)最後的考核

三天的培訓後,我們迎來了最後的考核,合格的人會被留下,並得到一份為期一個月的實習合同,然後會在根據你在實習期的表現決定你的去留問題,秀的人會轉正,得到很優厚的待遇。

考核的內容,就是在公司的商務網站上任選一個頁面,然後在規定的時間內做完,我還不錯,技術比較熟練,是第四個做完的。當我們把網頁做完後由這家公司的經理進行審核,最後的結果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而後面做完的,只有提成,沒有底薪,他們的提成是每個頁面5元錢,最後的幾個人就被淘汰了,制度雖有點不近人情,但是剛畢業的學生能忍也就忍了,就這樣,我們每個人得到了一份一個月的臨時合同,正式開始了實習工作。

(四)正式工作

我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀輕輕,幹勁十足,來了以後就工作,連平時聊天的內容也和本行業分不開,我喜歡他(她)們,回為是實習期,所以每天做的數量沒有太大要求,但是每個人都玩命似的幹活,抓緊時間做網頁,我們做的網頁是比較簡單的從上到下式的網頁,通過css+div排版,這樣在後期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的麻煩,我乾的很不錯,不過有些追求精緻,我做網頁的速度慢了很多,最初每天只能做3--4個網頁,這對於我來説是不能接受的,後來我改變了工作方法,我第次工作的時候,先訂下計劃,比如今天做多少網頁,然後我將要做的所有網頁,先做好排版,這時的網頁雖然排過版,但是不美觀,因為沒有進行美化工作,然後我會在下午的時間,集中全力做美化工作,就這樣我的速度提高了很多,快了將近一倍多。只要更加熟練速度不會更快,我相信自己。

四、實習體會

實習將要結束,其中的酸甜苦辣我會在今後的日子裏不斷地去咀嚼,去回味,去探索。從製作網頁過程中,我學到了新的美化網頁的方法,運用了更多以前未運用的技巧。這使我學到了更多的知識,並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷,將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來説有不少,我自己感覺在知識、技能等方面都有了不少的收穫。總體來説這次是對我的綜合素質的培養,鍛鍊和提高。

標籤: 實訓 網頁
  • 文章版權屬於文章作者所有,轉載請註明 https://xuewengu.com/flhy/sheji/g0ml2g.html