學(xué)習網(wǎng)頁(yè)設計課程心得體會(huì )
當我們經(jīng)過(guò)反思，對生活有了新的看法時(shí)，就很有必要寫(xiě)一篇心得體會(huì )，如此就可以提升我們寫(xiě)作能力了。那么心得體會(huì )該怎么寫(xiě)？想必這讓大家都很苦惱吧，下面是小編為大家整理的學(xué)習網(wǎng)頁(yè)設計課程心得體會(huì )，歡迎閱讀與收藏。
學(xué)習網(wǎng)頁(yè)設計課程心得體會(huì )1
隨著(zhù)學(xué)習進(jìn)度的逐漸加快，學(xué)習的內容也逐漸開(kāi)始變多、變難，不再像一開(kāi)始那樣老師一講完就可以馬上上手把網(wǎng)頁(yè)做出來(lái)。自然而然的，在制作網(wǎng)頁(yè)的時(shí)候也不再像一開(kāi)始那樣順利，總會(huì )出現各種各樣的錯誤。不過(guò)對于學(xué)習上的問(wèn)題，老師在課堂上也會(huì )盡可能地為我們解答，并且為我們提供了很多練習的機會(huì )，這使得我即使在面對一些困難的問(wèn)題時(shí)，也能沉著(zhù)地應對。
不過(guò)課堂時(shí)間畢竟是短暫，僅僅靠一周兩個(gè)課時(shí)的課堂學(xué)習時(shí)間想要把網(wǎng)頁(yè)設計制作完全學(xué)習得很好是不可能的事。再者網(wǎng)頁(yè)制作在我看來(lái)是一門(mén)實(shí)踐重于理論的科目，如果僅僅學(xué)習了理論知識卻不付諸實(shí)踐，那對學(xué)習實(shí)際上是毫無(wú)助益的。因此在課余的時(shí)間里，老師給我們布置了與所學(xué)內容相對應的課外作業(yè)。在完成課外作業(yè)的時(shí)候，如果遇到了難以解決的問(wèn)題，我會(huì )回顧老師上課時(shí)用的課件尋求解決的辦法，與此同時(shí)，也在間接地鞏固知識。
因此，盡管過(guò)程并不都是一帆風(fēng)順，但經(jīng)過(guò)本學(xué)期的學(xué)習與實(shí)踐，我也逐漸掌握了網(wǎng)頁(yè)設計制作的一些基本技能與知識。雖然明年就大四的我以后大概是不會(huì )再像這個(gè)學(xué)期那樣有學(xué)習網(wǎng)頁(yè)制作的課程了，但我會(huì )利用課余時(shí)間通過(guò)自學(xué)了解、學(xué)習更多關(guān)于網(wǎng)頁(yè)設計制作的知識，掌握網(wǎng)頁(yè)設計制作的技能的。
自己怎么制作簡(jiǎn)單網(wǎng)頁(yè)
首先在設計制作網(wǎng)頁(yè)之前，你要卻確定你的網(wǎng)頁(yè)內容是什么?一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對于個(gè)人網(wǎng)站，必須要找準一個(gè)自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶(hù)留下深刻的印象。主題要鮮明，在你的主題范圍內內容做到大而全、精而深。然后針對你的內容找到相關(guān)的資料。接下來(lái)就是具體的制作步驟了：
第一步：創(chuàng )建一個(gè)文本文檔 你需要創(chuàng )建一個(gè)文本文檔包含單詞,你想要出現在您的Web頁(yè)面。只要你給你的'文檔名稱(chēng)結尾，大多數文字處理程序將會(huì )工作的很好。思考邏輯的地方插入你的文本。
第二步：學(xué)習基本的HTML標記 現在您需要插入一些格式化標記你的文檔,會(huì )告訴一個(gè)互聯(lián)網(wǎng)瀏覽器如何安排你的文字和圖片在屏幕上。這些標簽組成一個(gè)語(yǔ)言稱(chēng)為超文本標記語(yǔ)言,或者HTML。
第三步：查看一個(gè)示例Web頁(yè)面
你或許在閱讀會(huì )感到有點(diǎn)困惑,這是為了看一個(gè)實(shí)習的HTML文檔更簡(jiǎn)單，然后看看它是怎么被翻譯成一個(gè)Web頁(yè)面。您可以查看“源文檔“后邊的任何Web頁(yè)面將“視圖”菜單(在Safari——其他的瀏覽器或許略有不同)并挑選“查看源代碼�！爱斈氵@樣做時(shí),你會(huì )看到文檔和HTML標簽,創(chuàng )立頁(yè)面當時(shí)在你的瀏覽器窗口。
第四步：獲得電子圖像 如果你還沒(méi)有制作主頁(yè)的圖像文件,您可以下載一些來(lái)自其他Web頁(yè)面。用你的常識來(lái)決定哪些圖片你可以使用,哪些你不應該。根據什么樣的電腦和瀏覽器你正在使用,你必須使用一種稍有不同的程序下載到你的硬盤(pán)映像。這里可以使用Safari瀏覽器: 使用鼠標指針的位置在圖像——按住鼠標按鈕并拖動(dòng)圖像到你的計算機的桌面——放開(kāi)按鈕,您將看到一個(gè)小圖標。這時(shí)圖像已經(jīng)下載到你的硬盤(pán)。確保你的文件名稱(chēng)和格式——點(diǎn)擊圖標來(lái)查看圖像,因為它將出現在您的Web頁(yè)面。
第五步：插入HTML標簽
如今您現已準備好插入格局符號在您自個(gè)的文檔。記住要開(kāi)始您的文檔與< html >和完畢它與< / html >。你類(lèi)型符號之間的<標題>…< /標題>將出如今你正在閱讀網(wǎng)頁(yè)閱讀器窗口的頂端。
第六步：查看和編輯您的頁(yè)面
保存您的文本文檔和返回到瀏覽器。在文件菜單中,選擇“打開(kāi)文件…”或“另存為…”。從那里你應該能夠找到你的文檔的名稱(chēng)并點(diǎn)擊“開(kāi)始”。你的文檔將會(huì )出現在你的窗口,看起來(lái)就像個(gè)網(wǎng)頁(yè)了!
第七步：上傳
您需要有一個(gè)互聯(lián)網(wǎng)服務(wù)提供商,允許您將您的網(wǎng)頁(yè)頁(yè)面在一個(gè)服務(wù)器上，這樣其他人能夠閱覽它。假如沒(méi)有,您能夠繼續操練與文件在您的計算機的硬盤(pán)。能夠找到一些其他網(wǎng)站的頁(yè)面相關(guān)的一些辦法。他們可能會(huì )添加一個(gè)鏈接到你的頁(yè)面注冊您的網(wǎng)站查找引擎如google或雅虎。一旦你添加你的URL其間一個(gè)數據庫,感興趣的人通常主題你的頁(yè)面將得到一個(gè)清單,你的網(wǎng)站當他們做一個(gè)查找。
另外，這邊有一些軟件可以利用，一款功能強大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。比較常用的優(yōu)秀軟件有Dreamweaver和Frontpage，如果你是初學(xué)者Frontpage20xx是首選。除此以外還有Photoshop、Photoimpact等。另外還有一些能夠用于動(dòng)態(tài)網(wǎng)頁(yè)設計的軟件。那么，有了這些，即使不同網(wǎng)頁(yè)設計的菜鳥(niǎo)們也可以按照規劃一步步地把自己的想法變成現實(shí)了，快快嘗試一下自己制作網(wǎng)頁(yè)吧!要記得，網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認識它。
學(xué)習網(wǎng)頁(yè)設計課程心得體會(huì )2
現在，計算機和網(wǎng)絡(luò )已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò )成了我們獲取知識和信息的一種便捷工具，現在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習網(wǎng)絡(luò )知識是我們作為一名大學(xué)生迫切所需的。我利用寒假的時(shí)間，對網(wǎng)頁(yè)設計進(jìn)行了初步的認識和了解，并基本掌握Dreamweaver的應用。
通過(guò)寒假期間的學(xué)習，在學(xué)習了網(wǎng)頁(yè)設計的同時(shí)，我更加深入的了解了關(guān)于計算機和網(wǎng)絡(luò )的知識�；诖笠粚τ嬎銠C基礎與C語(yǔ)言的基本掌握，自學(xué)網(wǎng)絡(luò )設計的基礎部分便顯得較為輕松。誰(shuí)然如此，在設計過(guò)程中依然出現了很多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢(xún)，等方式，不斷的學(xué)習、解決、提高，設計出的網(wǎng)頁(yè)不論是外觀(guān)還是內容，都在不斷的進(jìn)步、改善�？梢哉f(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設計水平得到了很大的提高。
網(wǎng)頁(yè)設計課程學(xué)習心得
通過(guò)對網(wǎng)頁(yè)設計書(shū)籍的翻閱，我學(xué)習到了一些關(guān)于建設網(wǎng)站和制作網(wǎng)頁(yè)的知識，在實(shí)踐查閱資料時(shí)，對flash也有所了解。我還了解了一些基礎的網(wǎng)絡(luò )技術(shù)。通過(guò)學(xué)習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁(yè)制作的過(guò)程與一些技巧手法更有了另外一番了解，對網(wǎng)頁(yè)制作的基礎知識也有了一定的掌握。在這個(gè)過(guò)程中，我同樣認識到網(wǎng)頁(yè)設計不是一門(mén)學(xué)科的獨秀，而是多種課程的綜合，他是、Flash、Fireworks等網(wǎng)頁(yè)軟件的綜合應用。下面闡述一下我在翻閱《Dreamweaver》時(shí)的一些關(guān)于網(wǎng)頁(yè)設計的見(jiàn)解。在具體的制作一個(gè)網(wǎng)頁(yè)時(shí)我了解到一個(gè)優(yōu)秀的'網(wǎng)頁(yè)設計應該具備一些基本原則。
首先，要確定網(wǎng)頁(yè)設計的內容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題。整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁(yè)設計之前要明確你這個(gè)網(wǎng)站有什么目的,用來(lái)做什么，所有頁(yè)面都是圍繞著(zhù)這個(gè)內容來(lái)制作，有了明確的內容對排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶(hù)，及你的網(wǎng)頁(yè)屬于哪個(gè)類(lèi)別。用戶(hù)是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶(hù)要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶(hù)會(huì )立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶(hù)也會(huì )馬上離開(kāi),這種網(wǎng)站是很失敗的設計,只會(huì )讓用戶(hù)失望的離去.
在完成以上的基本內容之后網(wǎng)頁(yè)的基本框架便成形成了。下面要開(kāi)始的便是優(yōu)化工作，內容是整個(gè)網(wǎng)頁(yè)的核心。在網(wǎng)頁(yè)設計之前必須明確網(wǎng)頁(yè)的內容安排。優(yōu)秀網(wǎng)頁(yè)設計是要建立在平凡的基礎上的。
然后在具體的規劃一個(gè)網(wǎng)頁(yè)時(shí)，可以用樹(shù)狀結構先把每個(gè)頁(yè)面的內容大綱列出來(lái)，尤其要制作一個(gè)大的網(wǎng)站(有很多頁(yè)面)的時(shí)候，特別需要把這個(gè)架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構，很浪費時(shí)間和財力。大綱列出來(lái)后，還必須考慮每個(gè)頁(yè)面之間的鏈接關(guān)系。是星形，樹(shù)形，或是網(wǎng)形鏈接。
這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點(diǎn)會(huì )造成瀏覽困難，影響內容的發(fā)揮�？蚣芏ㄏ聛�(lái)了，然后開(kāi)始一步一步有條理，有次序地做來(lái)，就胸有成竹得多，也會(huì )為主頁(yè)將來(lái)發(fā)展打下良好的基礎。下一步，就以動(dòng)手制作具體內容了，題材選定，框架選定，接下來(lái)就開(kāi)始往主頁(yè)里面填內容。
如果是個(gè)人主頁(yè)，有能力的人完全可以靠自己來(lái)創(chuàng )作所有的內容。大部分人的方法是：從報紙，雜志，光盤(pán)等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個(gè)好的方法是從網(wǎng)絡(luò )上收集，您只要到搜索引擎上查找相應的關(guān)鍵字，就可以找到一大堆的資料。
在準備材料的時(shí)候我們可以用一些小的動(dòng)畫(huà)和動(dòng)態(tài)圖片，Flash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^里繪畫(huà)，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強。在動(dòng)畫(huà)播放時(shí)，可以用鼠標或鍵盤(pán)對動(dòng)畫(huà)的播放進(jìn)行控制，效果可以很直觀(guān)的反映出來(lái)。然后是開(kāi)始正式制作主頁(yè)。通過(guò)Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。
總體來(lái)說(shuō)，通過(guò)這個(gè)假期對網(wǎng)頁(yè)設計的學(xué)習，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁(yè)設計的大門(mén)，只要我再認真努力的去學(xué)習，在今后的閑余時(shí)間學(xué)習制作網(wǎng)頁(yè)的更多知識以實(shí)現自身技能的提高，我堅信將來(lái)設計出的網(wǎng)頁(yè)會(huì )更加專(zhuān)業(yè)，更加華麗，使它最終成為自己的一項技能。
學(xué)習網(wǎng)頁(yè)設計課程心得體會(huì )3
從新學(xué)期開(kāi)始接觸網(wǎng)頁(yè)設計這門(mén)課程以來(lái)，已將近學(xué)習了一個(gè)學(xué)期。經(jīng)過(guò)這么長(cháng)時(shí)間的學(xué)習，從起初對網(wǎng)頁(yè)設計的一知半解，到如今已基本掌握網(wǎng)頁(yè)制作的基本技能，可謂獲益良多。作為一門(mén)新接觸的學(xué)科，之前并沒(méi)有太多的了解，只知道在計算機迅猛發(fā)展的今天，網(wǎng)頁(yè)已成為網(wǎng)絡(luò )世界中必不可少的一環(huán)，網(wǎng)民對于網(wǎng)頁(yè)的要求也越來(lái)越高，因此，學(xué)好網(wǎng)頁(yè)設計這門(mén)技術(shù)，對于生活在日后計算機主導的世界來(lái)說(shuō)，顯得更加重要了。
大作業(yè)展示中的網(wǎng)頁(yè)作品主題明確、布局合理、頁(yè)面設計得當，方便瀏覽的人找到想獲取的信息。任何一個(gè)優(yōu)秀的網(wǎng)站都有其明確的主題, 網(wǎng)站主題的確立應根據網(wǎng)站的用途而定。整個(gè)網(wǎng)站需要圍繞這個(gè)主題,也就是說(shuō)，在網(wǎng)頁(yè)設計之前，我們要明確這個(gè)網(wǎng)站的建立目的,用來(lái)做什么，圍繞著(zhù)這個(gè)主題和內容來(lái)制作網(wǎng)站所有的頁(yè)面。明確對網(wǎng)頁(yè)的制作有著(zhù)很重要的作用。
作品網(wǎng)站“web”中合理運用了網(wǎng)站制作的幾個(gè)基本技術(shù)來(lái)構建。首先使用了DIV標簽來(lái)布局網(wǎng)頁(yè)，簡(jiǎn)單方便。DIV標簽可以設置一個(gè)規定的屬性，用于設定表格、畫(huà)、字規格大小或擺放位置，在網(wǎng)頁(yè)制作中使用，可以大大減少我們對表格、畫(huà)、字等的設定工作量，大大提高我們制作網(wǎng)頁(yè)的效率。同時(shí)，也方便我們在完成網(wǎng)頁(yè)后對部分細節的修改。
作品中的網(wǎng)站外觀(guān)簡(jiǎn)潔大方，界面友好易懂，是網(wǎng)頁(yè)制作初學(xué)者的優(yōu)秀模版。例如網(wǎng)頁(yè)的布局，素材的管理，代碼的簡(jiǎn)化等等，都可以從中得到許多啟發(fā)和借鑒意義。目前通過(guò)這學(xué)期以來(lái)老師的悉心教導和學(xué)習，已基本掌握網(wǎng)頁(yè)制作的基礎知識。而有關(guān)網(wǎng)頁(yè)內容的設計與編排，還有待更多的實(shí)踐操作來(lái)提高。
總的來(lái)說(shuō)，已對網(wǎng)頁(yè)的制作有一定的認識和基本的了解。從目前學(xué)習的進(jìn)度來(lái)看，個(gè)人認為老師還可以教授我們“行為的應用”和“基礎動(dòng)態(tài)網(wǎng)頁(yè)”等知識，拓展我們制作網(wǎng)頁(yè)的知識。在個(gè)人的網(wǎng)站建設中，希望加入運用更多更高級的技術(shù)來(lái)呈現和表達自己網(wǎng)站的主題和內容。例如設計網(wǎng)頁(yè)中的一些動(dòng)作和事件，以此來(lái)達到更好的表達效果。
網(wǎng)站的文件管理、素材存放等安排得合理得當，規范有序。文件夾的命名大多使用所用素材名稱(chēng)的拼音，一目了然，見(jiàn)名知意，方便學(xué)習者的查詢(xún)與研究。這種嚴謹和規范的做法值得日后建設自己的網(wǎng)站時(shí)參考和借鑒，對于網(wǎng)站制作的初學(xué)者來(lái)說(shuō)具有指導意義。
其次網(wǎng)頁(yè)在表頭下運用了導航菜單。導航菜單是網(wǎng)頁(yè)設計中不可缺少的重要部分，它提供了頁(yè)面與頁(yè)面之間跳轉的通道，極大方便了瀏覽者訪(fǎng)問(wèn)所需的內容。利用它，我們可以快速找到我們想要瀏覽的'頁(yè)面。學(xué)習更多導航菜單的制作，可以?xún)?yōu)化我們的網(wǎng)頁(yè)頁(yè)面，使其更加完善，也能增加美觀(guān)程度。
完成大作業(yè)需要事先精心的構思和素材的準備，從一開(kāi)始網(wǎng)頁(yè)主題的確定，到主頁(yè)總體的設計、搜集資料、每個(gè)分頁(yè)面的設計等，我都要一一進(jìn)行規劃，因為如果不規劃好，制作過(guò)程中就會(huì )沒(méi)有整體思路，網(wǎng)站就會(huì )顯得缺少整體性，而且不能連貫地制作下去，難以一氣呵成。定下框架之后，然后就開(kāi)始一步一步有條理，有次序地做起來(lái)。制作過(guò)程中，為了提高工作效率，減少工作時(shí)間，還可以利用制作一個(gè)網(wǎng)頁(yè)模版來(lái)減少工作量。由于一個(gè)網(wǎng)站中大多網(wǎng)頁(yè)采用相同的表頭和底部，僅僅內容有所不同，因此可以通過(guò)制作模版來(lái)填充多個(gè)網(wǎng)頁(yè)內容，一次來(lái)提高網(wǎng)站制作效率。
網(wǎng)頁(yè)制作過(guò)程中需用到最基本的軟件如Dreamweaver、Photoshop。Dreamweaver可以幫助我們快速構建一個(gè)初步的網(wǎng)站，之后再在此基礎上填補和完善，便可以構建一個(gè)完整的網(wǎng)站。Photoshop可以幫助我們快速處理建設網(wǎng)站中所需要用的所有圖片素材，修改成我們想要的模樣，包括對素材大小、尺寸、美化等處理。若想進(jìn)一步完善和更好地呈現網(wǎng)站內容，還可以利用Flash軟件制作一些相關(guān)的小動(dòng)畫(huà)和動(dòng)態(tài)圖片。由于良好的視覺(jué)效果，Flash已被大多數網(wǎng)站廣泛應用，借此大大增加網(wǎng)頁(yè)的藝術(shù)效果。
任何一門(mén)學(xué)科的學(xué)習都需要我們多加練習實(shí)踐，才能駕輕就熟，真正掌握這門(mén)學(xué)科。由于網(wǎng)頁(yè)設計這門(mén)課程的課較少，老師需要在課堂上傳授重點(diǎn)知識，因此課堂的實(shí)踐操作時(shí)間
久不可避免地減少，所以課下的及時(shí)復習與訓練就顯得尤為重要了。對于“知識被遺忘”的問(wèn)題，更是因為在課下沒(méi)有及時(shí)鞏固課堂知識所導致。
因此想要學(xué)好網(wǎng)頁(yè)設計者們課程，也許并不需要我們像專(zhuān)業(yè)課一樣投入大量時(shí)間跟精力，只要在課堂上抓住老師所講的重點(diǎn)知識，并在課下及時(shí)做好復習跟操練，便可以很好掌握網(wǎng)頁(yè)設計的基本技能，從而達到課程學(xué)習要求。
【學(xué)習網(wǎng)頁(yè)設計課程心得體會(huì )】相關(guān)文章：
網(wǎng)頁(yè)設計課程設計報告09-06
網(wǎng)頁(yè)設計課程心得體會(huì )范文薦01-22
學(xué)習網(wǎng)頁(yè)設計心得體會(huì )12-21
網(wǎng)頁(yè)設計學(xué)習心得體會(huì )7篇09-01
網(wǎng)頁(yè)設計的心得體會(huì )11-13
學(xué)習網(wǎng)頁(yè)設計心得體會(huì )（通用13篇）10-30
網(wǎng)頁(yè)設計學(xué)習心得13篇10-16
網(wǎng)頁(yè)html設計心得體會(huì )09-28
- 相關(guān)推薦