網頁設計實訓心得第1篇不知不覺我學習整站網頁設計也有一段時間了,很高興我能在這計算機深入的社會里,學習到建設網站和網頁設計的一些知識。網絡成了我們獲取知識和信息的一種便捷工具,如今的生活,商業都已經在下面是小編為大家整理的網頁設計實訓心得,供大家參考。
不知不覺我學習整站網頁設計也有一段時間了,很高興我能在這計算機深入的社會里,學習到建設網站和網頁設計的一些知識。網絡成了我們獲取知識和信息的一種便捷工具,如今的生活,商業都已經在網絡上如火如荼地開展,我認為,學習網絡知識,對于生活在網絡時代的我們還是很有必要的。接下來我想分享一下我的獨家網頁設計學習心得。希望能夠為正在學習網頁設計的你們也提供一點幫助。
學習網頁設計的過程中,我也成功制作了屬于自己的網站,通過這一次嘗試,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解,對網頁制作的基礎知識也有了一定的掌握。我覺得,在設計網頁之前:
首先必須做到先確定網頁設計的內容,因為一個優秀的風站要有一個明確的主題,整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么,所有頁面都是圍繞著這個內容來制作,有了明確的內容對排名有很重要的作用。
其次自然是了解你網站所在行業的客戶。要知道用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離開。
我在這次設計網頁的過程中,終于體會到做一個網頁的主頁不是一件容易的事情,它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。制作主頁要注意:
要想一個好的標題。標題在個人主頁中起著很重要的作用,它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記,不要符合自己主頁的主題和風格。主頁中不光要有文字,還要適當地加一些圖片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網頁的人一目了然,產生興趣。
網頁頁面整體的排版設計也是不可忽略了,很重要的一個原則是合理也運用空間,讓自己的網頁井然有序,留下合適空間,會給人輕松的感覺。
當然在做這些內容之前,是要找好資料的,我們可以從報紙,雜志,光盤等媒體中把相關的資料收集,再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集,您只要到搜索引擎上查找相應的關鍵字,就可以找到一大堆的資料。設計制作網頁我可以推薦一個不錯的軟件,那就是Dreamweaver。只需要用到此款軟件中的一些基本的"功能:圖片插入和對齊設置;
文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。好了,網頁設計制作完畢后,最后一步就是要優化網站了。
就我的觀點,我覺得個人認為網頁設計應該注重實用性,因為我們用它就是來互動的,所以我建議以簡單美為好,太多復制的圖片文字和頁面排版只會讓看的人感覺更不舒服,還有最后申明一下,我不是專業網站設計師,以上只是我對網頁設計學習的一些心得罷了。
科學是發展生產力的根本前提,當今的社會是互聯網蓬勃發展的世界,每當我們上網的時候,那一個個精美別致的網頁給人是多么流暢順利的感覺,無論是尋找資料還是網上商城購物,都給我們帶來了方便快捷的好處,我想,科學技術的發展,離不開互聯網的發展,而互聯網的發展也離不開網頁制作的發展,而只有把兩者結合起來才是正確的。
首先,了解網頁并不是單純的認為他僅僅只是為人們服務的,而它的存在也是給我們帶來了利益和好處。當然,了解網頁首先也從幾個軟件開始:
dreamweaver m_ __(或dreamweaver 8)。
flash m_ __(或flash 8)
fireworks 8
而網頁制作就是開始從這些軟件開始著手的,今天,我終于可以學習網頁制作了,我們在杜奕老師的教導下,各位同學們也都在聆聽老師的講解和指導我們運用以上這些軟件的功能和網頁的剖析。所謂網頁,就是指一個可以瀏覽內容并且可以使用ie瀏覽器打開的內容稱之為網頁。
在剛開始接觸網頁的第一堂課上,聽說網頁制作會是一門很無聊并且很難聽懂的過程,而事實卻印證了這樣一個事實,但是只要我們努力,無論是怎樣的艱難險阻,成功依然會迎面直擊。在剛開始時我覺得dreamweaver m_ __很難理解,不管老師做怎樣的解釋,而我卻對它感到很是吃力,諸如里面有許多不知道的功能。如:布局表格、繪制層、制作css樣式表等,這些內容迷糊了我的視線,真是沒想到制作一個精巧別致的網頁是如此的困難,可是心有不甘,每天上網看著那樣多的網頁,于是我才下定決心選擇了網頁制作這一門課程,目的就是希望以后能夠做出一個完美的網頁來。
“路漫漫其修遠兮,吾將上下而求索”學習的道路是艱苦漫長的,更何況這是關于一個科學技術的一個代名詞,隨后,課堂的氣氛慢慢的好轉,耐心的老師和專心的學生在課堂上都盡情的發揮各自的才能,老師也為了能教好每一位學生,而學生也不辜負老師的使命,就這樣,網頁制作這一門課程進行的很順利,學習了dreamweaver m_ __對它如何徹底的剖析和分解,我們終于認清了它的原理,摸清了應該怎樣去完全的使用它,而我們在老師的指導和訓練的結果下,終于開始做屬于自己的網頁了。
慢慢的快接近尾聲了,我們也快臨近期末了,老師給我們的任務卻是需要我們每人至少做出三個網頁來,且內存不能超過3m,剛開始我以為我會對著感到很是吃力,不知道該如何是好,畢竟網頁才是剛剛起步,根基不穩,怎么能夠做出這樣的網頁呢?而我對dreamweaver m_ __它也不是很熟悉,心里真是很擔憂。
在這最后的時間里,我仔細掂量了一番,網頁制作給我的結論是:要想制作一個能夠像網上的那樣,還得需要經過長時間的刻苦努力和不斷地檢驗及實踐,否則,如果只靠老師在課堂上講的那些知識是遠遠不夠的。畢竟網頁是一個技術性的知識,不像文學那樣的純理論知識。通過這個課程的學習,我從中得到了一些對網頁知識如功能、概念的理解,原來要做出一個簡單可行的網頁并不是一件害怕的事情,而是一件努力和嘗試的事情。
網頁設計伴隨著網絡的快速發展而快速興起,作為上網的主要依托,由于人們使用網絡的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁,原來沒有留意過網頁的設計,但是經過這段時間的學習了解,現在我打開一個網頁都會習慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱,我學習到了一些關于建設網站和制作網頁的知識,對網頁制作的基礎知識也有了一定的掌握。通過Dreamweaver制作網頁,我用到了一些基本的功能:圖片插入和對齊設置;
文字的格式、顏色、背景顏色的設置等。但是在自己嘗試著做的時候,總是出現這里那里的問題。不是圖片不能固定在自己想要的位置,就是滾動文本的顯示區域不知道為什么撐過了頁面,還有就是不同分辨率、不同瀏覽器都會對瀏覽網頁產生影響。而且在CSS方面,我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經驗。
1、命名站點或者文件夾的的時候一定要注意,最好用相應的英語或者漢語拼音,要見名知意,如圖片文件夾用image或者tu,這樣可以避免頁面調用時不正確的現象發生。
2、調用Style時可以單擊鼠標右鍵選擇Custon Style來調用Style標準,也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣,但實際上產生的HTML代碼則完全不同。在這個過程中,我同樣認識到網頁設計不是一門學科的獨秀,而是多種課程的綜合,它是Flash、Photoshop等網頁軟件的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具??梢灾苯釉诰庉媴^里繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。
在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,可以很直觀的反映出效果。
頁面設計應以美觀、大方、簡潔為原則,保持一致的風格。為了達到最佳的視覺表現效果,應講究整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式,讓他們能夠了解網站提供的信息。要研究網頁設計,就需要站在用戶的角度來看。用戶是一個網站成敗的關鍵。如果用戶要花很多時間進入網站,很有可能他會立即關掉網站,或者網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去。所以網頁容量即包括圖像在內的網頁字節數最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的,它突出的是功能,著重體現的是網站業提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區等等。要讓訪客在0.5秒內就能把握網站的行業性質,1秒內就知道該從哪個地方開始使用這個網站,能點一次的,絕不點第二次。當然上面說的是大多數功能性網站,對于宣傳展示性網站,諸如加特效的或Flash網站,可能就不得不花哨一些,但不能太過分。網站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現意境,點到為止。
下面簡單介紹下網頁設計的理念和要點。網頁設計理念:
(1)內容決定形式:先把內容充實上,再分區塊,再定色調,再處理細節。
(2)先整體,后局部,最后回歸到整體:全局考慮,把能填上的都填上,占位置。然后定基調,分模塊設計。最后調整不滿意的幾個局部細節。
(3)功能決定設計方向: 看網站的用途,決定設計思路。商業性的就要突出贏利目的;
政府型的就要突出形象和權威性的文章;
教育性的,就要突出師資和課程。
網頁設計的兩大要點是:整體風格和色彩搭配。
一、確定網站的整體風格:
1、將標志logo,盡可能的放在頁面最突出的位置。
2、突出標準色彩。
3、總結一句能反映網站精髓的宣傳標語。
4、相同類型的圖像采用相同效果,比如說標題字都采用陰影效果,那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的。
二、網頁色彩的搭配:
1、用一種色彩。指選定一種色彩,然后調整透明度或飽和度,這樣頁面看起來色彩統一,有層次感。
2、用兩種色彩。先選定一種色彩,然后選擇它的對比色。
3、用一個色系。就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;
或者土黃,土灰,土藍。在網頁配色中,還要切記一些誤區:
1、不要將所有顏色都用到,盡量控制在三至五種色彩以內。
2、背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。
針對我所學的平面設計方向,那么這次應用到了創意思維,版面設計,色彩配置。圖形創意等方面都很重要,對于網頁設計作為一種視覺語言,特別講究編排和布局,雖然主頁的設計不等同于平面設計,但它們有許多相近之處,版式設
計通過文字圖形的空間組合,表達出和諧與美。不積跬步,無以至千里。我已經在老師的指引下邁入了網頁設計的大門,在今后的閑余時間繼續認真學習制作網頁的更多知識以實現自身技能的提高。
現在,計算機和網絡已經深入到了我們生活中的方方面面,也已經成了生活中不可缺少的一部分,網絡成了我們獲取知識和信息的一種便捷工具,現在的網民也在不斷的增多,所以,了解和學習網絡知識是我們作為一名大學生迫切所需的,
我利用寒假的時間,對網頁設計進行了初步的認識和了解,并基本掌握Dreamweaver的應用。
通過對網頁設計書籍的翻閱,我學習到了一些關于建設網站和制作網頁的知識,在實踐查閱資料時,對flash也有所了解。我還了解了一些基礎的網絡技術。通過學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解,對網頁制作的基礎知識也有了一定的掌握。在這個過程中,我同樣認識到網頁設計不是一門學科的獨秀,而是多種課程的綜合,他是、Flash、Fireworks等網頁軟件的綜合應用。
下面闡述一下我在翻閱《Dreamweaver》時的一些關于網頁設計的見解。在具體的制作一個網頁時我了解到一個優秀的網頁設計應該具備一些基本原則。
首先,要確定網頁設計的內容一個優秀的風站要有一個明確的主題。整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么,所有頁面都是圍繞著這個內容來制作,有了明確的內容對排名有很重要的作用;
其次,要了解你網站所在行業的客戶,及你的網頁屬于哪個類別。用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去。
在完成以上的基本內容之后網頁的基本框架便成形成了。
下面要開始的便是優化工作:
內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優秀網頁設計是要建立在平凡的基礎上的。然后在具體的規劃一個網頁時,可以用樹狀結構先把每個頁面的內容大綱列出來,尤其要制作一個大的網站 (有很多頁面) 的時候,特別需要把這個架構規劃好,也要考慮到以后可能的擴充性,免得做好以后又要一改再改整個網站的架構,很浪費時間和財力。大綱列出來后,還必須考慮每個頁面之間的鏈接關系。是星形,樹形,或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內容的發揮??蚣芏ㄏ聛砹?,然后開始一步一步有條理,有次序地做來,就胸有成竹得多,也會為主頁將來發展打下良好的"基礎。下一步,就以動手制作具體內容了,題材選定,框架選定,接下來就開始往主頁里面填內容。
如果是個人主頁,有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是:從報紙,雜志,光盤等媒體中把相關的資料收集整理,再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集,您只要到搜索引擎上查找相應的關鍵字,就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態圖片,Flash提供了功能齊全的繪圖和編輯圖形工具??梢灾苯釉诰庉媴^里繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設置;
文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。
總體來說,通過這個假期對網頁設計的學習,有收獲也有遺憾。但是,我已經邁入了網頁設計的大門,只要我再認真努力的去學習,在今后的閑余時間學習制作網頁的更多知識以實現自身技能的提高,我堅信將來設計出的網頁會更加專業,更加華麗,使它最終成為自己的一項技能。
現在,計算機和網絡已經深入到了我們生活中的方方面面,也已經成了生活中不可缺少的一部分,網絡成了我們獲取知識和信息的一種便捷工具,現在的網民也在不斷的增多,所以,了解和學習網絡知識是我們作為一名大學生迫切所需的。
這學期選擇的這門課程讓我學到了不少關于計算機和網絡的知識。老師把課程內容安排的很合理,講的大都是很基礎的知識,這對于像我這樣對網絡了解不多的學生來說很容易理解,接受。
在這門課上我學習到了一些關于建設網站和制作網頁的`知識,對flash也有所了解。課上我還學到了一些基礎的網絡技術,用制作網絡的工具做網頁等。
通過對這門課的學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解,對網頁制作的基礎知識也有了一定的掌握。
在具體的制作一個網頁時我了解到一個優秀的網頁設計應該具備以下一些基本原則
1、確定網頁設計的內容
一個優秀的風站要有一個明確的主題,整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么,所有頁面都是圍繞著這個內容來制作,有了明確的內容對排名有很重要的作用。
2、了解你網站所在行業的客戶
用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去、
3、做一個典型用戶
不以用戶身份親身體驗網站你才能發現問題,才知道那些需要改進,盡量不要讓客戶去發現問題,在前期設計時就應該把這些問題解決。
4、優化內容
內容是整個網站的核心。在網站設計之前必須明確網站的內容安排。
優秀網頁設計是要建立在平凡的基礎上的。
然后在具體的規劃一個網站時,可以用樹狀結構先把每個頁面的內容大綱列出來,尤其要制作一個大的網站(有很多頁面)的時候,特別需要把這個架構規劃好,也要考慮到以后可能的擴充性,免得做好以后又要一改再改整個網站的架構,很浪費時間和財力。
大綱列出來后,還必須考慮每個頁面之間的鏈接關系。是星形,樹形,或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內容的發揮。
框架定下來了,然后開始一步一步有條理,有次序地做來,就胸有成竹得多,也會為主頁將來發展打下良好的基矗
下一步,就以動手制作具體內容了,題材選定,框架選定,接下來就開始往主頁里面填內容。我們稱作資料收集
如果是個人主頁,有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是:從報紙,雜志,光盤等媒體中把相關的資料收集整理,再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集,您只要到搜索引擎上查找相應的關鍵字,就可以找到一大堆的資料。
在準備材料的時候我們可以用到學習的flash知識來制作一些小的動畫和動態圖片,flash提供了功能齊全的繪圖和編輯圖形工具??梢灾苯釉诰庉媴^里繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。
然后是開始正式制作主頁。通過dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設置;
文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。
通過個人網頁的制作最終把自己的網頁上傳到互聯網上,那種成就感是無法用語言形容的。在今后的閑余時間,我將會學習制作網頁的更多知識,使它成為自己的一項技能。