- 相關(guān)推薦
網(wǎng)頁設計總結(jié)與體會
網(wǎng)頁設計總結(jié)與體會(1)
現(xiàn)在,計算機和網(wǎng)絡已經(jīng)深入到了我們生活中的方方面面,也已經(jīng)成了生活中不可缺少的一部分,網(wǎng)絡成了我們獲取知識和信息的一種便捷工具,現(xiàn)在的網(wǎng)民也在不斷的增多,所以,了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的,
我利用寒假的時間,對網(wǎng)頁設計進行了初步的認識和了解,并基本掌握Dreamweaver的應用。
通過對網(wǎng)頁設計書籍的翻閱,我學習到了一些關(guān)于建設網(wǎng)站和制作網(wǎng)頁的知識,在實踐查閱資料時,對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡技術(shù)。通過學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解,對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在這個過程中,我同樣認識到網(wǎng)頁設計不是一門學科的獨秀,而是多種課程的綜合,他是、Flash、Fireworks等網(wǎng)頁軟件的綜合應用。
下面闡述一下我在翻閱《Dreamweaver》時的一些關(guān)于網(wǎng)頁設計的見解。在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設計應該具備一些基本原則。
首先,要·確定網(wǎng)頁設計的內(nèi)容一個優(yōu)秀的風站要有一個明確的主題。整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的,用來做什么,所有頁面都是圍繞著這個內(nèi)容來制作,有了明確的內(nèi)容對排名有很重要的作用;其次,要了解你網(wǎng)站所在行業(yè)的客戶,及你的網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設計,只會讓用戶失望的離去.
在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了,
下面要開始的便是優(yōu)化工作
內(nèi)容是整個網(wǎng)頁的核心。在網(wǎng)頁設計之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設計是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個網(wǎng)頁時,可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來,尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候,特別需要把這個架構(gòu)規(guī)劃好,也要考慮到以后可能的擴充性,免得做好以后又要一改再改整個網(wǎng)站的架構(gòu),很浪費時間和財力。大綱列出來后,還必須考慮每個頁面之間的鏈接關(guān)系。是星形,樹形,或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內(nèi)容的發(fā)揮?蚣芏ㄏ聛砹耍缓箝_始一步一步有條理,有次序地做來,就胸有成竹得多,也會為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步,就以動手制作具體內(nèi)容了,題材選定,框架選定,接下來就開始往主頁里面填內(nèi)容。
如果是個人主頁,有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是:從報紙,雜志,光盤等媒體中把相關(guān)的資料收集整理,再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集,您只要到搜索引擎上查找相應的關(guān)鍵字,就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態(tài)圖片,F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具?梢灾苯釉诰庉媴^(qū)里繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。
總體來說,通過這個假期對網(wǎng)頁設計的學習,有收獲也有遺憾。但是,我已經(jīng)邁入了網(wǎng)頁設計的大門,只要我再認真努力的去學習,在今后的閑余時間學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高,我堅信將來設計出的網(wǎng)頁會更加專業(yè),更加華麗,使它最終成為自己的一項技能。
網(wǎng)頁設計總結(jié)與體會(2)
真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內(nèi)容的框架擠開;插入的層太多,大一點的就把小一點的給覆蓋掉了;插入的FLASH不能產(chǎn)生效果?傊畣栴}一籮筐。實踐出真知,原來自己還有那么多欠缺的知識。于是回歸本源,先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后,做起東西來就得心應手多了,知道引導頁能過加映像之后,我決定為我的網(wǎng)頁設計一個引導頁。
然后是主頁和二級頁面的設置。要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進行轉(zhuǎn)換,比如Office 97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.
在一步一步的邊學邊做的過程中,看著心中的東西一點一點的出來,真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠,但是回顧一下這周真的學到了很多的東西。
網(wǎng)頁的調(diào)試
之前把作過的東西放到U盤里,發(fā)生過圖片顯示不出來的狀況,還好即使找到了解救的方法,把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
一.網(wǎng)站的整體規(guī)劃
1.討論網(wǎng)站主題:因為自己對普羅旺斯很感興趣,于是就想到要是一下為心中的仙境設計一個旅游網(wǎng)站。
2.定位網(wǎng)站CI形象:旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設計上面,根據(jù)普羅旺斯夢幻般的意境,我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊:
1]首先要考慮整個網(wǎng)頁的長和寬,以及長度和寬度之間的比例。
2]其次就應該考慮導航條的設置了。
3]正文的框架設置 (橫向因素和縱向因素交錯)
在瀏覽了很多精美的旅游網(wǎng)站之后,再結(jié)合自己的想法,我先在草紙上畫出了大體的欄目和板塊。
4.網(wǎng)站的整體風格和創(chuàng)意:建立一個浪漫的旅行網(wǎng)站,走映像派路線,目的務必使瀏覽者留下映像。
二.網(wǎng)頁制作的前期策劃與準備
1.資料的搜集:由于個人的愛好,我很早以前就收集了許多普羅旺斯的美圖,這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景,F(xiàn)IASH源代碼、小圖標和一些GIF的動畫等。
2.熟悉制作工具軟件:
主頁制作的基本條件有:網(wǎng)頁設計實習總結(jié)
硬件:
一臺電腦(64MB以上內(nèi)存,當然越大越好啦);可以撥號上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;
軟件:
HTML編輯軟件:常用的有Frontpage、Hotdog等,本文重點介紹 Dreamweaver;
圖像處理軟件:常用的有Photoshop、flash、Fireworks 等;
文件上傳軟件:常用的有Cuteftp、WSftp等。
【網(wǎng)頁設計總結(jié)與體會】相關(guān)文章:
網(wǎng)頁設計個人總結(jié)11-06
網(wǎng)頁設計實習總結(jié)10-26
網(wǎng)頁設計的心得體會02-16
網(wǎng)頁設計心得體會03-21
網(wǎng)頁設計實訓總結(jié)11-13
網(wǎng)頁設計與制作心得體會03-02
網(wǎng)頁html設計心得體會01-07
html網(wǎng)頁設計心得體會01-09
網(wǎng)頁設計實驗心得體會04-14