網(wǎng)站設(shè)計(jì)心得體會(14篇)
從某件事情上得到收獲以后，可以尋思將其寫進(jìn)心得體會中，這樣就可以總結(jié)出具體的經(jīng)驗(yàn)和想法。那么要如何寫呢？下面是小編為大家收集的網(wǎng)站設(shè)計(jì)心得體會，歡迎閱讀與收藏。
網(wǎng)站設(shè)計(jì)心得體會1
《網(wǎng)站設(shè)計(jì)》是網(wǎng)站設(shè)計(jì)與維護(hù)專業(yè)的一門綜合實(shí)訓(xùn)課，安排在第四學(xué)期授課，總共108學(xué)時(shí)。該課程是基于photoshop、flash和dreamweaver三門課程已經(jīng)開設(shè)過的基礎(chǔ)上的一門綜合實(shí)訓(xùn)課程，主要包括客戶需求分析、網(wǎng)站風(fēng)格定位、網(wǎng)站效果圖草圖設(shè)計(jì)、網(wǎng)站建設(shè)方案的制定、網(wǎng)站效果圖、橫幅flash廣告制作、網(wǎng)站的搭建、征求客戶的意見修改完善網(wǎng)站等內(nèi)容。然而，傳統(tǒng)的教學(xué)模式一般采用接受教學(xué)和案例教學(xué)兩種形式，教學(xué)方法比較單一，學(xué)生也能掌握其中的知識和技能，但是應(yīng)變能力比較弱，綜合運(yùn)用能力不強(qiáng)，遠(yuǎn)遠(yuǎn)不能達(dá)到用工單位對學(xué)生的要求，學(xué)校的教學(xué)與社會生產(chǎn)實(shí)踐往往出現(xiàn)脫軌現(xiàn)象。為改變這一現(xiàn)象，本人在該項(xiàng)課程中引入項(xiàng)目教學(xué)法，取得不錯(cuò)的成效。
一、項(xiàng)目教學(xué)法
所謂項(xiàng)目教學(xué)，就是師生通過共同完成一個(gè)完整的項(xiàng)目工作而進(jìn)行的一個(gè)教學(xué)活動。這種教學(xué)活動對學(xué)生的學(xué)習(xí)成績的提高、經(jīng)驗(yàn)的豐富和技能的增強(qiáng)起到非常明顯的效果。項(xiàng)目教學(xué)的前提是“項(xiàng)目”。“項(xiàng)目”是要在一定時(shí)間里，在預(yù)算規(guī)定范圍內(nèi)需達(dá)到預(yù)定質(zhì)量水平的一項(xiàng)一次性任務(wù)。項(xiàng)目具有確定的目標(biāo)，有明確的開始時(shí)間和結(jié)束時(shí)間�！绊�(xiàng)目導(dǎo)向式”教學(xué)就是組織學(xué)生真實(shí)地參加項(xiàng)目設(shè)計(jì)、履行和管理的全過程，在項(xiàng)目實(shí)施過程中完成教學(xué)任務(wù)。設(shè)計(jì)類專業(yè)中，這種教學(xué)活動顯得尤為重要。
二、項(xiàng)目教學(xué)法的一般流程
在實(shí)際教學(xué)中，項(xiàng)目實(shí)施是將某一教學(xué)課題的理論知識和實(shí)際技能結(jié)合在一起，通過對已有知識、技能和新學(xué)習(xí)的知識、技能的應(yīng)用，解決實(shí)際問題的過程。項(xiàng)目教學(xué)法在實(shí)踐中，一般按以下五個(gè)步驟實(shí)施：
1、項(xiàng)目調(diào)查
在實(shí)際教學(xué)中，項(xiàng)目實(shí)施是將某一教學(xué)課題的理論知識和實(shí)際技能結(jié)合在一起，通過對已有知識、技能和新學(xué)習(xí)的知識、技能的應(yīng)用，解決實(shí)際問題的過程。選取具有代表性的項(xiàng)目。首先，項(xiàng)目要包含全部教學(xué)內(nèi)容并盡可能自然、有機(jī)地結(jié)合多項(xiàng)知識點(diǎn)；其次，項(xiàng)目的難易度要針對學(xué)生的實(shí)際水平來確定；且要讓大多數(shù)學(xué)生感興趣，并可以用某一標(biāo)準(zhǔn)（如色彩運(yùn)用、版式設(shè)計(jì)、技術(shù)難度、應(yīng)用價(jià)值等）公平準(zhǔn)確地給予評價(jià)，此評價(jià)中應(yīng)包含企業(yè)的評價(jià)對學(xué)生來說會更有意義。當(dāng)然，不是每個(gè)項(xiàng)目都能面面俱到，教師可以根據(jù)具體的培養(yǎng)方向（掌握新知識、新技能還是培養(yǎng)綜合能力）來確立最佳項(xiàng)目。
2、制定平面設(shè)計(jì)規(guī)劃
確定項(xiàng)目在制定項(xiàng)目時(shí)，要進(jìn)行科學(xué)規(guī)劃，力求所制定的項(xiàng)目不僅有利于教學(xué)的開展，而且有利于調(diào)動學(xué)生的學(xué)習(xí)積極性。要對具體的項(xiàng)目提出明確的知識目標(biāo)和能力目標(biāo)。我們將《網(wǎng)站設(shè)計(jì)》課程的總項(xiàng)目確定為開發(fā)一個(gè)具有簡單交互功能的網(wǎng)站，并根據(jù)其涉及的知識點(diǎn)，將課程總項(xiàng)目劃分為若干個(gè)子項(xiàng)目，每個(gè)子項(xiàng)目再根據(jù)知識點(diǎn)劃分為若干個(gè)由基本知識、基本操作構(gòu)成的實(shí)驗(yàn)項(xiàng)目。項(xiàng)目以任務(wù)書的形式下發(fā)給學(xué)生，在設(shè)計(jì)報(bào)告及項(xiàng)目展示等階段要求學(xué)生寫出時(shí)間和目標(biāo)。
3、細(xì)化工作
制定項(xiàng)目計(jì)劃項(xiàng)目準(zhǔn)備完畢之后，要對項(xiàng)目涉及的問題進(jìn)行分析，確定操作步驟，選擇相應(yīng)的方法，制定操作計(jì)劃。在此階段，學(xué)生的主要任務(wù)是制定項(xiàng)目實(shí)施計(jì)劃，即步驟、方法、使用工具和材料。教師的主要任務(wù)是關(guān)注學(xué)生的做法是否正確，并進(jìn)行啟發(fā)和指導(dǎo)。
4、實(shí)施計(jì)劃
實(shí)施項(xiàng)目計(jì)劃這是項(xiàng)目教學(xué)的關(guān)鍵。在這個(gè)環(huán)節(jié)里，每個(gè)團(tuán)隊(duì)將根據(jù)自己制定的項(xiàng)目計(jì)劃來實(shí)現(xiàn)計(jì)劃目標(biāo)。要求學(xué)生注意兩點(diǎn)內(nèi)容：一是團(tuán)隊(duì)的合作精神和工作效率；二是要求學(xué)生認(rèn)真記錄每個(gè)操作步驟和過程。教師不僅要為學(xué)生提供充足的素材，而且要在學(xué)生實(shí)踐操作過程中邊觀察邊指導(dǎo)。這個(gè)階段，教師要鼓勵(lì)學(xué)生多發(fā)揮自己創(chuàng)造力和想象力，鼓勵(lì)學(xué)生多自己去摸索掌握知識。學(xué)生在實(shí)踐中摸索、總結(jié)出來的'知識對于學(xué)生以后的平面設(shè)計(jì)是非常重要的。
5、總結(jié)評估
學(xué)會總結(jié)，是完成項(xiàng)目的過程中必須要培養(yǎng)學(xué)生的一個(gè)職業(yè)習(xí)慣�？偨Y(jié)要分為幾方面，第一是讓學(xué)生總結(jié)，在項(xiàng)目實(shí)施過程中要求學(xué)生邊實(shí)踐、邊總結(jié)，最后項(xiàng)目組形成一個(gè)總結(jié)報(bào)告和項(xiàng)目完成的自我評價(jià)；第二是教師總結(jié)整個(gè)問題加以強(qiáng)調(diào)；第三是企業(yè)評價(jià)，如果是企業(yè)提供的真實(shí)項(xiàng)目而非虛擬學(xué)習(xí)性項(xiàng)目時(shí)，要是能請企業(yè)專家對學(xué)生的作品給予評估對學(xué)生是有非常重要意義的。
三、項(xiàng)目教學(xué)法實(shí)施過程(附件一)
1、項(xiàng)目確立
本人將教學(xué)內(nèi)容分為獨(dú)立的項(xiàng)目，每個(gè)項(xiàng)目都以實(shí)例操作為主，每個(gè)任務(wù)都有詳盡的操作步驟。每個(gè)項(xiàng)目中除講解典型案例外，還提供了二三個(gè)讓學(xué)生自己動手操作的實(shí)訓(xùn)，以鞏固所學(xué)的技能。
2、項(xiàng)目分析
老師與學(xué)生共同討論“項(xiàng)目”的題目，以便了解學(xué)生已有的經(jīng)驗(yàn)以及他們對此項(xiàng)目已有的知識。學(xué)生在講述他們的經(jīng)驗(yàn)和表達(dá)他們對已知概念理解的同時(shí)，對此項(xiàng)目的興趣不斷增加，并能在老師的幫助下，逐步設(shè)計(jì)自己的活動，老師啟發(fā)和幫助學(xué)生查找設(shè)計(jì)項(xiàng)目活動中要調(diào)查和解決問題。
3、項(xiàng)目實(shí)施
在具體實(shí)施過程中，關(guān)鍵在選“項(xiàng)目”，此時(shí)應(yīng)注意以下兩方面的問題：
�。�1）選題要與實(shí)踐相結(jié)合，選擇實(shí)用的、學(xué)生感興趣的比較熟悉的項(xiàng)目，例如在課程開始前先讓學(xué)生看一組知名網(wǎng)站的網(wǎng)頁設(shè)計(jì)案例，學(xué)生一下子就被吸引住了。這時(shí)向?qū)W生說明本學(xué)期教學(xué)的最終目標(biāo)就是要實(shí)現(xiàn)類似效果圖的制作。學(xué)生對任務(wù)能夠產(chǎn)生形象直觀的認(rèn)識并加以聯(lián)想，便于從各方面加以研究，有助于項(xiàng)目的開展。
（2）選題要考慮到學(xué)生的實(shí)際能力，難度適中為好。難度過小，沒有挑戰(zhàn)性，學(xué)生不愛作，也起不到鍛煉的效果；而難度太大，學(xué)生經(jīng)過多方努力也不能做好，容易產(chǎn)生畏難情緒，挫傷學(xué)生的積極性，變得不愛學(xué)習(xí)，結(jié)果適得其反。
我們在教學(xué)中采用分組的方法將班級學(xué)生分成三組，每組選一名“項(xiàng)目經(jīng)理”（為了給學(xué)生創(chuàng)造更多的機(jī)會，我們一般選擇由團(tuán)隊(duì)的學(xué)生輪流當(dāng)項(xiàng)目經(jīng)理），讓學(xué)生以團(tuán)隊(duì)為單位制定項(xiàng)目計(jì)劃。例如，在做“學(xué)校主頁”這一項(xiàng)目時(shí)，教師先是將此項(xiàng)目的學(xué)習(xí)目標(biāo)和能力目標(biāo)告訴學(xué)生。然后和學(xué)生一起分析項(xiàng)目，制定完成此項(xiàng)目的基本步驟：首先確定網(wǎng)頁的主題、內(nèi)容、布局結(jié)構(gòu)、色彩設(shè)計(jì)方案等以及團(tuán)隊(duì)人員的分工安排；然后根據(jù)設(shè)計(jì)繪制出草稿圖；最后寫成項(xiàng)目計(jì)劃書。項(xiàng)目教學(xué)注重學(xué)生主體作用的發(fā)揮和綜合能力的培養(yǎng)。在制定項(xiàng)目計(jì)劃過程中，教師一定要尊重學(xué)生的個(gè)性發(fā)揮，避免計(jì)劃的千篇一律，鼓勵(lì)學(xué)生形成自己的特色，使學(xué)生的主觀能動性得到充分發(fā)揮。制定好計(jì)劃后，教師要讓每個(gè)團(tuán)隊(duì)的“項(xiàng)目經(jīng)理”介紹自己團(tuán)隊(duì)制定的計(jì)劃，并說明設(shè)計(jì)的理由。通過對項(xiàng)目計(jì)劃的介紹，一方面可以提高學(xué)生的表達(dá)能力，另一方面，學(xué)生之間可以互相啟發(fā)和學(xué)習(xí)。教師只需在計(jì)劃的可行性及完整性等方面進(jìn)行把關(guān)，適當(dāng)?shù)貙⒆约旱囊娊飧嬖V學(xué)生，幫助提高計(jì)劃的價(jià)值。
4、項(xiàng)目驗(yàn)收（附件二）
某個(gè)項(xiàng)目結(jié)束后要通過作品的展示進(jìn)行過程分析，對每個(gè)學(xué)生做出正確的評定。評定從兩方面入手：即結(jié)果性評定和過程性評定。結(jié)果性評定主要是考察學(xué)生是否達(dá)到了學(xué)習(xí)目標(biāo)，過程性評定主要是考察學(xué)生的學(xué)習(xí)能力、協(xié)作能力、工作態(tài)度。為了使評定具有可操作性，我們分為三個(gè)層次進(jìn)行評定，即自評、組評、師評。項(xiàng)目的最后階段由老師安排一次項(xiàng)目活動總結(jié)會。老師幫助學(xué)生選擇不同內(nèi)容和不同方式，讓他們有目的地展示自己開展活動的全部成果，讓學(xué)生表達(dá)自己學(xué)會了什么，并分享他人成果的快樂，從而激發(fā)學(xué)生新的興趣，轉(zhuǎn)向新的項(xiàng)目活動。針對所教班級的實(shí)際情況，本人主要采用了成果展示的方法，由小組的發(fā)言人全面介紹項(xiàng)目的實(shí)施過程、取得成果情況，有哪些收獲，這種活動不僅鍛煉了學(xué)生的合作能力、動手能力，也提高了學(xué)生的語言表達(dá)能力和解決問題的能力。
四、實(shí)施項(xiàng)目教學(xué)法的心得體會
1、重視項(xiàng)目的完成，但不能忽略基礎(chǔ)知識的掌握。注意吸取傳統(tǒng)教學(xué)法的長處，把總目標(biāo)細(xì)分成一個(gè)個(gè)小目標(biāo)，每個(gè)小目標(biāo)體現(xiàn)在項(xiàng)目中的小模塊上，從而讓學(xué)生建構(gòu)一個(gè)系統(tǒng)的、全面的知識框架。
2、強(qiáng)調(diào)了學(xué)生學(xué)習(xí)的主體性，并不能認(rèn)為教師的任務(wù)就減輕了。其實(shí)教師的職責(zé)不但沒有減輕，反而還加重了。因?yàn)榻處煵坏獙θ谓炭颇咳跁炌�，隨時(shí)回答各類學(xué)生提出的各種問題，而且還要為學(xué)生創(chuàng)設(shè)學(xué)習(xí)的情景、培養(yǎng)協(xié)作學(xué)習(xí)的氣氛、審核項(xiàng)目的選取等。
3、學(xué)生分組是一個(gè)容易被忽視的環(huán)節(jié)：由于采取分組協(xié)作學(xué)習(xí)的方式，所以分組的原則、組員的搭配、工作的分工、成員的數(shù)量等等直接影響著組員的學(xué)習(xí)。實(shí)驗(yàn)證明，每組人數(shù)應(yīng)控制在5—6人，人多手腳亂、意見不一；采取互補(bǔ)方式進(jìn)行搭配，有利于同學(xué)之間互相學(xué)習(xí)；組員分工要明確，防止出現(xiàn)依賴思想。
4、由于采用自主學(xué)習(xí)方式，學(xué)生的個(gè)性化得到充分的發(fā)展。但還應(yīng)當(dāng)注意學(xué)生的兩極分化。特別是個(gè)別后進(jìn)生，他們的自學(xué)能力和自控能力都比較差，容易產(chǎn)生依賴思想。無所事事，所以要結(jié)合推行“一幫一”的措施，安排學(xué)習(xí)先進(jìn)生對后進(jìn)生給予及時(shí)的幫助和糾正。
通過項(xiàng)目教學(xué)法，把學(xué)生作為學(xué)習(xí)的主體，通過完成項(xiàng)目把理論和實(shí)踐有機(jī)地結(jié)合起來，不僅提高了理論水平和實(shí)操技能，而且又在教師有目的引導(dǎo)下，培養(yǎng)了合作、解決問題等綜合能力。同時(shí)教師在觀察學(xué)生、幫助學(xué)生的過程中，開闊了視野，提高了專業(yè)水平�？梢哉f，項(xiàng)目教學(xué)是師生共同完成項(xiàng)目，共同取得進(jìn)步的教學(xué)方法。是適合中等職業(yè)學(xué)校教學(xué)的切實(shí)可行的好方法，對于人才的培養(yǎng)有很大的幫助，今后希望有更多的中等職業(yè)學(xué)校的學(xué)生通過項(xiàng)目教學(xué)法，掌握更加多的知識和技能為社會作貢獻(xiàn)。
網(wǎng)站設(shè)計(jì)心得體會2
一連上了兩個(gè)星期的網(wǎng)頁實(shí)訓(xùn)課，可以說學(xué)到很多以前沒有學(xué)到的東西。雖然在大一的時(shí)候我們的專業(yè)出開設(shè)了網(wǎng)頁設(shè)計(jì)課，但感覺這兩個(gè)星期學(xué)到的遠(yuǎn)遠(yuǎn)比以前學(xué)一個(gè)學(xué)期的要多，要豐富。
每一天都有新的內(nèi)容要學(xué)，讓人感覺很興奮，很高興，恨不得馬上就把它給學(xué)會。通過這次實(shí)訓(xùn)使我更熟練掌握dreamweaver、flash、fireworks、photoshop等軟件的功能和應(yīng)用。不但如此，更增加了同學(xué)間的友誼，陪養(yǎng)了彼此間的團(tuán)結(jié)。
在這期間，每一天老師都會發(fā)一些素材和實(shí)訓(xùn)給我們，首先是網(wǎng)頁素材的準(zhǔn)備，在網(wǎng)上查看一些網(wǎng)頁背景和背景顏色搭配，讓我了解到網(wǎng)頁的顏色不能多過3種色彩。接下來的幾天再結(jié)合自己的網(wǎng)頁來進(jìn)行策劃，在做首頁之前，先用圖紙把網(wǎng)頁的結(jié)構(gòu)畫出來，內(nèi)容和結(jié)構(gòu)都想清楚用fireworks把網(wǎng)頁設(shè)計(jì)出來，再切割圖片，把它們導(dǎo)成html格式在dreamweaver中進(jìn)行進(jìn)一步的編輯。
我們的網(wǎng)站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的網(wǎng)頁名叫funnyroom。主題確定好了，那么分工出就明確了，我們組有三個(gè)人，兩個(gè)人負(fù)責(zé)找素材，另一個(gè)美術(shù)好的就負(fù)責(zé)網(wǎng)頁的頁面設(shè)計(jì)，但是我們始終不是學(xué)美術(shù)方面的，所以色彩方面搭配的不是很好，后來采用了色彩比較清新自然的綠色來作為首頁的主色調(diào)，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調(diào)，讓人可以感受到我們的`主題，因?yàn)槭醉摵推渌念伾灰粯�，所以我們就把首頁�?dāng)作是過渡頁，第二頁開始才是網(wǎng)頁的內(nèi)容。為了增加網(wǎng)頁的新鮮感和活潑感，還適當(dāng)在添加一些透明flash和一些網(wǎng)頁特效。在這實(shí)訓(xùn)的時(shí)間里面，我們分工合作，共同努力，對網(wǎng)頁反復(fù)調(diào)試和修改，特別是對于fireworks軟件不那么熟悉，有很多的實(shí)例都要看過老師的演示才會明白，不過這也恰恰讓我學(xué)到更多。雖然中途難不免會有因?yàn)橐庖姷牟缓隙l(fā)生一些小小的爭吵，但我覺得不影響我們的網(wǎng)頁設(shè)計(jì)，反而會因?yàn)檫@些不同的意見而重新學(xué)到更多的知識。
網(wǎng)站設(shè)計(jì)心得體會3
很多設(shè)計(jì)師認(rèn)為做好了企業(yè)網(wǎng)站就一定能夠做好行業(yè)網(wǎng)站的設(shè)計(jì)，其實(shí)對設(shè)計(jì)來說行業(yè)網(wǎng)站和企業(yè)網(wǎng)站的設(shè)計(jì)截然不同，對整個(gè)網(wǎng)站的創(chuàng)意、風(fēng)格、整體框架 布局、文字編排、圖片的合理利用，空間的合理安排上面等…有著許多諸多的要求，需要考慮的面更廣，面對的問題也會更多。對于一名優(yōu)秀的網(wǎng)站設(shè)計(jì)師來 說不能絕不能放過任何一點(diǎn)小細(xì)節(jié)，本篇文章簡述的是設(shè)計(jì)師在做行業(yè)網(wǎng)站時(shí)所需考慮的一些問題。
一、網(wǎng)站風(fēng)格/創(chuàng)意
風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。整體形象包括站點(diǎn)的版面布局，色彩，字體，瀏覽方式等…。如：我們覺得迪斯尼是生動活潑 的而 IBM 則是專業(yè)嚴(yán)肅的。每一個(gè)網(wǎng)站都會給人們留下的不同感受。這里我們需要做到的是根據(jù)網(wǎng)站的定位做出網(wǎng)站特有的風(fēng)格。除此我們還需要在風(fēng)格同一 上需要把握一下，其實(shí)這個(gè)風(fēng)格的統(tǒng)一和傳統(tǒng)的印刷出版物沒什么區(qū)別。你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的， 都要統(tǒng)一風(fēng)格，貫穿全站。這樣子用戶看起來舒服、順暢，會對你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。而企業(yè)網(wǎng)站設(shè)計(jì)師往往就缺乏這一點(diǎn)，沒有全局意思。 創(chuàng)意， 所謂創(chuàng)意就是不拘一格？某些設(shè)計(jì)師在做創(chuàng)意的時(shí)候大費(fèi)周章，做出來確實(shí)不可否認(rèn)很有創(chuàng)意、很別致，但往往對于行業(yè)網(wǎng)站的客戶為什么不能接受呢？ 此時(shí)不要太責(zé)怪客戶的不識貨，應(yīng)該反思，抓住客戶的需求。其實(shí)做行業(yè)網(wǎng)站不需要很多大的創(chuàng)意，也不要浪費(fèi)過多的時(shí)間去追求如何個(gè)性、 如何好看，我們 只需要一點(diǎn)小小的創(chuàng)意貫穿全站，也許會使網(wǎng)站更生動更具有吸引力、更有思想，比如中國現(xiàn)車交易網(wǎng)
二、網(wǎng)站 LOGO Logo
顧名思義就是站點(diǎn)的標(biāo)志圖案，logo 最重要的就是用圖形化的'方式傳遞網(wǎng)站的定位和經(jīng)營理念、同時(shí)便于人們識別。網(wǎng)站 logo 的設(shè)計(jì)過程中一般有以下三 種思路：
1.直接以網(wǎng)站網(wǎng)址作為 logo。
2.根據(jù)網(wǎng)站提供的產(chǎn)品/服務(wù)特點(diǎn)展開 logo 設(shè)計(jì)。
3.以傳遞網(wǎng)站運(yùn)營商的經(jīng)營理念為特色。如：全球五金網(wǎng) logo
三、視覺流程
人們在閱讀某種信息時(shí)，視覺總有一種自然的流動習(xí)慣，先看什么，后看什么，再看什么。在心理學(xué)的研究表明，一般的瀏覽習(xí)慣是從上到下、從左到右，在 一個(gè)平面上，上松下穩(wěn)而壓抑。同樣，平面的左松右穩(wěn)。所以平面的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”， 也就是最優(yōu)選的地方。在網(wǎng)頁設(shè)計(jì)中一些突出或推薦的信息通常都放在這個(gè)位置。當(dāng)然這種視覺流程只是一種感覺并非一種固定的公式，只要符合人們的心理 順序和邏輯順序，就可以更為靈活地運(yùn)用，在網(wǎng)頁設(shè)計(jì)中，靈活而合理地運(yùn)用直接影響到傳達(dá)信息的準(zhǔn)確與有效性。
網(wǎng)站設(shè)計(jì)心得體會4
此刻，計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具，此刻的網(wǎng)民也在不斷的增多，因此，了解和學(xué)習(xí)網(wǎng)絡(luò)知識是我們作為一名大學(xué)生迫切所需的，
通過對網(wǎng)頁設(shè)計(jì)書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，在實(shí)踐查閱資料時(shí)，對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過學(xué)習(xí)，我對計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了必須的掌握。在這個(gè)過程中，我同樣認(rèn)識到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，他是、Flash、Fireworks等網(wǎng)頁軟件的綜合應(yīng)用。
一個(gè)優(yōu)秀的網(wǎng)站要有一個(gè)明確的主題。整個(gè)網(wǎng)站圍繞這個(gè)主題，也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個(gè)資料來制作，有了明確的資料對排行有很重要的作用；其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個(gè)類別。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵，如果用戶要花很多時(shí)刻進(jìn)入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會立刻離開，這種網(wǎng)站是很失敗的設(shè)計(jì)，只會讓用戶失望的離去。
資料是整個(gè)網(wǎng)頁的核心。在網(wǎng)頁設(shè)計(jì)之前務(wù)必明確網(wǎng)頁的資料安排。優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個(gè)網(wǎng)頁時(shí)，能夠用樹狀結(jié)構(gòu)先把每個(gè)頁面的資料大綱列出來，尤其要制作一個(gè)大的網(wǎng)站的時(shí)候，個(gè)性需要把這個(gè)架構(gòu)規(guī)劃好，也要思考到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，很浪費(fèi)時(shí)刻和財(cái)力。大綱列出來后，還務(wù)必思考每個(gè)頁面之間的鏈接關(guān)聯(lián)。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。
鏈接混亂，層次不清的站點(diǎn)會造成瀏覽困難，影響資料的發(fā)揮�？蚣芏ㄏ聛砹�，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動手制作具體資料了，題材選定，框架選定，接下來就開始往主頁里面填資料。如果是個(gè)人主頁，有潛質(zhì)的人完全能夠靠自己來創(chuàng)作所有的資料。大部分人的方法是：從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上必須的修改后就能夠了。另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就能夠找到一大堆的資料。
在準(zhǔn)備材料的時(shí)候我們能夠用一些小的動畫和動態(tài)圖片，F(xiàn)lash帶給了功能齊全的繪圖和修改圖形工具。能夠直接在修改區(qū)里繪畫，修改修改十分靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動畫播放時(shí)，能夠用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，效果能夠很直觀的.反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就能夠制作出一個(gè)簡單的網(wǎng)頁。
總體來說，通過這個(gè)假期對網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計(jì)的大門，只要我再認(rèn)真發(fā)奮的去學(xué)習(xí)，在今后的閑余時(shí)刻學(xué)習(xí)制作網(wǎng)頁的更多知識以實(shí)現(xiàn)自身技能的提高，我堅(jiān)信將來設(shè)計(jì)出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項(xiàng)技能。
網(wǎng)站設(shè)計(jì)心得體會5
通過這次實(shí)訓(xùn)對這門課程的學(xué)習(xí)，做好網(wǎng)頁，并不是一件容易的事，它包括網(wǎng)頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。所以我得出一下總結(jié)：
一、準(zhǔn)備資料和挑選符合目的主題的合適素材
做網(wǎng)頁當(dāng)然要收集、準(zhǔn)備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設(shè)計(jì)主頁時(shí)的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標(biāo)等等�？梢栽谟脖P上建一個(gè)文件夾，下分“圖片、聲音、動畫”等文件夾，養(yǎng)成上網(wǎng)時(shí)看到有創(chuàng)意、新鮮的圖像，就按鼠標(biāo)右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣，時(shí)間一長就擁有了一個(gè)可觀的圖庫，等做網(wǎng)頁時(shí)隨手拈來或加以修改就成你自己的`東西了。
二、規(guī)劃好整個(gè)網(wǎng)站
主頁的設(shè)計(jì)應(yīng)以醒目優(yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不必要的細(xì)節(jié)，或使畫面過于復(fù)雜。切記，頁面給人的第一觀感最為重要!在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網(wǎng)站了。
三、善用圖片，增強(qiáng)藝術(shù)效果
我記得老師說過網(wǎng)頁的迷人之處之一，要算它上面能點(diǎn)綴許多漂亮的圖片。精美的圖片設(shè)計(jì)，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸，同時(shí)還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
四、善于借鑒他人主頁制作中的設(shè)計(jì)技巧
由于在網(wǎng)上用瀏覽器瀏覽任何主頁時(shí)，都能查看到該主頁制作時(shí)所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計(jì)技巧，試著將其源代碼調(diào)出來仔細(xì)揣摩，并模仿著一步一步去實(shí)現(xiàn)。
最后感謝老師多日來的辛勤教導(dǎo)!
網(wǎng)站設(shè)計(jì)心得體會6
不知不覺我學(xué)習(xí)整站網(wǎng)頁設(shè)計(jì)也有一段時(shí)間了，很高興我能在這計(jì)算機(jī)深入的社會里，學(xué)習(xí)到建設(shè)網(wǎng)站和網(wǎng)頁設(shè)計(jì)的一些知識。網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具，如今的生活，商業(yè)都已經(jīng)在網(wǎng)絡(luò)上如火如荼地開展，我認(rèn)為，學(xué)習(xí)網(wǎng)絡(luò)知識，對于生活在網(wǎng)絡(luò)時(shí)代的我們還是很有必要的。接下來我想分享一下我的獨(dú)家網(wǎng)頁設(shè)計(jì)學(xué)習(xí)心得。希望能夠?yàn)檎趯W(xué)習(xí)網(wǎng)頁設(shè)計(jì)的你們也提供一點(diǎn)幫助。
學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的過程中，我也成功制作了屬于自己的網(wǎng)站，通過這一次嘗試，我對計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。我覺得，在設(shè)計(jì)網(wǎng)頁之前：
首先必須做到先確定網(wǎng)頁設(shè)計(jì)的內(nèi)容，因?yàn)橐粋�(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題,整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個(gè)內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用。
其次自然是了解你網(wǎng)站所在行業(yè)的客戶。要知道用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會讓用戶失望的離開。
我在這次設(shè)計(jì)網(wǎng)頁的過程中，終于體會到做一個(gè)網(wǎng)頁的主頁不是一件容易的事情，它包括個(gè)人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。制作主頁要注意：
要想一個(gè)好的標(biāo)題。標(biāo)題在個(gè)人主頁中起著很重要的作用，它在很大程度上決定了你整套個(gè)人主頁的定位。一個(gè)好的標(biāo)題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風(fēng)格。
主頁中不光要有文字，還要適當(dāng)?shù)丶右恍﹫D片。一張好的圖片可以勝過你的千言萬語。也能讓進(jìn)入你網(wǎng)頁的人一目了然，產(chǎn)生興趣。
網(wǎng)頁頁面整體的排版設(shè)計(jì)也是不可忽略了，很重要的一個(gè)原則是合理也運(yùn)用空間，讓自己的網(wǎng)頁井然有序，留下合適空間，會給人輕松的感覺。
當(dāng)然在做這些內(nèi)容之前，是要找好資料的，我們可以從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。設(shè)計(jì)制作網(wǎng)頁我可以推薦一個(gè)不錯(cuò)的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡單的網(wǎng)頁。好了，網(wǎng)頁設(shè)計(jì)制作完畢后，最后一步就是要優(yōu)化網(wǎng)站了。
就我的觀點(diǎn)，我覺得個(gè)人認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)槲覀冇盟褪莵砘拥�，所以我建議以簡單美為好，太多復(fù)制的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最后申明一下，我不是專業(yè)網(wǎng)站設(shè)計(jì)師，以上只是我對網(wǎng)頁設(shè)計(jì)學(xué)習(xí)的一些心得罷了。多多指教!
自己怎么制作簡單網(wǎng)頁
學(xué)習(xí)前端的一些心得體會從事前端開發(fā)工作1年多了，從最初的DIV+CSS學(xué)起，到現(xiàn)在學(xué)到html5、css3、javascript，jquery等等，我覺得前端要學(xué)的技術(shù)太多了，很多人認(rèn)為前端開發(fā)要掌握的技能簡單，就是網(wǎng)頁制作，其實(shí)不然，前端開發(fā)是網(wǎng)站的前臺代碼實(shí)現(xiàn)，包括基本的HTML和CSS以及JavaScript/ajax，現(xiàn)在最新的高級版本是HTML5、CSS3，以及SVG等。JavaScript作為最難的語言之一，許多編程高手也不敢妄自菲薄、自封精通。
關(guān)于兼容性的問題我相信對于每個(gè)做前端開發(fā)的人來講是一個(gè)很頭疼的問題，互聯(lián)網(wǎng)目前主流瀏覽器有IE6789，F(xiàn)irefox，Chrome，Opera，Safari，遨游，包括國內(nèi)主流的搜狗，騰訊TT，360等等;從內(nèi)核上講主要有IE的，遨游版IE，safari，firefox以及opera的，這些都是大家常見的。所謂的瀏覽器兼容性問題，是指因?yàn)椴煌腵瀏覽器對同一段代碼有不同的解析，造成頁面顯示效果不統(tǒng)一的情況。在大多數(shù)情況下，用戶用什么瀏覽器來查看同一網(wǎng)站，都應(yīng)該是統(tǒng)一的顯示效果。所以瀏覽器的兼容性問題是前端開發(fā)人員經(jīng)常會碰到和必須要解決的問題。這個(gè)時(shí)候就需要針對不同的瀏覽器寫不同的CSS，這個(gè)過程叫CSShack。雖然我們寫代碼都要求按照標(biāo)準(zhǔn)，不寫hack代碼，但實(shí)際工作中為了兼容主流瀏覽器，hack代碼是免不了的，所以這也應(yīng)該是每個(gè)前端開發(fā)人員必備的技能。
所在在學(xué)習(xí)前端的過程中，有能人能在你身旁幫助你學(xué)習(xí)，往往能取得事半功倍的效果，這不僅僅是時(shí)間人力的成本問題，而是因?yàn)橹R的更新?lián)Q代太快了。所以我們不得不提升自己吸收新知識的效率，然而就目前為止，線上學(xué)習(xí)或許已經(jīng)是未來的一種趨勢了，因?yàn)闀r(shí)代的節(jié)奏在加快，逼得我們不得不加快腳步學(xué)習(xí)，而線上教育的出現(xiàn)剛好適應(yīng)著這個(gè)時(shí)代的節(jié)奏，所以應(yīng)該好好把握應(yīng)有的資源來提升自己。
網(wǎng)頁設(shè)計(jì)與制作心得體會
隨著學(xué)習(xí)進(jìn)度的逐漸加快，學(xué)習(xí)的內(nèi)容也逐漸開始變多、變難，不再像一開始那樣老師一講完就可以馬上上手把網(wǎng)頁做出來。自然而然的，在制作網(wǎng)頁的時(shí)候也不再像一開始那樣順利，總會出現(xiàn)各種各樣的錯(cuò)誤。不過對于學(xué)習(xí)上的問題，老師在課堂上也會盡可能地為我們解答，并且為我們提供了很多練習(xí)的機(jī)會，這使得我即使在面對一些困難的問題時(shí)，也能沉著地應(yīng)對。
不過課堂時(shí)間畢竟是短暫，僅僅靠一周兩個(gè)課時(shí)的課堂學(xué)習(xí)時(shí)間想要把網(wǎng)頁設(shè)計(jì)制作完全學(xué)習(xí)得很好是不可能的事。再者網(wǎng)頁制作在我看來是一門實(shí)踐重于理論的科目，如果僅僅學(xué)習(xí)了理論知識卻不付諸實(shí)踐，那對學(xué)習(xí)實(shí)際上是毫無助益的。因此在課余的時(shí)間里，老師給我們布置了與所學(xué)內(nèi)容相對應(yīng)的課外作業(yè)。在完成課外作業(yè)的時(shí)候，如果遇到了難以解決的問題，我會回顧老師上課時(shí)用的課件尋求解決的辦法，與此同時(shí)，也在間接地鞏固知識。
因此，盡管過程并不都是一帆風(fēng)順，但經(jīng)過本學(xué)期的學(xué)習(xí)與實(shí)踐，我也逐漸掌握了網(wǎng)頁設(shè)計(jì)制作的一些基本技能與知識。雖然明年就大四的我以后大概是不會再像這個(gè)學(xué)期那樣有學(xué)習(xí)網(wǎng)頁制作的課程了，但我會利用課余時(shí)間通過自學(xué)了解、學(xué)習(xí)更多關(guān)于網(wǎng)頁設(shè)計(jì)制作的知識，掌握網(wǎng)頁設(shè)計(jì)制作的技能的。
自己怎么制作簡單網(wǎng)頁
首先在設(shè)計(jì)制作網(wǎng)頁之前，你要卻確定你的網(wǎng)頁內(nèi)容是什么?一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對于個(gè)人網(wǎng)站，必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。然后針對你的內(nèi)容找到相關(guān)的資料。接下來就是具體的制作步驟了：
第一步：創(chuàng)建一個(gè)文本文檔你需要?jiǎng)?chuàng)建一個(gè)文本文檔包含單詞,你想要出現(xiàn)在您的Web頁面。只要你給你的文檔名稱結(jié)尾，大多數(shù)文字處理程序?qū)ぷ鞯暮芎�。思考邏輯的地方插入你的文本�?/p>
第二步：學(xué)習(xí)基本的HTML標(biāo)記現(xiàn)在您需要插入一些格式化標(biāo)記你的文檔,會告訴一個(gè)互聯(lián)網(wǎng)瀏覽器如何安排你的文字和圖片在屏幕上。這些標(biāo)簽組成一個(gè)語言稱為超文本標(biāo)記語言,或者HTML。
第三步：查看一個(gè)示例Web頁面
你或許在閱讀會感到有點(diǎn)困惑,這是為了看一個(gè)實(shí)習(xí)的HTML文檔更簡單，然后看看它是怎么被翻譯成一個(gè)Web頁面。您可以查看“源文檔“后邊的任何Web頁面將“視圖”菜單(在Safari——其他的瀏覽器或許略有不同)并挑選“查看源代碼。“當(dāng)你這樣做時(shí),你會看到文檔和HTML標(biāo)簽,創(chuàng)立頁面當(dāng)時(shí)在你的瀏覽器窗口。
第四步：獲得電子圖像如果你還沒有制作主頁的圖像文件,您可以下載一些來自其他Web頁面。用你的常識來決定哪些圖片你可以使用,哪些你不應(yīng)該。根據(jù)什么樣的電腦和瀏覽器你正在使用,你必須使用一種稍有不同的程序下載到你的硬盤映像。這里可以使用Safari瀏覽器:使用鼠標(biāo)指針的位置在圖像——按住鼠標(biāo)按鈕并拖動圖像到你的計(jì)算機(jī)的桌面——放開按鈕,您將看到一個(gè)小圖標(biāo)。這時(shí)圖像已經(jīng)下載到你的硬盤。確保你的文件名稱和格式——點(diǎn)擊圖標(biāo)來查看圖像,因?yàn)樗鼘⒊霈F(xiàn)在您的Web頁面。
第五步：插入HTML標(biāo)簽
如今您現(xiàn)已準(zhǔn)備好插入格局符號在您自個(gè)的文檔。記住要開始您的文檔與。你類型符號之間的將出如今你正在閱讀網(wǎng)頁閱讀器窗口的頂端。
第六步：查看和編輯您的頁面
保存您的文本文檔和返回到瀏覽器。在文件菜單中,選擇“打開文件…”或“另存為…”。從那里你應(yīng)該能夠找到你的文檔的名稱并點(diǎn)擊“開始”。你的文檔將會出現(xiàn)在你的窗口,看起來就像個(gè)網(wǎng)頁了!
第七步：上傳
您需要有一個(gè)互聯(lián)網(wǎng)服務(wù)提供商,允許您將您的網(wǎng)頁頁面在一個(gè)服務(wù)器上，這樣其他人能夠閱覽它。假如沒有,您能夠繼續(xù)操練與文件在您的計(jì)算機(jī)的硬盤。能夠找到一些其他網(wǎng)站的頁面相關(guān)的一些辦法。他們可能會添加一個(gè)鏈接到你的頁面注冊您的網(wǎng)站查找引擎如google或雅虎。一旦你添加你的URL其間一個(gè)數(shù)據(jù)庫,感興趣的人通常主題你的頁面將得到一個(gè)清單,你的網(wǎng)站當(dāng)他們做一個(gè)查找。
另外，這邊有一些軟件可以利用，一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。比較常用的優(yōu)秀軟件有Dreamweaver和Frontpage，如果你是初學(xué)者Frontpage20xx是首選。除此以外還有Photoshop、Photoimpact等。另外還有一些能夠用于動態(tài)網(wǎng)頁設(shè)計(jì)的軟件。那么，有了這些，即使不同網(wǎng)頁設(shè)計(jì)的菜鳥們也可以按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，快快嘗試一下自己制作網(wǎng)頁吧!要記得，網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識它。
網(wǎng)站設(shè)計(jì)心得體會7
上學(xué)的時(shí)候我就對網(wǎng)站建設(shè)比較感興趣，剛好有機(jī)會參加了一個(gè)為期兩周的網(wǎng)站建設(shè)培訓(xùn)課程，在這兩周的網(wǎng)站建設(shè)培訓(xùn)課程學(xué)習(xí)過程中，我練習(xí)掌握了很多關(guān)于網(wǎng)站建設(shè)的知識和技巧。因?yàn)檫@是我比較感興趣的課程，所以對于所學(xué)的知識非常珍惜，學(xué)到了很多對以后工作和生活很有幫助的知識。
我們這一小組做的主要內(nèi)容為建設(shè)一個(gè)網(wǎng)上商店的網(wǎng)站，網(wǎng)上商店的名稱是xx。主要內(nèi)容包括網(wǎng)站主頁、商品分類、新品推薦、購物幫助和客戶服務(wù)。而我負(fù)責(zé)客戶服務(wù)的網(wǎng)頁制作。在整個(gè)培訓(xùn)過程中，難免會遇到一些比較困難的問題。每當(dāng)這時(shí)，我們先是通過組內(nèi)成員間共同討論商量解決的辦法。若沒有討論出結(jié)果，我們會向其他同學(xué)詢問意見，綜合分析后會找指導(dǎo)老師幫忙解決問題，找出問題所在，改正錯(cuò)誤。最后我們的網(wǎng)站終于圓滿完成了，這是值得慶幸也令我們比較有成就感的一件事情。最后我們的一番努力終于取得了成果，心里挺開心的。我們的努力是值得的。
經(jīng)過這次網(wǎng)站建設(shè)課的培訓(xùn)，讓我對自己有了新的認(rèn)識，也學(xué)到了網(wǎng)頁設(shè)計(jì)的知識。在培訓(xùn)中，我們將在書本上學(xué)習(xí)過的很多理論知識付諸實(shí)踐，實(shí)際運(yùn)用，我體會到了其中的難度。在今后的工作和生活中，自己需要更加努力的奮斗下去。實(shí)習(xí)的同時(shí)也讓我了解到了自己的不足，我會繼續(xù)努力，完善自我。對于學(xué)校的精心安排和指導(dǎo)老師的用心輔導(dǎo)非常感謝。
轉(zhuǎn)眼間，兩周愉快而又充實(shí)的網(wǎng)站建設(shè)培訓(xùn)課程結(jié)束了，在這不長的時(shí)間里，在培訓(xùn)的過程中，讓我嘗試了理論與實(shí)踐的結(jié)合。網(wǎng)頁設(shè)計(jì)理論一點(diǎn)點(diǎn)轉(zhuǎn)化為實(shí)踐經(jīng)驗(yàn)，豐富的培訓(xùn)知識，讓我充滿驚喜、快樂和充實(shí)，當(dāng)然也少不了網(wǎng)頁設(shè)計(jì)處理過程中的困難。培訓(xùn)結(jié)束了，感覺腦袋里又注入了新的知識，對網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)也有了更深的了解，在以后的工作中，希望能用自己了解的.東西去處理相關(guān)的問題，再探究新的問題，使自己不斷進(jìn)步。
這兩周里，我學(xué)到了很多關(guān)于網(wǎng)頁制作方面的知識，也學(xué)會了怎樣與人團(tuán)隊(duì)合作，這些都將會對我的成長有很大的幫助，將會在以后的學(xué)習(xí)、工作和生活中起到很大作用。這次培訓(xùn)是我們從學(xué)校到以后找工作的一個(gè)過渡。有了這次學(xué)習(xí)的機(jī)會，自己成長了不少，也學(xué)到了很多。對于書本上的理論知識更加的鞏固了，更重要的是自己得到了這個(gè)寶貴的學(xué)習(xí)機(jī)會。
這次網(wǎng)站建設(shè)培訓(xùn)，讓我受益匪淺，通過培訓(xùn)這樣的學(xué)習(xí)方法對于我們以后不管是學(xué)習(xí)工作還是生活都是受用的。
網(wǎng)站設(shè)計(jì)心得體會8
轉(zhuǎn)眼間，已到了期末，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)這門課程也要結(jié)束了，雖然時(shí)間有點(diǎn)短，但是學(xué)過這個(gè)幾周以后我受益匪淺。
記得最初接觸dreamweaver的時(shí)候，我很茫然，因?yàn)閯偨佑|陌生的軟件心里會很害怕跟不上老師的進(jìn)程。剛開始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進(jìn)程開始加速，有些跟不上了，需要下課后自己補(bǔ)上，問老師和周圍的同學(xué)。漸漸的，在老師的悉心教導(dǎo)下，我們開始熟悉這個(gè)軟件了。老師布置的第一個(gè)任務(wù)，要求做一個(gè)自我形象網(wǎng)站。由于學(xué)習(xí)的時(shí)間較短，老師只要求用PS做好模板即可，任務(wù)相對簡單。但也要求設(shè)計(jì)感強(qiáng)，色彩搭配和諧，并且盡可能的做成實(shí)用又符合實(shí)際的漂亮網(wǎng)頁。
第二個(gè)網(wǎng)頁設(shè)計(jì)老師要求相對較高，用dreamweaver做一個(gè)比較接近真實(shí)的網(wǎng)頁，還要做一個(gè)二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個(gè)表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過ps處理出來一個(gè)版頭并且把修改過大小的圖片放進(jìn)去了。
中間時(shí)預(yù)覽，問題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒有效果。最后想到可以另外再加一個(gè)表格，把版頭放在一個(gè)表格內(nèi)面，這樣問題就解決了。預(yù)覽是效果還不錯(cuò)。但是總覺得首頁做得太普通，一次瀏覽學(xué)長做的網(wǎng)頁時(shí)，覺得他們的'文字滾動窗口做得效果做得不錯(cuò)，于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼，把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問題了。
因?yàn)樾枰獫L動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實(shí)際的網(wǎng)頁預(yù)覽中，這個(gè)有文字滾動的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計(jì)瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網(wǎng)站查了很多資料，可能因?yàn)闆]有專業(yè)術(shù)語作為搜索的關(guān)鍵詞，查不到任何相關(guān)的資料，試過p標(biāo)簽，試過不停的拆分表格，最后還是沒有效果。
就這樣試著試著，突然想到了層這個(gè)概念。于是在布局中點(diǎn)擊了繪制層，結(jié)果成功了，經(jīng)過一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過很多次怎樣插入聲音，可是等到自己做網(wǎng)頁的時(shí)候卻忘記了，于是問其他人，結(jié)果居然都忘記了，于是自己在百度上收。
最后終于找到了一個(gè)可以使用的代碼，但是在加入聲音路徑時(shí)出現(xiàn)了問題。在屬性內(nèi)加入源文件，結(jié)果就是加不進(jìn)去MP3的音樂文件，然后自己就嘗試加入了一個(gè)視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設(shè)計(jì)過程中還出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教同學(xué)等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善�？梢哉f在自己動手，不斷實(shí)踐的過程中，網(wǎng)頁設(shè)計(jì)水平得到了很大的提高。熱情和執(zhí)著，我將來設(shè)計(jì)出的網(wǎng)頁會更加專業(yè)，更完善。
網(wǎng)站設(shè)計(jì)心得體會9
不知不覺，網(wǎng)站設(shè)計(jì)課程的實(shí)操即將過去，回顧這一段日子，真的令我體會很深，也學(xué)會很多東西，懂得很多以前不懂的東西，也明白了一些事情。
自從第一天接觸網(wǎng)站課程，我以下定決心要把網(wǎng)頁這門課學(xué)好，做出一個(gè)優(yōu)秀的網(wǎng)站。所以我時(shí)刻沒有錯(cuò)過任何學(xué)習(xí)的機(jī)會，無論在課堂上，還是在課外上。更何況這一次實(shí)操�；仡櫧翊蔚膶�(shí)操我覺得我過得很充實(shí)，很有意義，因?yàn)槲铱梢哉\實(shí)的說我在實(shí)操沒有玩過一次游戲，我每時(shí)每刻都在設(shè)計(jì)網(wǎng)站，還記得晚上做網(wǎng)站做到一、二點(diǎn)，可能有人會說我傻，但正因?yàn)檫@個(gè)傻的行動，令我學(xué)會很多東西，學(xué)會別人不懂的東西，做出一個(gè)令自己滿意的網(wǎng)站，可能跟別人比還需要繼續(xù)完善，但我不會因?yàn)閷?shí)操結(jié)束，就把網(wǎng)頁設(shè)計(jì)拋到九霄云外，我會繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)技術(shù)，把它變?yōu)樽约旱囊豁?xiàng)特長。
回顧第一天的網(wǎng)站課程實(shí)操，老師叫我們繼續(xù)完善以前設(shè)計(jì)的網(wǎng)站，做出留言板、注冊的功能。我很快就完成了，但可能我是一個(gè)追求完善的人，所以盡管一個(gè)網(wǎng)站做好可以馬上交給老師。但我做出一個(gè)別人都不贊同的決定，從頭開始做一個(gè)網(wǎng)站。因?yàn)槲矣X得以前那個(gè)真的不是太好，盡管實(shí)操的時(shí)間過去了一半，盡管別人對我說你交原來這個(gè)不就行了嗎！何必再做一個(gè)呢？但真因?yàn)槲业膱?zhí)著，追求成功，追求完善的人，才會使我今天交出一個(gè)令自己滿足的答卷。
在制作個(gè)人網(wǎng)站時(shí)我們進(jìn)行個(gè)人網(wǎng)站前臺功能設(shè)計(jì)。包括個(gè)人網(wǎng)站主題的確定，前臺功能設(shè)計(jì)與管理、個(gè)人網(wǎng)站主頁設(shè)計(jì)、個(gè)人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設(shè)計(jì)與管理。對個(gè)人網(wǎng)站后臺管理功能設(shè)計(jì)。包括個(gè)人網(wǎng)站后臺管理功能的設(shè)計(jì)、后臺管理信息系統(tǒng)功能的設(shè)計(jì)、后臺系統(tǒng)權(quán)限管理、后臺文件管理、個(gè)人網(wǎng)站后臺管理系統(tǒng)主頁設(shè)計(jì)。網(wǎng)站的發(fā)布。通常我們發(fā)布一個(gè)網(wǎng)站可能以能過域名注冊，但我們也可以利用自己主機(jī)，裝了iis別人就可以通過我的ip地址來訪問我的.主頁。第一次做的那個(gè)網(wǎng)頁我已經(jīng)發(fā)布在上網(wǎng)了。
個(gè)人網(wǎng)站推廣。一個(gè)網(wǎng)站做好了，就要對個(gè)人網(wǎng)站進(jìn)行推廣，這是一個(gè)電子商務(wù)網(wǎng)站必需做得的一步，因?yàn)槿绻悴粚δ愕木W(wǎng)站進(jìn)行推廣，就算你發(fā)布了也沒有人會知道的。在設(shè)計(jì)這個(gè)網(wǎng)站時(shí)真的體會很多東西，從一開始網(wǎng)頁主題的確定，到主頁總體的設(shè)計(jì)、搜集資料、前臺功能設(shè)計(jì)與管理、后臺功能設(shè)計(jì)與管理、每個(gè)分頁面的設(shè)計(jì)等。我都一一進(jìn)行了規(guī)劃，因?yàn)槿绻悴灰?guī)劃好，想做什么就做什么，是不會做得好的。
在這次實(shí)操過程中令我印象最深的是做留言板，因?yàn)閯偤迷谏弦粋�(gè)星期sql數(shù)據(jù)庫實(shí)操做過了，所以今次在做就比較輕松，但我以前是經(jīng)過一個(gè)比較長的練習(xí)，做完了n次，可能有人會想，肯定是不會才做這么多次！但我想告訴這位同學(xué)我每次做得都不是不同的方法。每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那么多嗎？但我想說的就是不是這么多次的練習(xí)，不是之么多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學(xué)提出的問題解決到，也不會輕松教會同學(xué)，因?yàn)槟阕约菏紫葘W(xué)會，學(xué)通，學(xué)廣，才能把問題解決。
令我難以忘懷的鏡頭也是在做留言板的時(shí)候，但不是為我自己的而做，而是一步一步教同學(xué)做，直到令同學(xué)學(xué)懂；把同學(xué)留言板的問題解決；當(dāng)同學(xué)因?yàn)樽霾怀龆鴽]心情，過去對她進(jìn)行鼓勵(lì)的，然后解決；當(dāng)自己也不會，與同學(xué)共同研究的情況，這種學(xué)習(xí)氛圍是最難得的，就是在做留言板的時(shí)候，令我深深體會到我?guī)拙湓挘赫J(rèn)真做事只是把事情做對，用心做事才能把事情做好。把每一件簡單的事情做好就是不簡單，把第一件平凡的事情做好就是不平凡。
網(wǎng)站設(shè)計(jì)心得體會10
在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持三周的網(wǎng)頁制作專用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識運(yùn)用到實(shí)習(xí)中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實(shí)習(xí)使我獲得了更多的'新知識同時(shí)也使我使我認(rèn)識到了自己在學(xué)習(xí)上的許多不足。
近三個(gè)星期的實(shí)訓(xùn)將要結(jié)束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學(xué)到了新的美化網(wǎng)頁的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲�？傮w來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。
網(wǎng)站設(shè)計(jì)心得體會11
學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，你可能需要很長時(shí)間去解決，我就碰到過一個(gè)問題，用了半個(gè)月時(shí)間才解決。
學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新，你不斷的學(xué)習(xí)不要掉入技術(shù)的陷阱，你的網(wǎng)頁設(shè)計(jì)技術(shù)一流，你對軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的網(wǎng)確不堪目睹，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)是是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的"邊緣科學(xué)."不僅涉及到美學(xué),
心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識,還涉及到html,javascript,css,asp,php等編程語言
技術(shù)方面的知識.只有綜合運(yùn)用多種知識,才能設(shè)計(jì)出視聽特效,動感十足,富于個(gè)性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.
注重實(shí)用，個(gè)人認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。
申明我也是個(gè)網(wǎng)頁設(shè)計(jì)初學(xué)者，并不是什么設(shè)計(jì)名師，這是我個(gè)人的灼見。有什么不對的地方，還請大家見諒。
現(xiàn)在，計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識是我們作為一名大學(xué)生迫切所需的。
這學(xué)期選擇的這門課程讓我學(xué)到了不少關(guān)于計(jì)算機(jī)和網(wǎng)絡(luò)的知識。老師把課程內(nèi)容安排的很合理，講的大都是很基礎(chǔ)的知識，這對于像我這樣對網(wǎng)絡(luò)了解不多的學(xué)生來說很容易理解，接受。
在這門課上我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，對flash也有所了解。課上我還學(xué)到了一些基礎(chǔ)的`網(wǎng)絡(luò)技術(shù)，用制作網(wǎng)絡(luò)的工具做網(wǎng)頁等。
通過對這門課的學(xué)習(xí)，我對計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。
在具體的制作一個(gè)網(wǎng)頁時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備以下一些基本原則
1、確定網(wǎng)頁設(shè)計(jì)的內(nèi)容
一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題,整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個(gè)內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用。
2、了解你網(wǎng)站所在行業(yè)的客戶
用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會讓用戶失望的離去.
3、做一個(gè)典型用戶
不以用戶身份親身體驗(yàn)網(wǎng)站你才能發(fā)現(xiàn)問題，才知道那些需要改進(jìn)，盡量不要讓客戶去發(fā)現(xiàn)問題，在前期設(shè)計(jì)時(shí)就應(yīng)該把這些問題解決。
4、優(yōu)化內(nèi)容
內(nèi)容是整個(gè)網(wǎng)站的核心。在網(wǎng)站設(shè)計(jì)之前必須明確網(wǎng)站的內(nèi)容安排。
優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。
然后在具體的規(guī)劃一個(gè)網(wǎng)站時(shí)，可以用樹狀結(jié)構(gòu)先把每個(gè)頁面的內(nèi)容大綱列出來，尤其要制作一個(gè)大的網(wǎng)站(有很多頁面)的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，很浪費(fèi)時(shí)間和財(cái)力。
大綱列出來后，還必須考慮每個(gè)頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會造成瀏覽困難，影響內(nèi)容的發(fā)揮。
框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。
下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。我們稱作資料收集
如果是個(gè)人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。
在準(zhǔn)備材料的時(shí)候我們可以用到學(xué)習(xí)的flash知識來制作一些小的動畫和動態(tài)圖片，flash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動畫播放時(shí)，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，效果可以很直觀的反映出來。
然后是開始正式制作主頁。通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡單的網(wǎng)頁。
通過個(gè)人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，那種成就感是無法用語言形容的。在今后的閑余時(shí)間，我將會學(xué)習(xí)制作網(wǎng)頁的更多知識，使它成為自己的一項(xiàng)技能。
網(wǎng)站設(shè)計(jì)心得體會12
轉(zhuǎn)眼間，已到了期末，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)這門課程也要結(jié)束了，雖然時(shí)間有點(diǎn)短，但是學(xué)過這個(gè)幾周以后我受益匪淺。
記得最初接觸dreamweaver的時(shí)候，我很茫然，因?yàn)閯偨佑|陌生的軟件心里會很害怕跟不上老師的進(jìn)程。剛開始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進(jìn)程開始加速，有些跟不上了，需要下課后自己補(bǔ)上，問老師和周圍的同學(xué)。漸漸的，在老師的悉心教導(dǎo)下，我們開始熟悉這個(gè)軟件了。老師布置的第一個(gè)任務(wù)，要求做一個(gè)自我形象網(wǎng)站。由于學(xué)習(xí)的時(shí)間較短，老師只要求用PS做好模板即可，任務(wù)相對簡單。但也要求設(shè)計(jì)感強(qiáng)，色彩搭配和諧，并且盡可能的做成實(shí)用又符合實(shí)際的漂亮網(wǎng)頁。
第二個(gè)網(wǎng)頁設(shè)計(jì)老師要求相對較高，用dreamweaver做一個(gè)比較接近真實(shí)的網(wǎng)頁，還要做一個(gè)二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個(gè)表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過ps處理出來一個(gè)版頭并且把修改過大小的圖片放進(jìn)去了。
中間時(shí)預(yù)覽，問題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒有效果。最后想到可以另外再加一個(gè)表格，把版頭放在一個(gè)表格內(nèi)面，這樣問題就解決了。預(yù)覽是效果還不錯(cuò)。但是總覺得首頁做得太普通，一次瀏覽學(xué)長做的網(wǎng)頁時(shí)，覺得他們的文字滾動窗口做得效果做得不錯(cuò)，于是想借見一下。就決定把自己網(wǎng)站的`左邊修改修改。復(fù)制了他的代碼，把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問題了。
因?yàn)樾枰獫L動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實(shí)際的網(wǎng)頁預(yù)覽中，這個(gè)有文字滾動的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計(jì)瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網(wǎng)站查了很多資料，可能因?yàn)闆]有專業(yè)術(shù)語作為搜索的關(guān)鍵詞，查不到任何相關(guān)的資料，試過p標(biāo)簽，試過不停的拆分表格，最后還是沒有效果。
就這樣試著試著，突然想到了層這個(gè)概念。于是在布局中點(diǎn)擊了繪制層，結(jié)果成功了，經(jīng)過一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過很多次怎樣插入聲音，可是等到自己做網(wǎng)頁的時(shí)候卻忘記了，于是問其他人，結(jié)果居然都忘記了，于是自己在百度上收。
最后終于找到了一個(gè)可以使用的代碼，但是在加入聲音路徑時(shí)出現(xiàn)了問題。在屬性內(nèi)加入源文件，結(jié)果就是加不進(jìn)去MP3的音樂文件，然后自己就嘗試加入了一個(gè)視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設(shè)計(jì)過程中還出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教同學(xué)等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善�？梢哉f在自己動手，不斷實(shí)踐的過程中，網(wǎng)頁設(shè)計(jì)水平得到了很大的提高。熱情和執(zhí)著，我將來設(shè)計(jì)出的網(wǎng)頁會更加專業(yè)，更完善。
網(wǎng)站設(shè)計(jì)心得體會13
網(wǎng)頁設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計(jì)，但是經(jīng)過這段時(shí)間的學(xué)習(xí)了解，現(xiàn)在我打開一個(gè)網(wǎng)頁都會習(xí)慣性的先看看排版、布局和色彩運(yùn)用。
通過老師的講解和對課本的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時(shí)候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗(yàn)。例如：1、命名站點(diǎn)或者文件夾的的時(shí)候一定要注意，最好用相應(yīng)的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時(shí)不正確的現(xiàn)象發(fā)生。2、調(diào)用Style時(shí)可以單擊鼠標(biāo)右鍵選擇Custon Style來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的HTML代碼則完全不同。在這個(gè)過程中，我同樣認(rèn)識到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動畫播放時(shí)，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，可以很直觀的反映出效果。 頁面設(shè)計(jì)應(yīng)以美觀、大方、簡潔為原則，保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。網(wǎng)頁最主要的功能就是給每個(gè)上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計(jì)，就需要站在用戶的角度來看。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時(shí)間進(jìn)入網(wǎng)站，很有可能他會立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設(shè)計(jì)，只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個(gè)好的界面設(shè)計(jì)它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個(gè)地方開始使用這個(gè)網(wǎng)站，能點(diǎn)一次的，絕不點(diǎn)第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點(diǎn)到為止。
下面簡單介紹下網(wǎng)頁設(shè)計(jì)的理念和要點(diǎn)。網(wǎng)頁設(shè)計(jì)理念：（1）內(nèi)容決定形式：先把內(nèi)容充實(shí)上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計(jì)。最后調(diào)整不滿意的幾個(gè)局部細(xì)節(jié)。（3）功能決定設(shè)計(jì)方向: 看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要突出贏利目的`；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。
網(wǎng)頁設(shè)計(jì)的兩大要點(diǎn)是：整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格: 1、將標(biāo)志logo，盡可能的放在頁面最突出的位置。2、突出標(biāo)準(zhǔn)色彩。3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標(biāo)語。4、相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。
二、網(wǎng)頁色彩的搭配: 1、用一種色彩。指選定一種色彩，然后調(diào)整透明度或飽和度，這樣頁面看起來色彩統(tǒng)一，有層次感。2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。3、用一個(gè)色系。就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。在網(wǎng)頁配色中，還要切記一些誤區(qū)：1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。2、背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。
針對我所學(xué)的平面設(shè)計(jì)方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計(jì)，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設(shè)計(jì)作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，版式設(shè)
計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計(jì)的大門，在今后的閑余時(shí)間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁的更多知識以實(shí)現(xiàn)自身技能的提高。
網(wǎng)站設(shè)計(jì)心得體會14
記得那年那一年我正式成立公司當(dāng)時(shí)還在天河體育西路的時(shí)候，心想如果真功夫能夠給我接到手做他們的網(wǎng)站就好了，
想不到在XX年的前一個(gè)月朋友就透露說真功夫需要改版，我那時(shí)后有點(diǎn)興奮，因?yàn)榻K于有機(jī)會了，我自己負(fù)責(zé)設(shè)計(jì)我很幸福的申請投搞真功夫的官方網(wǎng)站設(shè)計(jì)，
當(dāng)時(shí)競標(biāo)的公司都必須有邀請競標(biāo)書才可以參加，我查了一下參加競標(biāo)的公司有好多，十幾家公司一同參與競標(biāo)，他們都是行內(nèi)頂尖的網(wǎng)站建設(shè)服務(wù)供應(yīng)商，要爭取下來真的有點(diǎn)困難，但我還是堅(jiān)持一試，于是我委托一些行內(nèi)朋友幫我弄到了那份競標(biāo)書，也聯(lián)系上了真功夫的網(wǎng)站建設(shè)負(fù)責(zé)人，我們約好了具體面談的時(shí)間，那天好緊張，同事們很努力的幫我做好了ppt方案。
同我一起前往的還有一位合伙，他主要講技術(shù)，我主要講設(shè)計(jì)同一些新的想法，那天去到那里好忙里面好忙，在我們之前的還有兩三個(gè)供應(yīng)商，他們已經(jīng)是提了好幾次方案了，我心想他們會不會已經(jīng)談得差不多了，心理有點(diǎn)不大有把握的感覺，到我們了，我們在會議室了等著，大概五分鐘后，
有位帶黑邊眼鏡的男人進(jìn)來了，看起來很有嚴(yán)肅，他坐下了同我們聊了會，問你們怎么會用我們的競標(biāo)書，我當(dāng)時(shí)不知道怎么說好，只好說是朋友介紹的，他："哦"了一下，說："沒所謂，反正我們要的是能夠提供好作品的供應(yīng)商，不過你們應(yīng)該是比較晚來了，他們已經(jīng)出了好多方案了，你們是否也也什么方案呢"？
我們把ppt方案拿出來跟他講述了我們的構(gòu)思同想法，我們的賣點(diǎn)是突出真功夫的"新鮮""便利""互動""體驗(yàn)"幾個(gè)方面，新鮮呢就主要是體現(xiàn)出其食品的確是既新鮮又有營養(yǎng)，另外就是網(wǎng)站形式多樣自由更新變換，給會員有新鮮感，"便利"就是其自己維護(hù)便利，"互動"就是充分利用互聯(lián)網(wǎng)同網(wǎng)下會員的一中互動活動，"體驗(yàn)"就是設(shè)置一些游戲給會員親身體驗(yàn)其品牌文化，從中讓會員在體驗(yàn)中深入了解同認(rèn)識其品牌意識，深深的記憶在消費(fèi)者腦里。
另外由于真功夫的食物主要是以蒸煮為主的，很有中國特色的一種傳統(tǒng)文化，所以我們設(shè)置了一些中國文化的元素在我們的方案當(dāng)中。
我們大概聊了大概一個(gè)多鐘，大家都聊得很開心，但最后他給我一句話讓我壓力更大，他說："你們作個(gè)平面方案過來吧，我對設(shè)計(jì)的要求很高，雖然我們初次談得不錯(cuò)，但最終還要看實(shí)體，如果你們過來的平面不行的話我們就不必要繼續(xù)談下去了。
包括其它供應(yīng)商也是這樣。"當(dāng)時(shí)，我壓力好大，因?yàn)樗械?希望都寄托在這一個(gè)平面上了，但沖著這一點(diǎn)我決定我要加班就算是不睡不喝也要把他做好，我回家后收集了好多相關(guān)的資料，然后做了一個(gè)平面過去，要清楚，這個(gè)平面是生死稿，行就繼續(xù)不行就會前功盡棄，所以當(dāng)時(shí)做這個(gè)稿做了我一個(gè)通宵，總共做了我26個(gè)小時(shí)，幸好，反饋回來的不是壞消息，興奮的繼續(xù)做深入的方案。我們第二第三次會面了，從中我們的方案逐漸令到他們覺得我們很有實(shí)力很有信心做好。
在幾次的會談當(dāng)中，我們出了好幾款風(fēng)格平面給他們，在中我們有想過放棄，因?yàn)楫?dāng)時(shí)根本還沒確定是否給我們簽合同，不過我堅(jiān)持還是做下去，因?yàn)槲液芟Ｍ軌蜃龊眠@單，畢竟也付出了這么多，不可能半途而費(fèi)。幸好最后我們的態(tài)度同設(shè)計(jì)都令他們感到合作的誠意，于是終于把合同給簽了。工作也陸續(xù)開展下去了......
他們每到節(jié)假日都會做一些活動，我們當(dāng)然都會幫他們做一些活動推廣。包括活動中的游戲體驗(yàn)等。
到最后雖然過程是艱苦的，但結(jié)果是開心的。
結(jié)束語：萬事都有轉(zhuǎn)機(jī)，只要您堅(jiān)持到最后就會有好的收獲。
【網(wǎng)站設(shè)計(jì)心得體會】相關(guān)文章：
網(wǎng)站設(shè)計(jì)心得體會14篇01-26
網(wǎng)站建設(shè)心得體會12-11
網(wǎng)站建設(shè)實(shí)習(xí)心得體會04-24
網(wǎng)站實(shí)習(xí)報(bào)告04-27
設(shè)計(jì)心得體會07-16
網(wǎng)站申請書07-04
如何建立自己的網(wǎng)站02-19