html網(wǎng)頁設(shè)計實訓(xùn)心得范文(精選17篇)
我們有一些啟發(fā)后,寫心得體會是一個不錯的選擇,通過寫心得體會,可以幫助我們總結(jié)積累經(jīng)驗。相信許多人會覺得心得體會很難寫吧,以下是小編幫大家整理的html網(wǎng)頁設(shè)計實訓(xùn)心得范文(精選17篇),僅供參考,希望能夠幫助到大家。
html網(wǎng)頁設(shè)計實訓(xùn)心得1
通過這次實訓(xùn),我收獲了很多。以下是我的實訓(xùn)總結(jié)。
在實訓(xùn)中除了學(xué)到了許多新的知識,還鍛煉了我做項目的能力,提高了獨立思考問題、自己動手操作的能力。實訓(xùn)中的項目作業(yè)也使我更加有團(tuán)隊精神。
一、繼續(xù)學(xué)習(xí),不斷充實自我。
在實訓(xùn)中除了學(xué)到了許多新的知識,了解了關(guān)于HTML5的相關(guān)知識,對互聯(lián)網(wǎng)+有了新的認(rèn)識,對于未來工作的方向也多了一種選擇。
二、努力實踐,不斷提升自我。
只有將理論付諸于實踐才能實現(xiàn)理論自身的價值,也只有將理論付諸于實踐才能使理論得以檢驗。同樣,一個人的價值也是通過實踐活動來實現(xiàn)的,也只有通過實踐才能鍛煉人的品質(zhì),彰顯人的意志。這次跟隨老師實訓(xùn)完成了四個項目,和我的小伙伴們獨立完成了一個小項目,滿滿的激動,未來還要更加努力。
三、完善總結(jié),不斷深造自我。
實訓(xùn),展現(xiàn)在自己面前的是一片任自己馳騁的沃土,耕種夢想,成就未來。我將繼續(xù)學(xué)習(xí),深入實踐,不斷提升自我,多反思,多總結(jié),吸取經(jīng)驗,為以后打下基礎(chǔ)。
可以說這次實訓(xùn)不僅使我學(xué)到了知識,豐富了經(jīng)驗;將會有利于我更好的適應(yīng)以后的工作。最后,我要感謝學(xué)院組織的這次十分有意義的實訓(xùn),使我們學(xué)到了很多,也領(lǐng)悟了很多。
html網(wǎng)頁設(shè)計實訓(xùn)心得2
這個學(xué)期學(xué)習(xí)了網(wǎng)頁設(shè)計實訓(xùn)基礎(chǔ)這門課程,使我增加了計算機(jī)的基礎(chǔ)知識,同時也增加了對學(xué)習(xí)計算機(jī)的濃厚興趣。
第一、從這次實訓(xùn)當(dāng)中我深刻的體會到理論知識的重要性,只有在自己熟練理論知識后再能在實踐中游刃有余,才不會出現(xiàn)“用時方恨少的境地!
第二、實訓(xùn)中我印象最深的是對各種網(wǎng)頁制作工具的使用不熟練,甚至還有個別不會用的,只是自己想要做個圖片或圖標(biāo)等都做不好,其心情想而知。所以對這些網(wǎng)頁是做工具的使用都要練習(xí)。
第三、集體協(xié)作是我又一個體會。這次網(wǎng)頁制作由于某些原因我一個人一組,是我搞掘到壓力很大而且很累,而且我自己的思維能力很有限,網(wǎng)站設(shè)計和制作上也略顯粗糙和不足,正所謂:你有一個思想,我有一個思想,分享后我們就都有兩個思想。所以與同學(xué)合作是很有必要的。
人生的快樂莫過于做自己喜歡的事情,我很慶幸能有這次實訓(xùn)機(jī)會,因為我喜歡靜靜地坐著去做做自己心里的故事,或許做的不是特別完美,從此也可以看出我以后還需要更多的努力,我會奮勇向前不斷不努力的,希望能夠得到老師的肯定!
html網(wǎng)頁設(shè)計實訓(xùn)心得3
通過這次實訓(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è)計主頁時的參考。另外,還包括搜集美化主頁可能要用到的各種材料,如背景、小動畫圖標(biāo)等等?梢栽谟脖P上建一個文件夾,下分“圖片、聲音、動畫”等文件夾, 養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像,就按鼠標(biāo)右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣,時間一長就擁有了一個可觀的圖庫,等做網(wǎng)頁時隨手拈來或加以修改就成你自己的東西了。
二、 規(guī)劃好整個網(wǎng)站
主頁的設(shè)計應(yīng)以醒目優(yōu)先,應(yīng)該令人一目了然,切勿堆砌太多不必要的細(xì)節(jié),或使畫面 過于復(fù)雜。切記,頁面給人的第一觀感最為重要!在網(wǎng)上到處瀏覽網(wǎng)站的人很多,如果你的主頁給人的第一印像沒有吸引力, 很難令他們深入觀賞, 而且他們恐怕再也不會訪問你的網(wǎng)站了。
三、 善用圖片,增強(qiáng)藝術(shù)效果
我記得老師說過網(wǎng)頁的迷人之處之一, 要算它上面能點綴許多漂亮的圖片。 精美的圖片設(shè)計,可以使自己的網(wǎng)頁增輝不少,令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實際作用,切忌 虛飾浮夸,同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
四、善于借鑒他人主頁制作中的設(shè)計技巧
由于在網(wǎng)上用瀏覽器瀏覽任何主頁時, 都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此,如果想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計技巧,試著將其源代碼 調(diào)出來仔細(xì)揣摩,并模仿著一步一步去實現(xiàn)。
最后感謝老師多日來的辛勤教導(dǎo)!
html網(wǎng)頁設(shè)計實訓(xùn)心得4
20世紀(jì)40年代科學(xué)字發(fā)明了計算機(jī)之后,人們的工作效率大大提高,但是單個計算機(jī)能夠存儲和處理的信息是非常有限的,為了便于信息的傳遞和處理,人們就把眾多的計算機(jī)連接起來。
網(wǎng)頁制作論文摘要通過這次個人網(wǎng)頁的制作,我對計算機(jī)有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解,對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上,對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過自己的努力完成了自己上傳到網(wǎng)上的第一個作品,那種成就感是無法用語言形容的。所以我覺得這次制作網(wǎng)頁我已經(jīng)達(dá)到了自己的目的,而不是單單為了完成作業(yè)而已。這是一個完全關(guān)于自己的個人網(wǎng)頁,既然是介紹自己,就應(yīng)該讓觀者在瀏覽了之后了解自己其人。
1、一般來說,個人主頁的選材要小而精。如果你想制作一個包羅萬象的站點,把所有您認(rèn)為精彩的東西都放在上面,那么往往會事與愿違,給人的感覺是沒有主題,沒有特色,樣樣有卻樣樣都很膚淺,因為您不可能有那么多的精力去維護(hù)它。注意:網(wǎng)頁的最大特點就是更新快。目前最受歡迎的個人主頁都是天天更新甚至幾小時更新一次。
2、題材最好是你自己擅長或者喜愛的內(nèi)容。比如:您對詩歌感興趣,可以放置自己的詩詞;對足球感興趣,可以報道最新的球場戰(zhàn)況等等。這樣在制作時,才不會覺得無聊或者力不從心。
3、不要太濫或者目標(biāo)太高!疤珵E”是指到處可見,人人都有的題材;“目標(biāo)太高”是指在這一題材上已經(jīng)有非常優(yōu)秀,知名度很高的站點,你要超過它是很困難的。
選定了一個好的題材,是不是可以立刻動手制作了?不,經(jīng)驗告訴我們,必須要先規(guī)劃框架。這是很重要的一步!每個網(wǎng)站都是一項龐大的工程。好比造高樓,沒有設(shè)計圖紙,規(guī)劃好結(jié)構(gòu),盲目的建造,結(jié)果往往是倒塌;也好比寫文章,構(gòu)思好提綱,才不至于邏輯混亂,虎頭蛇尾。全面仔細(xì)規(guī)劃架構(gòu)好自己網(wǎng)站,不要急于求成。
規(guī)劃一個網(wǎng)站,可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來,尤其當(dāng)你要制作一個很大的網(wǎng)站 (有很多頁面) 的時候,特別需要把這個架構(gòu)規(guī)劃好,也要考慮到以后可能的擴(kuò)充性,免得做好以后又要一改再改整個網(wǎng)站的架構(gòu),十分累人,也十分費錢。
大綱列出來后,你還必須考慮每個頁面之間的鏈接關(guān)系。是星形,樹形,或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內(nèi)容的發(fā)揮。
html網(wǎng)頁設(shè)計實訓(xùn)心得5
在炎熱的夏季,又在悶熱的機(jī)房中,我們又一次的完成了網(wǎng)站建設(shè)的實習(xí)。在這實習(xí)期間,有太多的話想說,都是苦不堪言。但事后又想想,苦過了,才知道有甜。
在這實習(xí)當(dāng)中,我知道了div是html(超文本語言)中的一個元素,div+cs是一種網(wǎng)頁的布局方法,div+css包括 行內(nèi)樣式、內(nèi)嵌式、鏈接式、導(dǎo)入式、css選擇器、標(biāo)記選擇器、類別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區(qū)別:id不允許重復(fù)使用,只能用一次,css規(guī)范和其他規(guī)范javascript控制方法一樣。
說實話,我對div+css一點兒都不懂,但起碼我知道了這是一種網(wǎng)頁的布局格式,總比不知道強(qiáng)。有句話說,不懂就要學(xué)。是的,既然學(xué)了了這個專業(yè),就不能對這個專業(yè)模糊。所以,就要學(xué)習(xí)學(xué)習(xí)再學(xué)習(xí)。征服畏懼、建立自信的最快最確實的方法,就是去做你害怕的事,直到你獲得成功的經(jīng)驗。
我們經(jīng)過兩周的實訓(xùn),通過前期的合同洽談、簽訂,到后期的網(wǎng)站制作、網(wǎng)站發(fā)布,讓我受益匪淺。不僅讓我了解通過網(wǎng)絡(luò)洽談商務(wù)的禮儀和細(xì)節(jié),也讓我的網(wǎng)站制作知識及技能有了很大提高。
前期我們通過發(fā)送電子郵件,進(jìn)行網(wǎng)上商務(wù)的接洽。由于沒有做好工作——了解商務(wù)郵件的格式,導(dǎo)致郵件發(fā)了很長一段時間,雙方還僅僅停留在認(rèn)識階段,確實說來很失敗。
在擬定合同時,由于不能真正滿足客戶的需求,一些條款及報價不合理,因此要一次又一次反復(fù)的修改合同。這主要是因為我們不能正確解讀客戶的要求,并且我們不能拿出我們公司為大洋禮品公司網(wǎng)站建設(shè)的特色。
在網(wǎng)站制作的起初階段,由于不曾制作過網(wǎng)頁,雖然團(tuán)隊確立了分工,但還是有些迷茫。公司沒有確立風(fēng)格和大體的布局,并且搜集資料是一個漫長而又復(fù)雜的過程。通過瀏覽各類禮品網(wǎng)站,心里大概有了一定的想法和設(shè)計。
我的主要任務(wù)有“誠聘英才” 、“產(chǎn)品導(dǎo)航” 、“展會禮品” 、“廣告促銷禮品” 。我最先做的是“誠聘英才” ,我是參照中國電信誠聘英才首頁做的,它看似制作簡單,其實布局十分復(fù)雜、精致。在處理圖片是我遇到了不少困難,最典型的就是有一次我想在圖片中插入文字,但始終插入不了,后來通過請教老師,總算知道了其中的奧妙。原來是圖層被鎖定了,要重新拷貝圖層,再考貝的圖層上就可以插入文字了,并且文字其實也是一個圖層,它是可以移動的。盡管我為誠聘英才網(wǎng)頁付出了很多,但并沒有被采納,并且此時我也設(shè)計了logo,也沒有被采納。
“產(chǎn)品導(dǎo)航”是一個困擾我一上午的問題(此刻公司首頁已經(jīng)制作完畢,而它與合同上的“產(chǎn)品導(dǎo)航”頁面布局類似,于是這讓我一時間很難抉擇。我就一邊設(shè)計一邊思考,此時我為公司定的色彩風(fēng)格是紅色,我為導(dǎo)航欄設(shè)計的是交互式按鈕,并且設(shè)計了初始字體、懸停、按下時字體顏色。可是這一切都是白費,由于后來我們將風(fēng)格確定為藍(lán)色,并且導(dǎo)航欄確定都采用首頁中插入的圖片,但我覺得這樣有些不好:例如它不可以設(shè)置超鏈接的字體顏色,這是很不專業(yè)的體現(xiàn)。團(tuán)隊由于缺乏及時的溝通,導(dǎo)致其他組員一些好的想法得不到實施,確實是我們團(tuán)隊合作的一個問題所在。
展會禮品、廣告促銷禮品由于套用相同的布局,設(shè)計上沒有什么難點,只是在這基礎(chǔ)上進(jìn)行產(chǎn)品的進(jìn)一步分類和圖片的搜集有些費神和花時間。我在制作這一系列網(wǎng)頁時,都特別注意修改網(wǎng)頁標(biāo)題。網(wǎng)頁標(biāo)題是十分重要的,它是每打開一張網(wǎng)頁的頭標(biāo)。
前面這一階段的工作我還有一個小收獲,這就是圖片位置,其實在圖片屬性中圖片定位選擇絕對定位,再在下面輸入距左距上的距離即可,這是一個很不錯的方法。
后期我們進(jìn)行每個人作的網(wǎng)頁整合時遇到了不少問題 ,原先我們認(rèn)為超鏈接是可以整合的,其實不然,只能在一個文件內(nèi)作。當(dāng)時已經(jīng)花了一天的工時,可后來在晚上才發(fā)現(xiàn),不只這個問題,還有每個人做的網(wǎng)頁都是保存在網(wǎng)站文件夾下,而最后上傳到服務(wù)器上只能有一個網(wǎng)站文件夾。所以后來我們組有三個人加班熬夜的。原本以為這樣已經(jīng)差不多了,可是當(dāng)我們把網(wǎng)站通過 windowsxxiis默認(rèn)web站點上傳進(jìn)行本地調(diào)試時發(fā)現(xiàn)所有網(wǎng)頁導(dǎo)航欄的圖片都顯示不出來,一些超鏈接也無法連接,這下讓我們有些驚慌失措。通過向老師了解,知道可能是圖片命名的問題,web服務(wù)器無法識別中文命名的圖片,此外網(wǎng)頁也需命名為英文。于是我們又忙于修改圖片和網(wǎng)頁的名稱。我的所制作的展會禮品將網(wǎng)頁都放在private文件夾下,導(dǎo)致所有需要連接到展會禮品首頁的都不能進(jìn)行。我首先需要把private文件夾下的網(wǎng)頁全部剪切出來,并且檢查超鏈接,而這些只能在frontpage文件夾試圖下進(jìn)行。同時還要在http上檢測,進(jìn)行及時的修改。超鏈接檢測是我展會禮品網(wǎng)頁的一個主要問題。公司主頁上的“展會禮品”始終連接不到“展會禮品首頁” ,反復(fù)的進(jìn)行超鏈接都無法成功,其實是因為我所連接的超鏈接路徑不對,其實我應(yīng)該根據(jù)瀏覽器上不能連接到的網(wǎng)頁路徑進(jìn)行修改超鏈接。
經(jīng)過這翻調(diào)試、測試,網(wǎng)站不存在圖片顯示不出來的問題,以及超鏈接無法連接的問題。
在互聯(lián)網(wǎng)越來越深入到生活中每一個角落的年代,網(wǎng)頁的表現(xiàn)形式就如同以前書本上的文字,傳達(dá)著的是網(wǎng)絡(luò)語言,每一條線、每一個色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺。實際上網(wǎng)頁的表現(xiàn)形式已是互聯(lián)網(wǎng)至關(guān)重要的元素。它是一種創(chuàng)造性、有成就感的工作。
html網(wǎng)頁設(shè)計實訓(xùn)心得6
轉(zhuǎn)眼間,已到了期末,學(xué)習(xí)網(wǎng)頁設(shè)計這門課程也要結(jié)束了,雖然時間有點短,但是學(xué)過這個幾周以后我受益匪淺。
記得最初接觸dreamweaver的時候,我很茫然,因為剛接觸陌生的軟件心里會很害怕跟不上老師的進(jìn)程。剛開始幾節(jié)課,老師講得比較基礎(chǔ),還能跟得上,漸漸的老師授課的進(jìn)程開始加速,有些跟不上了,需要下課后自己補(bǔ)上,問老師和周圍的同學(xué)。漸漸的,在老師的悉心教導(dǎo)下,我們開始熟悉這個軟件了。老師布置的第一個任務(wù),要求做一個自我形象網(wǎng)站。由于學(xué)習(xí)的時間較短,老師只要求用PS做好模板即可,任務(wù)相對簡單。但也要求設(shè)計感強(qiáng),色彩搭配和諧,并且盡可能的做成實用又符合實際的漂亮網(wǎng)頁。
第二個網(wǎng)頁設(shè)計老師要求相對較高,用dreamweaver做一個比較接近真實的網(wǎng)頁,還要做一個二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個表格,然后在表格內(nèi)進(jìn)行拆分合并處理,接著就把通過ps處理出來一個版頭并且把修改過大小的圖片放進(jìn)去了。
中間時預(yù)覽,問題出現(xiàn)了,發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離,但是在軟件中已經(jīng)把距離縮小為0了,多次嘗試后沒有效果。最后想到可以另外再加一個表格,把版頭放在一個表格內(nèi)面,這樣問題就解決了。預(yù)覽是效果還不錯。但是總覺得首頁做得太普通,一次瀏覽學(xué)長做的網(wǎng)頁時,覺得他們的文字滾動窗口做得效果做得不錯,于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼,把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成,但是卻出現(xiàn)大問題了。
因為需要滾動的文字占的空間太大,把左邊的那部分表格全部占滿了,而在實際的網(wǎng)頁預(yù)覽中,這個有文字滾動的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計瀏覽的工具建站程序三分之一,左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面,試了很多方法,在網(wǎng)站查了很多資料,可能因為沒有專業(yè)術(shù)語作為搜索的關(guān)鍵詞,查不到任何相關(guān)的資料,試過div標(biāo)簽,試過不停的拆分表格,最后還是沒有效果。
就這樣試著試著,突然想到了層這個概念。于是在布局中點擊了繪制層,結(jié)果成功了,經(jīng)過一些加工,終于成功的完成左邊的布局。印象還比較深刻的是插入聲音,記得老師曾經(jīng)給我們講過很多次怎樣插入聲音,可是等到自己做網(wǎng)頁的時候卻忘記了,于是問其他人,結(jié)果居然都忘記了,于是自己在百度上收。
最后終于找到了一個可以使用的代碼,但是在加入聲音路徑時出現(xiàn)了問題。在屬性內(nèi)加入源文件,結(jié)果就是加不進(jìn)去MP3的音樂文件,然后自己就嘗試加入了一個視頻,記下了路徑格式,然后照著這種格式寫下了指向聲音源文件的路徑,最后成功了。在設(shè)計過程中還出現(xiàn)了很多的問題,但通過看書,上網(wǎng)查詢,請教同學(xué)等方式,不斷的學(xué)習(xí)、解決、提高,設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容,都在不斷的進(jìn)步、改善。可以說在自己動手,不斷實踐的過程中,網(wǎng)頁設(shè)計水平得到了很大的提高。熱情和執(zhí)著,我將來設(shè)計出的網(wǎng)頁會更加專業(yè),更完善。
html網(wǎng)頁設(shè)計實訓(xùn)心得7
本學(xué)期的網(wǎng)業(yè)設(shè)計課程,開展了動態(tài)思維訓(xùn)練教學(xué)活動,對于我們學(xué)生來說,可以激發(fā)學(xué)習(xí)興趣,調(diào)動學(xué)習(xí)的自覺性,自己動腦、動手,動口,運(yùn)用網(wǎng)絡(luò)資源,結(jié)合教材及老師的指導(dǎo),通過自身的實踐,創(chuàng)作出積聚個人風(fēng)格、個性的個人網(wǎng)頁。總體來說,整個學(xué)期的學(xué)習(xí)過程,我學(xué)會了很多知識,雖然過程比較艱辛,但在INTENET領(lǐng)域中,有了一個展示自我的空間,我覺得很開心、很有成就感。
一、充分發(fā)揮動手能力
作為網(wǎng)頁設(shè)計的初學(xué)者,我對網(wǎng)頁設(shè)計非常感興趣,一心想設(shè)計出一個美觀、實用、內(nèi)容豐富的個人網(wǎng)頁。本學(xué)期的教改方案由以前學(xué)生單純接受知識變?yōu)橹鲃訁⑴c教學(xué)活動。在這樣的壓力和動力下,通過自己動手、動腦,通過網(wǎng)絡(luò)資源,老師的指導(dǎo),在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識,也增強(qiáng)了我的創(chuàng)作能力和動手能力,在網(wǎng)頁設(shè)計過程中,從構(gòu)思到設(shè)計、完善、維護(hù),整個過程我都全身心投入,使我真正學(xué)到了網(wǎng)頁設(shè)計的知識。
二、在設(shè)計過程中不斷提高網(wǎng)頁設(shè)計水平
在本次網(wǎng)頁設(shè)計中,我不僅學(xué)到了很多關(guān)于網(wǎng)頁設(shè)計方面的知識,也從中學(xué)會了關(guān)于網(wǎng)絡(luò)、編程等方面的知識。我從最初開始運(yùn)用FrontPage設(shè)計網(wǎng)頁,到后來運(yùn)用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設(shè)計網(wǎng)頁,完善網(wǎng)頁。在這個過程中,我通過自學(xué)教材、上網(wǎng)查詢,學(xué)習(xí)了Dreamweaver、Flash、Fireworks等網(wǎng)頁軟件的應(yīng)用,學(xué)會了管理、維護(hù)自己的站點,以及一些簡單動畫、控件的制作等等。在設(shè)計過程中也出現(xiàn)了很多的問題,但通過看書,上網(wǎng)查詢,請教老師等方式,不斷的學(xué)習(xí)、解決、提高,設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容,都在不斷的進(jìn)步、改善。可以說在自己動手,不斷實踐的過程中,網(wǎng)頁設(shè)計水平得到了很大的提高。
三、不足之處
由于平時工作比較繁忙,學(xué)習(xí)時間比較少,對于網(wǎng)頁設(shè)計軟件的強(qiáng)大功能運(yùn)用得還不夠。在網(wǎng)頁設(shè)計過程中,由于沒有網(wǎng)頁制作代碼的知識,所以在設(shè)計時也遇到了很多麻煩,有時插入一個特效腳本也是很麻煩。在網(wǎng)頁制作過程中,想提高設(shè)計水平,想有個理想的網(wǎng)頁,必須學(xué)會代碼的運(yùn)用,我將在以后的學(xué)習(xí)過程中不斷加強(qiáng)這方面的學(xué)習(xí),希望老師能簡單介紹一下代碼,讓我也對它有個初步的認(rèn)識,以后再加強(qiáng)學(xué)習(xí)也才會有所提高。
總體來說,通過今次的對網(wǎng)頁設(shè)計的學(xué)習(xí),有收獲也有遺憾、不足的地方,但我想,我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門,只要我再認(rèn)真努力的去學(xué)習(xí),去提高,憑借我對網(wǎng)頁設(shè)計的熱情和執(zhí)著,我將來設(shè)計出的網(wǎng)頁會更加專業(yè),更完善。也希望老師在今后的日子里多指導(dǎo)。
html網(wǎng)頁設(shè)計實訓(xùn)心得8
一連上了兩個星期的網(wǎng)頁實訓(xùn)課,可以說學(xué)到很多以前沒有學(xué)到的東西。雖然在大一的時候我們的專業(yè)出開設(shè)了網(wǎng)頁設(shè)計課,但感覺這兩個星期學(xué)到的遠(yuǎn)遠(yuǎn)比以前學(xué)一個學(xué)期的要多,要豐富。
每一天都有新的內(nèi)容要學(xué),讓人感覺很興奮,很高興,恨不得馬上就把它給學(xué)會。通過這次實訓(xùn)使我更熟練掌握Dreamweaver、Flash、Fireworks、Photoshop等軟件的功能和應(yīng)用。不但如此,更增加了同學(xué)間的友誼,陪養(yǎng)了彼此間的團(tuán)結(jié)。
在這期間,每一天老師都會發(fā)一些素材和實訓(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è)計出來,再切割圖片,把它們導(dǎo)成Html格式在Dreamweaver中進(jìn)行進(jìn)一步的編輯。
我們的網(wǎng)站主要是圍繞宿舍而展開的一串活動、人物等,宿舍給我們一種很溫馨、很快樂的感覺,所以我們決定將這次的網(wǎng)頁名叫funnyroom。主題確定好了,那么分工出就明確了,我們組有三個人,兩個人負(fù)責(zé)找素材,另一個美術(shù)好的就負(fù)責(zé)網(wǎng)頁的頁面設(shè)計,但是我們始終不是學(xué)美術(shù)方面的,所以色彩方面搭配的不是很好,后來采用了色彩比較清新自然的綠色來作為首頁的主色調(diào),讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調(diào),讓人可以感受到我們的主題,因為首頁和其它的顏色不一樣,所以我們就把首頁當(dāng)作是過渡頁,第二頁開始才是網(wǎng)頁的內(nèi)容。為了增加網(wǎng)頁的新鮮感和活潑感,還適當(dāng)在添加一些透明flash和一些網(wǎng)頁特效。在這實訓(xùn)的時間里面,我們分工合作,共同努力,對網(wǎng)頁反復(fù)調(diào)試和修改,特別是對于Fireworks軟件不那么熟悉,有很多的實例都要看過老師的演示才會明白,不過這也恰恰讓我學(xué)到更多。雖然中途難不免會有因為意見的不合而發(fā)生一些小小的爭吵,但我覺得不影響我們的網(wǎng)頁設(shè)計,反而會因為這些不同的意見而重新學(xué)到更多的知識。
html網(wǎng)頁設(shè)計實訓(xùn)心得9
風(fēng)塵仆仆的來到了大連,來參加匯博組織的HTML5培訓(xùn),從HTML5基礎(chǔ)講起,起初并不以為然,想這HTML這個平常上課也經(jīng)常接觸到的東西,但是聽完第一堂課后,后面的興趣越來越濃厚,尤其是講到HTML5的新特性時候,講到canvas畫布時候,突然感覺HTML的功能遠(yuǎn)遠(yuǎn)超出了我的想象,超出了我的預(yù)期,當(dāng)自己做完第一個實例的時候,就想以后一定要把這個充滿未來潛力的東西傳到學(xué)校,學(xué)生一定會感興趣。當(dāng)老師簡單講完CSS和JS時候,然后將HTML5+CSS+JS結(jié)合起來的時候,就感覺這是個強(qiáng)大無比的組合,不次于使用C#在VS平臺上實現(xiàn)的功能。尤其是其在游戲和動畫上的效果,使得頁面可以輕松拋棄Flash的枷鎖也同樣能夠?qū)崿F(xiàn)強(qiáng)大的動畫效果。
最后一天Intel的老師講到如何將HTML5的APP上傳到不同平臺的應(yīng)用商店時候,這時候就更感到自己學(xué)到的東西有意義了。不像以前單純教學(xué),為了完成教學(xué)任務(wù)而教學(xué),通過應(yīng)用的'上傳,可以更加鼓勵學(xué)生的積極性,激發(fā)他們的學(xué)習(xí)動力,嗯,不錯的思路,把這個思路用在教學(xué)上,一定能有所收獲,學(xué)生一定能感興趣。
這次培訓(xùn)對于自己在今后教學(xué)過程中提出了一個新的思路,我們的教學(xué)可以找到學(xué)生的興趣點,像歐美國家教育環(huán)境那樣能夠激發(fā)出學(xué)生自身的興趣,而這個激發(fā)就需要我們老師和企業(yè)共同想辦法能為學(xué)生由被動學(xué)習(xí)變?yōu)橹鲃蛹ぐl(fā)資深興趣去學(xué)習(xí)。這才是最重要的,才能培養(yǎng)出高質(zhì)量人才?傊,感謝Intel,感謝微軟,感謝匯博給我們提供了這次培訓(xùn),期待下次培訓(xùn)。
html網(wǎng)頁設(shè)計實訓(xùn)心得10
HTML5在網(wǎng)頁開發(fā)上,賦予網(wǎng)頁更好的意義和結(jié)構(gòu),更加豐富的標(biāo)簽將隨著對RDFa的,微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對程序、對用戶都更有價值的數(shù)據(jù)驅(qū)動的Web。北京恒泰博遠(yuǎn)軟件開發(fā)公司對HTML5的解釋是,為開發(fā)者提供了一個跨平臺的移動apps開發(fā)方案,并且該方案具有很好的擴(kuò)展性和靈活性。
由目前it行業(yè)使用html5開發(fā)app來看,如今國內(nèi)使用html5開發(fā)app應(yīng)用技術(shù)尚有欠缺,因為在手機(jī)開發(fā)app上,html5應(yīng)用只有兩種方法,要不就是全使用HTML5的語法,要不就是僅使用JavaScript引擎。
JavaScript引擎的構(gòu)建方法讓制作手機(jī)網(wǎng)頁游戲成為可能。由于界面層很復(fù)雜,已預(yù)訂了一個UI工具包去使用。
純HTML5手機(jī)應(yīng)用運(yùn)行緩慢并錯漏百出,但優(yōu)化后的效果會好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化,但依然可以去嘗試。
HTML5手機(jī)應(yīng)用的最大優(yōu)勢就是可以在網(wǎng)頁上直接調(diào)試和修改。原生應(yīng)用的開發(fā)人員可能需要花費非常大的力氣才能達(dá)到HTML5的效果,不斷地重復(fù)編碼、調(diào)試和運(yùn)行,這是首先得解決的一個問題。
即使這樣,我們還是很看好html5app開發(fā),原因有一下幾點。
一、是基于html5強(qiáng)大的兼容性,因為HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口,使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻影音可直接與microphones及攝像頭相聯(lián),就因為這種強(qiáng)大的兼容性,使得在當(dāng)下開發(fā)界是如此的火,同樣也是因為這強(qiáng)大的兼容性,使得手機(jī)應(yīng)用軟件,app更適合,也更方便。所以更適合手機(jī)app軟件開發(fā),正好補(bǔ)充了手機(jī)小巧的不足。
二、html5app開發(fā)支持的手機(jī)系統(tǒng)有android、ios。
三、html5其突出的特點就是強(qiáng)化了web頁的表現(xiàn)性,追加了本地數(shù)據(jù)庫,可以用作離線應(yīng)用的開發(fā),離線應(yīng)用就是把需要的資源先緩存到本地,下次再查看時無需聯(lián)網(wǎng)。
四、html5app開發(fā),能提供更快、更簡便的服務(wù),代碼可高度重用,服務(wù)發(fā)布方便。
五、動畫、游戲動態(tài)效果,地理定位等很多app應(yīng)用正在崛起,而html5技術(shù)的強(qiáng)大優(yōu)勢就是這種讓我們驚嘆的效果。而未來采用html5開發(fā)app的,將會大量減少代碼量,應(yīng)用軟件也會得到更高的用戶體驗,更好的視覺效果。
html網(wǎng)頁設(shè)計實訓(xùn)心得11
學(xué)習(xí)H5我們不需要過度的關(guān)注細(xì)節(jié),五柳先生的“不求甚解”的態(tài)度就很好,遇到能想起來,用到明白來源,不用作為擴(kuò)展知識。
其次,H5的設(shè)計起點就是從實用出發(fā)的,也就是說很多特性都是怎么方便就怎么來。所以我們可以關(guān)注我們感興趣的技術(shù),但是開發(fā)的時候還是不要特意的使用H5,能用到而且兼容性也不錯就用,用不到也不要“畫蛇添足”,比如163郵箱就有用到nav標(biāo)簽等,但是如果自己不是很精通H5或者是沒必要重構(gòu)就不要去把一些東西改為H5的,比如編寫JS的時候特意的用WebWorker,這就很不好!除非我們很明確的知道,這就是針對移動端這種基本上全面支持H5的Browser設(shè)計開發(fā)的功能。
最后,H5技術(shù)不復(fù)雜,它從來都不是什么新技術(shù),只是HTML的延續(xù),我認(rèn)為的H5包括如下三點:
(1)改進(jìn)及增強(qiáng)的HTML屬性,新頁面可以嘗試使用。
(2)增強(qiáng)了的JS交互接口:WebWorker、WebStorage、WebDB、OfflineApplication、Geolocation、Canvas,可以說H5和JS相互增強(qiáng)更上一層,但是還是要小心使用!
(3)CSS3:改進(jìn)增強(qiáng)CSS功能,讓頁面效果更絢麗,開發(fā)更簡單,尤其是“移動先行”的現(xiàn)代互聯(lián)網(wǎng)網(wǎng)頁設(shè)計理念能讓“響應(yīng)式設(shè)計”越來越簡單、流行,甚至出現(xiàn)了很多框架,比如bootstrap。
學(xué)習(xí)方法:
學(xué)習(xí)HTML這類的標(biāo)記語言,我們需要從四個方面入手:
(1)語法:即怎樣的書寫格式是Browser接受和支持的,HTML技術(shù)的語法很簡單,只要注意大小寫在HTML、XHTML、H5中的一些細(xì)節(jié)不同就可以了。
(2)元素:也就是標(biāo)簽,這個就靠經(jīng)驗和記憶了,不求甚解多用就好。但是有一點,系統(tǒng)的學(xué)習(xí)和雜亂記憶的不同點就是:系統(tǒng)的學(xué)習(xí)會把元素分類。這樣方便記憶、對比和使用,能讓我們盡量減少不必要的錯誤嵌套。一般會把HTML標(biāo)簽分為文檔結(jié)構(gòu)標(biāo)簽、文本格式標(biāo)簽、字符格式標(biāo)簽、列表標(biāo)簽、鏈接標(biāo)簽、表格標(biāo)簽和表單標(biāo)簽這8類,有些標(biāo)簽不實用就不用看了。
(3)屬性:知道每類標(biāo)簽都有什么屬性,一般來說學(xué)習(xí)方法是知道有什么屬性,然后了解下哪些標(biāo)簽不支持這些屬性。其實,除了name、id、class、style外很多元素屬性我們都很少用,涉及到格式的屬性,我們都用CSS來代替了。這也是H5推薦的做法,那些屬性在H5中都被廢棄了,比如background屬性。
(4)其他:其他的東西就是去了解一些額外的知識:歷史背景、關(guān)聯(lián)技術(shù)、深入技術(shù),比如XML、DTD,甚至是Browser對頁面的解析、渲染過程,DOM樹的構(gòu)建、RenderTree的構(gòu)建過程,來幫助我們學(xué)習(xí)、開發(fā)高效頁面。“課外知識”多了,自然就能做到“他強(qiáng)由他強(qiáng),清風(fēng)拂山崗”的境界了。
html網(wǎng)頁設(shè)計實訓(xùn)心得12
時光飛逝,轉(zhuǎn)眼間在千鋒學(xué)習(xí)html5開發(fā)生活半年了,如今學(xué)成畢業(yè)找到心儀的工作,最要感謝的莫過于千鋒了。
起初剛來千鋒還是有些不適應(yīng),習(xí)慣了大學(xué)散漫的生活,突然正經(jīng)的按時上課,每天學(xué)習(xí)那么久的時間,覺得好累,還記得第一天上完課完成作業(yè)是21:15,那時候我感觸特別深,上了3年的大學(xué)都從沒有認(rèn)真學(xué)習(xí)到這個點的時候,真是奇跡,當(dāng)時還興奮的不行,覺得不可思議,直到后來,在千鋒的學(xué)習(xí),才知道這是家常便飯,也習(xí)以為常。
從起初的不適應(yīng)覺得不現(xiàn)實,到如今的每天主動學(xué)習(xí),到關(guān)教學(xué)樓才會回寢室,這對于我來說就是從一個學(xué)渣逆襲成為學(xué)霸,千鋒成就了我。
有緣遇見助教華哥盡職盡責(zé)
來到千鋒先認(rèn)識的就是我們26班的助教華哥,其實來千鋒學(xué)習(xí)最終收獲滿意的成果最要感謝的莫過于華哥了,初入千鋒遠(yuǎn)離家人,不懂不會的好多,華哥都會盡心盡力的幫我們解決,無論生活還是學(xué)習(xí),就是我們的大哥哥,帶領(lǐng)我們學(xué)習(xí),還記得當(dāng)初有問題,問華哥,為我們改問題找錯到好晚,
一直陪著我們學(xué)習(xí),9.30下晚自習(xí)就可以回去休息的他,每天陪我們到關(guān)教學(xué)樓,是班級最后一個走的人,周六我們上自習(xí),還來陪我們給我們解決問題。
用自己休息的時間來帶我們,真的是盡心盡力,從未遇見這么負(fù)責(zé)的老師。
后來來到了32班,又有緣遇見華哥,那時候正是3階段,最關(guān)鍵的時候,華哥每天晚自習(xí)考我們面試題,給我們講面試題,讓我們找到一個好工作,真是盡職盡責(zé)。
昨日的付出才有今日的成績
還記得我們不學(xué)好不會你認(rèn)真講解的樣子,還記得我們貪玩不認(rèn)真,你跟我們著急生氣的樣子,還記得我們拿到心儀的offer,你高興的樣子,還記得太多太多,都是你帶給我們的,沒有你當(dāng)初陪我們激勵我們學(xué)習(xí),也就沒有今天的我們,在此特別感謝華哥。感謝千鋒的老師。
還記得做項目期間cookie不會,想抄以前的代碼改一改,高老師就坐在我旁邊,一步一步的教我怎么寫,直到我自己寫出來為止,我回來為止。
在我自己想放棄的時候,高老師都沒有放棄我,而是帶著我,一步一步的講解,耐心的給我教會,也讓我重拾了信心,還有鵬哥,知道我們幾個人基礎(chǔ)差,每次講完課都會下來問一遍學(xué)會了沒有,沒聽懂就再講一遍,一遍不會講兩遍,午休給我們講,晚自習(xí)還給我們講,直到我們學(xué)會了為止。
盡心盡力從無怨言。
真的有你們昨日的付出,才有我們今日的成績。
感謝遇見這樣的團(tuán)隊,這樣的老師。
如今,已完成這半年的艱苦奮斗,終于‘修成正果’。
找到理想的工作,是千鋒成就了我,給了我希望,給了我未來。
在這里特別向千鋒致敬,感謝有這么負(fù)責(zé)的教育機(jī)構(gòu),同時希望千鋒越來越好,培養(yǎng)出更多的人才。
html網(wǎng)頁設(shè)計實訓(xùn)心得13
一、了解HTML5前端開發(fā)技術(shù)
HTML?指的是超文本標(biāo)記語言?,標(biāo)記語言是一套標(biāo)記標(biāo)簽?HTML?使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。HTML5區(qū)別于HTML的標(biāo)準(zhǔn),基于全新的規(guī)則手冊,提供了一些新的元素和屬性,在web技術(shù)發(fā)展的過程中成為新的里程碑。HTML5被推廣用于Web平臺游戲開發(fā),及手機(jī)移動領(lǐng)域,從市場來看,無論是桌面應(yīng)用還是移動應(yīng)用,HTML5都是當(dāng)下Web技術(shù)中最炙手可熱的新寵,是創(chuàng)新的主旋律,在不久的時間里一定會大有作為。
二、課程能讓你學(xué)到什么
從前端開發(fā)的基礎(chǔ)出發(fā),學(xué)習(xí)使用HTML,CSS,JavaScript等一系列前端技術(shù),實現(xiàn)動畫特效。以開發(fā)實例展示為主導(dǎo),循序漸進(jìn)讓學(xué)員掌握HTML5技術(shù)的應(yīng)用。強(qiáng)化學(xué)員基礎(chǔ),尤其是要針對JavaScpript基礎(chǔ)的強(qiáng)化從而掌握HTML5新功能API。
HTML5培訓(xùn)內(nèi)容首先是學(xué)習(xí)HTML5文檔結(jié)構(gòu)和基礎(chǔ)語法,了解HTML5新特性,CSS3基礎(chǔ)語法和布局樣式,圖形圖像軟件使用等。移動前端的交互JavaScript編程基礎(chǔ)、JavaScript交互編程實戰(zhàn)、JavaScript異步操作基礎(chǔ)、Ajax、JQuery、AngularJS使用方法。移動前段綜合開發(fā);主要集中在H5+C3+jQ?Mobile,基于HTML5的移動網(wǎng)頁布局、移動網(wǎng)頁界面樣式(CSS3)、HTML5本地存儲API、Geolocation地理定位、智能表單、Video、Audio應(yīng)用、canvas和SVG的應(yīng)用、桌面通知、離線應(yīng)用、webGL基礎(chǔ)及應(yīng)用(3D網(wǎng)頁游戲)、WEB前端框架(JQuery,mobile、Sencha?Touch、PhoneGap)、Cocos2d—HTML游戲引擎等。最后,項目實訓(xùn)。項目實訓(xùn)能夠提高綜合開發(fā)能力。
html網(wǎng)頁設(shè)計實訓(xùn)心得14
時間過得很快,從剛開始的培訓(xùn)開始到現(xiàn)在的培訓(xùn)結(jié)束,似乎都是眨眼間的事情。首先很感謝任課老師莫老師和班主任以及其他騰科工作人員的工作付出,還有班級上共同學(xué)習(xí)進(jìn)步的小伙伴們,讓我順利的學(xué)完了HTML5所有課程。這次HTML5課程的學(xué)習(xí)讓我學(xué)到了很多前端方面的知識,感覺自身的IT技術(shù)提升了不少。
此次課程培訓(xùn)讓我對HTML5有了更加深入的了解。HTML指的是超文本標(biāo)記語言,標(biāo)記語言是一套標(biāo)記標(biāo)簽,HTML使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。HTML5區(qū)別于HTML的標(biāo)準(zhǔn),基于全新的規(guī)則手冊,提供了一些新的元素和屬性,在web技術(shù)發(fā)展的過程中成為新的里程碑。從市場來看,無論是桌面應(yīng)用還是移動應(yīng)用,HTML5都是當(dāng)下Web技術(shù)中最炙手可熱的新寵,是創(chuàng)新的主旋律,在不久的時間里一定會大有作為。
學(xué)習(xí)都是一步一個腳印,H5學(xué)習(xí)也是從前端開發(fā)的基礎(chǔ)學(xué)起,首先學(xué)習(xí)使用HTML、CSS、Java、Jquery等一系列前端技術(shù),實現(xiàn)一些網(wǎng)頁動態(tài)效果。再到后面的Vue。js、bootstrap、Type等一些主流框架,還有微信小程序的學(xué)習(xí)。培訓(xùn)課程當(dāng)然不是上課聽懂就可以,而是必須能要去動手操作,達(dá)到熟練使用的要求和效果,為了保證學(xué)習(xí)效果,課程以理論和實例相結(jié)合的方式進(jìn)行授課。而且每個學(xué)習(xí)階段的結(jié)束都會做一個實訓(xùn)項目,做項目不僅能是學(xué)到一些新知識,也能查缺補(bǔ)漏,鞏固自己所學(xué)知識。
最好希望自己早日找到工作,在前端開發(fā)這條路上創(chuàng)造輝煌!
html網(wǎng)頁設(shè)計實訓(xùn)心得15
6.10號是我去培訓(xùn)學(xué)校學(xué)習(xí)的第一天,剛來時什么也不懂也不會,可以這么說完全是零基礎(chǔ)。一天的學(xué)習(xí)下來,自己深受觸動,認(rèn)真聽講,認(rèn)真筆記。一天的學(xué)習(xí)量很多也很充實。于是每天這么度過,一刻也不敢懈怠。漸漸地,我從無知到接觸
揣摩H5,開始老師講的聽不懂,但請教老師同學(xué)后,問題迎刃而解。老師同學(xué)都很親切積極幫助。來的時候老師就說三天學(xué)完基礎(chǔ),第四天就要求能做出頁面。我一聽不敢相信。因為自己零基礎(chǔ),短短四天怎么可能,但是跟著老師一步步下來到第四天,自己還真能馬馬虎虎做出來頁面。
時光流逝,很快在這里度過了一個月。然而月考即將到來,我忐忑不安。覺得自己第一階段還沒學(xué)好學(xué)扎實就考試了,感嘆時間過得好快,考試的一天,面對筆試題,我笑了,因為我這些日子日以繼夜的背全都會。機(jī)試本來我其實是應(yīng)該發(fā)揮的特別好的,但是可惜的是框架搭錯了,除了倆個bug耽誤了一個小時,否則三個頁面我都能夠敲出來,不說滿分九十多分也是妥妥的。在這段時間里我拼命的背筆記,敲頁面練習(xí)。穩(wěn)固扎實。我覺得很好,起碼對得起自己,起碼自己學(xué)到手了。
H5說難也不難,說不難也難,關(guān)鍵看自己有沒有付出,全身心投入。愛不愛好。
html網(wǎng)頁設(shè)計實訓(xùn)心得16
利用假期和休息時間,初步學(xué)習(xí)了有關(guān)html+css的知識,感觸頗多。做網(wǎng)站原來一直處于一種茫然的狀態(tài),邊學(xué)邊做,邊實踐邊維護(hù),每每遇到問題了,便會花費很大的精力去解決,在解決問題的過程中也慢慢提高,但工作有時相當(dāng)?shù)某粤。通過一段時間詳細(xì)的接觸到html+css,從基礎(chǔ)知識補(bǔ)起,利用空閑時間看書及有關(guān)div+css“布局入門教程”,它通過舉一個例子,然后讓你上機(jī)測試效果,讓我有對樣式表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)部分等。
四、到樣式表中寫各個布局層的樣式。
五、寫一段代碼后就進(jìn)行瀏覽器的測試,同時用IE6與FF一起測試。在瀏覽器中調(diào)試,調(diào)試時發(fā)現(xiàn)許多之前沒有預(yù)料的問題,如瀏覽器的兼容問題、浮動的問題等。
六、不斷的找出問題、理解怎么出錯的,不斷的再測試!
這樣的學(xué)習(xí)和研究過程,讓我體驗到了許多次的付出與回報的樂趣,如:
第一:閱讀一本書,一般來說我第一次要先把整個書通讀一遍,不理解的也要往下看,因為在往下看的過程中也許會找到那個問題的答案,等看完后我會有一個大概的印象,但一定會有很多不明白的地方,沒關(guān)系,繼續(xù)往下看。
第二:就要邊看邊做學(xué)習(xí)筆記了,我有隨時寫筆記的習(xí)慣,電子稿或手寫稿均可。把自己認(rèn)為是重點的部分寫上,便于以后查閱;再者,把覺得有疑問的部分記下,帶著疑問看下去,如果沒有答案,上網(wǎng)查詢或是問前輩,解疑是提高知識最快的一種方式。
第三:心態(tài)很重要,一定得靜下心看書,能不越過的看就不越過,要樹立信心,堅持再堅持下去。系統(tǒng)的將教程學(xué)完,一遍不行兩遍,持之以恒。
第四:當(dāng)你到達(dá)終點時你回發(fā)現(xiàn)一切都是順理成章的事。因為你努力了,努力了就會有回報,有結(jié)果。
學(xué)習(xí)永遠(yuǎn)沒有終點,隨著學(xué)習(xí),知識不斷提高,所接觸的技術(shù)領(lǐng)域也隨之?dāng)U大。堅持看書,堅持以任何一種方式學(xué)習(xí),都將受益無窮,也都是一件十分快樂的`事情。
html網(wǎng)頁設(shè)計實訓(xùn)心得17
如今移動互聯(lián)網(wǎng)發(fā)展迅速,技術(shù)不斷的更新迭代,所學(xué)知識也需與時俱進(jìn),F(xiàn)在市場上的主流互聯(lián)網(wǎng)網(wǎng)站,需要打造的是一流用戶交互體驗。對于前端開發(fā)者的要求,不再是簡單的頁面展示,而是需要全棧式的前端開發(fā)工程師。
方法一:注重實踐,由實踐出真知
在HTML5知識學(xué)習(xí)過程中,有些學(xué)員不喜歡動手,更喜歡聽講師講或者自己背誦,這種學(xué)習(xí)方法是萬萬不可取的。因為代碼的學(xué)習(xí),是個需要動手的過程。掌握代碼不僅僅只有記憶還有嘗試。嘗試自己去寫代碼,然后發(fā)現(xiàn)問題,最后進(jìn)行歸納總結(jié),同時形成理論并記憶。
方法二:由整體到局部,由骨架到血肉
我們在學(xué)習(xí)HTML和CSS時,會涉及到網(wǎng)頁的搭建等相關(guān)知識。在學(xué)習(xí)這部分知識時我們采取的是“由外及內(nèi)”、“由整體到部分”、“由全局到細(xì)節(jié)”的學(xué)習(xí)方法。我們在接觸某一個新的知識點時,一定要從主干到枝葉,不要拘泥于某一個細(xì)節(jié)而沉溺于其中。主干如同知識的一個主線,這種先找主干后添枝葉的學(xué)習(xí)方法能夠讓知識遺漏變成最少,也會比較容易建立起知識與知識間的關(guān)系。
方法三:記憶很重要
我們剛才在方法一中提到注重實踐,并不是讓我們忽略記憶。記憶也是同樣重要的,學(xué)習(xí)時我們通常會遇到需要記憶的知識點。如有哪些數(shù)據(jù)類型、有哪些標(biāo)簽元素等等。遇到這類知識點時我們一定要通過記憶將其熟練掌握,很多人在學(xué)習(xí)的過程中覺得還是理解是最重要的,這種想法是錯誤的。因為如果連記都記不住還談什么理解呢?
方法四:類比
在學(xué)習(xí)CSS引入方式這種知識點時,我們采用了另一種學(xué)習(xí)方法。類比,或者也可以叫做辨析。這種方法主要針對于區(qū)分相似的兩種或多種事物。如strong與em,塊元素與行元素,同步與異步等等此類知識具有相似性的知識,應(yīng)多多思考,抓取幾種事物的不同點,結(jié)合去記憶。
方法五:循序漸進(jìn)的學(xué)習(xí)
學(xué)習(xí)是一個日積月累的過程,不能一口吃成一個胖子。在學(xué)習(xí)的過程中我們通常會遇到一些大型的知識,這種知識是比較難啃的。當(dāng)我們遇到此類知識時,不要急于求成,要腳踏實地一步一步的來,例如動畫框架的學(xué)習(xí)就是一個典型的例子。
在循序漸進(jìn)的學(xué)習(xí)過程中,學(xué)習(xí)思路也是很重要的。換句話說,我們面對一個“大型”的知識點,知道要按部就班的一步一步的來完成,但是就是不知道該怎么開始,從哪兒開始。這時候就需要我們有明確的學(xué)習(xí)思路,在學(xué)習(xí)知識的過程中重點是關(guān)注思路,而具體的小知識點就是血和肉。
方法六:有一雙善于發(fā)現(xiàn)的眼睛,利用生活輔助學(xué)習(xí)。
這種學(xué)習(xí)方法簡單來講就是利用生活中的實際事物輔助抽象知識的學(xué)習(xí)。利用這種方法能夠讓我們更快更好的理解和吸收知識,例如在講解AJAX時我們利用了信件郵寄。在講解構(gòu)造函數(shù)時,我們利用了毛坯房和裝修房。在講解引用類型變量的時候我們借助了鑰匙和倉庫的關(guān)系等等。
學(xué)習(xí)并不是一蹴而就的,在學(xué)習(xí)過程中有一個良好的學(xué)習(xí)方法這是至關(guān)重要的。掌握一套自己的學(xué)習(xí)方法,日后必定受益終生的。
還有最重要的一個關(guān)鍵,那就是你必須要堅持,必須要有求知的欲望。
隨著互聯(lián)網(wǎng)的高速發(fā)展,軟件行業(yè)更加火爆,幾乎高薪職位都與軟件行業(yè)掛勾,程序員成了高薪的標(biāo)志。HTML5作為近幾年非;鸬能浖_發(fā)語言,更是得到了多人一致的好評和青睞。既然HTML5這么火,學(xué)習(xí)這門課程當(dāng)然前景更可觀。
只要努力學(xué)到真東西,前途自然不會差。如果你想學(xué)好HTML5開發(fā)語言,應(yīng)該根據(jù)自己的實際需求去實地看一下,先去試聽之后,再選擇比較適合自己的,希望能給你帶去幫助。
其實你會使用HTML4.01,那么HTML5不需要多學(xué),知道幾個刪除的標(biāo)簽和新增的標(biāo)簽就好。H5主要體現(xiàn)在新的javascript的api上,比如canvas的繪圖,js與video標(biāo)簽結(jié)合來代替?zhèn)鹘y(tǒng)的flash player的播放模式。
個人認(rèn)為HTML5不止是超文本標(biāo)簽語言,更像是一種集合,包含了HTML5CSS3JS,HTML5配合CSS3JS結(jié)合起來才能發(fā)揮作用,所以要學(xué)習(xí)HTML5還需要學(xué)習(xí)CSS3和javascript。
【html網(wǎng)頁設(shè)計實訓(xùn)心得】相關(guān)文章:
網(wǎng)頁實訓(xùn)心得范文(精選6篇)12-20
組織設(shè)計實訓(xùn)心得09-05
實訓(xùn)的心得04-05
平面設(shè)計實訓(xùn)心得范文04-10
惠文實訓(xùn)基地實訓(xùn)心得04-06
液壓實訓(xùn)的心得01-27
Java實訓(xùn)心得12-04
導(dǎo)游的實訓(xùn)心得02-07
參加實訓(xùn)心得08-13