html網(wǎng)頁設(shè)計實訓(xùn)心得

html網(wǎng)頁設(shè)計實訓(xùn)心得html網(wǎng)頁設(shè)計實訓(xùn)心得「篇一」一、要進行個人網(wǎng)站前臺功能設(shè)計包括個人網(wǎng)站主題確定、前臺功能設(shè)計與管理、個人網(wǎng)站首頁設(shè)計、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設(shè)計與管理。二、個人網(wǎng)站后臺管理功能設(shè)計包括個人網(wǎng)站后臺管理功能設(shè)計，后臺管理信息系統(tǒng)功能設(shè)計，后臺系統(tǒng)權(quán)限管理，后臺文件管理，個人網(wǎng)站后臺管理系統(tǒng)主頁設(shè)計。三、網(wǎng)站發(fā)布通常我們發(fā)布一個網(wǎng)站，這樣我們可以注冊域名，但我們也可以利用主機和安裝iis，這樣其他人可以通過“我的IP”地址訪問“我的主頁”。四、個人網(wǎng)站推廣一個網(wǎng)站做好了，就有必要推廣一下個人網(wǎng)站，這是一個電子商務(wù)網(wǎng)站必須做的一步，因為如果你不推廣你的網(wǎng)站，即使你發(fā)布了也沒有人會知道。html網(wǎng)頁設(shè)計實訓(xùn)心得「篇二」網(wǎng)頁設(shè)計的兩大要點是：整體風(fēng)格和色彩搭配。一、確定網(wǎng)站的整體風(fēng)格:1、將標志logo，盡可能的放在頁面最突出的位置。2、突出標準色彩。3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標語。4、相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標題字的陰影效果的設(shè)置應(yīng)該是完全一致的。二、網(wǎng)頁色彩的搭配:1、用一種色彩。指選定一種色彩，然后調(diào)整透明度或飽和度，這樣頁面看起來色彩統(tǒng)一，有層次感。2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網(wǎng)頁配色中，還要切記一些誤區(qū)：1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。2、背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。針對我所學(xué)的平面設(shè)計方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設(shè)計作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，但它們有許多相近之處，版式設(shè)計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計的大門，在今后的閑余時間繼續(xù)認真學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。html網(wǎng)頁設(shè)計實訓(xùn)心得「篇三」在設(shè)計網(wǎng)站時真的可以體會很多東西，從一開始確定頁面的主題，到整個主頁的設(shè)計，信息的收集，前臺功能的設(shè)計與管理，后臺功能的設(shè)計與管理，每一個頁面的表面設(shè)計。我把它們都一一進行規(guī)劃，因為如果你不好好規(guī)劃，想做什么就做什么，你是做不好的。因為我意識到這句話：“機會是屬于那些有準備的人”。我詳細到一個表的寬度都一一列出來。例如：775寬，分成三欄，每欄占多少。因為我深知“細微之處才見真功夫”。給我最深印象的是留言板，因為之前SQL數(shù)據(jù)庫實際鍛煉做過了，所以這次做相對容易，但我經(jīng)過長時間的練習(xí)，完成了n次，有些人可能會認為，肯定是不會才做很多次！但我想告訴這些人，我每次做都是用不同的方法。第一次使用access數(shù)據(jù)庫，第二次使用SQL數(shù)據(jù)庫+權(quán)限管理，第三次使用數(shù)據(jù)源名稱的連接。每次用的方法都不一樣?？赡軙腥苏f我笨，有方法就行了，要那么多干嘛？但我想說的是，沒有這么多次練習(xí)，就不會有這么多不同的方法，不會創(chuàng)造今天熟能生巧的我。方法，只有你自己先學(xué)會，才會學(xué)通、學(xué)廣。做出一個好的網(wǎng)頁一般都離不開dreamweaver，flash，photoshop這三個軟件，當(dāng)然，還可以用到其他一些輔助軟件就會加快網(wǎng)頁的設(shè)計了，比如：SothinkDHTMLMenu，Sothink_Logo_Maker等軟件，這些軟件不僅可以快速開發(fā)出導(dǎo)航，logo等，而且很漂亮，美觀。html網(wǎng)頁設(shè)計實訓(xùn)心得「篇四」6.10號是我去培訓(xùn)學(xué)校學(xué)習(xí)的第一天，剛來時什么也不懂也不會，可以這么說完全是零基礎(chǔ)。一天的學(xué)習(xí)下來，自己深受觸動，認真聽講，認真筆記。一天的學(xué)習(xí)量很多也很充實。于是每天這么度過，一刻也不敢懈怠。漸漸地，我從無知到接觸揣摩H5，開始老師講的聽不懂，但請教老師同學(xué)后，問題迎刃而解。老師同學(xué)都很親切積極幫助。來的時候老師就說三天學(xué)完基礎(chǔ)，第四天就要求能做出頁面。我一聽不敢相信。因為自己零基礎(chǔ)，短短四天怎么可能，但是跟著老師一步步下來到第四天，自己還真能馬馬虎虎做出來頁面。時光流逝，很快在這里度過了一個月。然而月考即將到來，我忐忑不安。覺得自己第一階段還沒學(xué)好學(xué)扎實就考試了，感嘆時間過得好快，考試的一天，面對筆試題，我笑了，因為我這些日子日以繼夜的背全都會。機試本來我其實是應(yīng)該發(fā)揮的特別好的，但是可惜的是框架搭錯了，除了倆個bug耽誤了一個小時，否則三個頁面我都能夠敲出來，不說滿分九十多分也是妥妥的。在這段時間里我拼命的背筆記，敲頁面練習(xí)。穩(wěn)固扎實。我覺得很好，起碼對得起自己，起碼自己學(xué)到手了。H5說難也不難，說不難也難，關(guān)鍵看自己有沒有付出，全身心投入。愛不愛好。html網(wǎng)頁設(shè)計實訓(xùn)心得「篇五」不知不覺，我已經(jīng)學(xué)習(xí)《網(wǎng)頁設(shè)計與制作》這門課程一個學(xué)期了，雖然時間有點短，但這一個學(xué)期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學(xué)會了頁設(shè)計與制作的基礎(chǔ)知識，還讓我學(xué)會了自己動手去制作屬于自己的網(wǎng)頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于像我這樣的個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。找到材料后，我們還要規(guī)劃網(wǎng)站。一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對于圖片部分的處理，個人覺得Photoshop比較好用。最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。網(wǎng)頁做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。html網(wǎng)頁設(shè)計實訓(xùn)心得「篇六」利用假期和休息時間，初步學(xué)習(xí)了有關(guān)html+css的知識，感觸頗多。做網(wǎng)站原來一直處于一種茫然的狀態(tài)，邊學(xué)邊做，邊實踐邊維護，每每遇到問題了，便會花費很大的精力去解決，在解決問題的過程中也慢慢提高，但工作有時相當(dāng)?shù)某粤ΑＭㄟ^一段時間詳細的接觸到html+css，從基礎(chǔ)知識補起，利用空閑時間看書及有關(guān)div+css“布局入門教程”，它通過舉一個例子，然后讓你上機測試效果，讓我有對樣式表CSS有一個初步的印象，知道了CSS能做什么。我覺得這份教程很有條理，由淺入深，一步一步引領(lǐng)你向前走，讓你明白他們在說什么。在些之前，我是從未接觸過div+css的，甚至連dreamwear、photoshop的工具也都是皮毛。我的學(xué)習(xí)思路是這樣的：一、先寫HTML還是先寫CSS？對于一個新手而言，在有了一點html知識之后，對于CSS、DIV都感覺特別的疑惑，不知道這其中到底是什么聯(lián)系？為什么用了CSS的網(wǎng)頁不能像其它代碼一樣直觀？html和css哪個先寫？其實這些問題在我看完教程，但還沒真正上手實踐時的疑惑！等真正上手自己做時，我才發(fā)現(xiàn)應(yīng)該兩者同時寫！二、把站點建好，目錄建好，比如建好文件夾css,images,這兩個是最其本的，然后新建一個.html空文件，一個.css空樣式表，把.css外部樣式表連接到.html這個文件上，鏈接寫在中。三、寫HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，這些布局部分包括外套部分，頭部分，中間部分，左，中，右，版權(quán)部分等。四、到樣式表中寫各個布局層的樣式。五、寫一段代碼后就進行瀏覽器的測試，同時用IE6與FF一起測試。在瀏覽器中調(diào)試，調(diào)試時發(fā)現(xiàn)許多之前沒有預(yù)料的問題，如瀏覽器的兼容問題、浮動的問題等。六、不斷的找出問題、理解怎么出錯的，不斷的再測試！這樣的學(xué)習(xí)和研究過程，讓我體驗到了許多次的付出與回報的樂趣，如：第一：閱讀一本書，一般來說我第一次要先把整個書通讀一遍，不理解的也要往下看，因為在往下看的過程中也許會找到那個問題的答案，等看完后我會有一個大概的印象，但一定會有很多不明白的地方，沒關(guān)系，繼續(xù)往下看。第二：就要邊看邊做學(xué)習(xí)筆記了，我有隨時寫筆記的習(xí)慣，電子稿或手寫稿均可。把自己認為是重點的部分寫上，便于以后查閱；再者，把覺得有疑問的部分記下，帶著疑問看下去，如果沒有答案，上網(wǎng)查詢或是問前輩，解疑是提高知識最快的一種方式。第三：心態(tài)很重要，一定得靜下心看書，能不越過的看就不越過，要樹立信心，堅持再堅持下去。系統(tǒng)的將教程學(xué)完，一遍不行兩遍，持之以恒。第四：當(dāng)你到達終點時你回發(fā)現(xiàn)一切都是順理成章的事。因為你努力了，努力了就會有回報，有結(jié)果。學(xué)習(xí)永遠沒有終點，隨著學(xué)習(xí)，知識不斷提高，所接觸的技術(shù)領(lǐng)域也隨之?dāng)U大。堅持看書，堅持以任何一種方式學(xué)習(xí)，都將受益無窮，也都是一件十分快樂的事情。html網(wǎng)頁設(shè)計實訓(xùn)心得「篇七」如今移動互聯(lián)網(wǎng)發(fā)展迅速，技術(shù)不斷的更新迭代，所學(xué)知識也需與時俱進?，F(xiàn)在市場上的主流互聯(lián)網(wǎng)網(wǎng)站，需要打造的是一流用戶交互體驗。對于前端開發(fā)者的要求，不再是簡單的頁面展示，而是需要全棧式的前端開發(fā)工程師。方法一：注重實踐，由實踐出真知在HTML5知識學(xué)習(xí)過程中，有些學(xué)員不喜歡動手，更喜歡聽講師講或者自己背誦，這種學(xué)習(xí)方法是萬萬不可取的。因為代碼的學(xué)習(xí)，是個需要動手的過程。掌握代碼不僅僅只有記憶還有嘗試。嘗試自己去寫代碼，然后發(fā)現(xiàn)問題，最后進行歸納總結(jié)，同時形成理論并記憶。方法二：由整體到局部，由骨架到血肉我們在學(xué)習(xí)HTML和CSS時，會涉及到網(wǎng)頁的搭建等相關(guān)知識。在學(xué)習(xí)這部分知識時我們采取的是“由外及內(nèi)”、“由整體到部分”、“由全局到細節(jié)”的學(xué)習(xí)方法。我們在接觸某一個新的知識點時，一定要從主干到枝葉，不要拘泥于某一個細節(jié)而沉溺于其中。主干如同知識的一個主線，這種先找主干后添枝葉的學(xué)習(xí)方法能夠讓知識遺漏變成最少，也會比較容易建立起知識與知識間的關(guān)系。方法三：記憶很重要我們剛才在方法一中提到注重實踐，并不是讓我們忽略記憶。記憶也是同樣重要的，學(xué)習(xí)時我們通常會遇到需要記憶的知識點。如有哪些數(shù)據(jù)類型、有哪些標簽元素等等。遇到這類知識點時我們一定要通過記憶將其熟練掌握，很多人在學(xué)習(xí)的過程中覺得還是理解是最重要的，這種想法是錯誤的。因為如果連記都記不住還談什么理解呢?方法四：類比在學(xué)習(xí)CSS引入方式這種知識點時，我們采用了另一種學(xué)習(xí)方法。類比，或者也可以叫做辨析。這種方法主要針對于區(qū)分相似的兩種或多種事物。如strong與em，塊元素與行元素，同步與異步等等此類知識具有相似性的知識，應(yīng)多多思考，抓取幾種事物的不同點，結(jié)合去記憶。方法五：循序漸進的學(xué)習(xí)學(xué)習(xí)是一個日積月累的過程，不能一口吃成一個胖子。在學(xué)習(xí)的過程中我們通常會遇到一些大型的知識，這種知識是比較難啃的。當(dāng)我們遇到此類知識時，不要急于求成，要腳踏實地一步一步的來，例如動畫框架的學(xué)習(xí)就是一個典型的例子。在循序漸進的學(xué)習(xí)過程中，學(xué)習(xí)思路也是很重要的。換句話說，我們面對一個“大型”的知識點，知道要按部就班的一步一步的來完成，但是就是不知道該怎么開始，從哪兒開始。這時候就需要我們