學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)html學(xué)習(xí)總結(jié)
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)html學(xué)習(xí)總結(jié)
現(xiàn)在,計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面,也已經(jīng)成了生活中不可缺少的一部分,網(wǎng)絡(luò)成了我們獲取知識(shí)和信息的一種便捷工具,了解和學(xué)習(xí)網(wǎng)絡(luò)知識(shí)是迫切所需的。來(lái)看看學(xué)習(xí)啦小編整理的學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)html學(xué)習(xí)總結(jié)吧。
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)html學(xué)習(xí)總結(jié)篇一
轉(zhuǎn)眼間,已到了期末,學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)這門課程也要結(jié)束了,雖然時(shí)間有點(diǎn)短,但是學(xué)過(guò)這個(gè)幾周以后我受益匪淺。
記得最初接觸dreamweaver的時(shí)候,我很茫然,因?yàn)閯偨佑|陌生的軟件心里會(huì)很害怕跟不上老師的進(jìn)程。剛開始幾節(jié)課,老師講得比較基礎(chǔ),還能跟得上,漸漸的老師授課的進(jìn)程開始加速,有些跟不上了,需要下課后自己補(bǔ)上,問(wèn)老師和周圍的同學(xué)。漸漸的,在老師的悉心教導(dǎo)下,我們開始熟悉這個(gè)軟件了。老師布置的第一個(gè)任務(wù),要求做一個(gè)自我形象網(wǎng)站。由于學(xué)習(xí)的時(shí)間較短,老師只要求用PS做好模板即可,任務(wù)相對(duì)簡(jiǎn)單。但也要求設(shè)計(jì)感強(qiáng),色彩搭配和諧,并且盡可能的做成實(shí)用又符合實(shí)際的漂亮網(wǎng)頁(yè)。
第二個(gè)網(wǎng)頁(yè)設(shè)計(jì)老師要求相對(duì)較高,用dreamweaver做一個(gè)比較接近真實(shí)的網(wǎng)頁(yè),還要做一個(gè)二級(jí)頁(yè)面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個(gè)表格,然后在表格內(nèi)進(jìn)行拆分合并處理,接著就把通過(guò)ps處理出來(lái)一個(gè)版頭并且把修改過(guò)大小的圖片放進(jìn)去了。
中間時(shí)預(yù)覽,問(wèn)題出現(xiàn)了,發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離,但是在軟件中已經(jīng)把距離縮小為0了,多次嘗試后沒(méi)有效果。最后想到可以另外再加一個(gè)表格,把版頭放在一個(gè)表格內(nèi)面,這樣問(wèn)題就解決了。預(yù)覽是效果還不錯(cuò)。但是總覺得首頁(yè)做得太普通,一次瀏覽學(xué)長(zhǎng)做的網(wǎng)頁(yè)時(shí),覺得他們的文字滾動(dòng)窗口做得效果做得不錯(cuò),于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼,把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成,但是卻出現(xiàn)大問(wèn)題了。
因?yàn)樾枰獫L動(dòng)的文字占的空間太大,把左邊的那部分表格全部占滿了,而在實(shí)際的網(wǎng)頁(yè)預(yù)覽中,這個(gè)有文字滾動(dòng)的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁(yè)設(shè)計(jì)瀏覽的工具建站程序三分之一,左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面,試了很多方法,在網(wǎng)站查了很多資料,可能因?yàn)闆](méi)有專業(yè)術(shù)語(yǔ)作為搜索的關(guān)鍵詞,查不到任何相關(guān)的資料,試過(guò)div標(biāo)簽,試過(guò)不停的拆分表格,最后還是沒(méi)有效果。就這樣試著試著,突然想到了層這個(gè)概念。于是在布局中點(diǎn)擊了繪制層,結(jié)果成功了,經(jīng)過(guò)一些加工,終于成功的完成左邊的布局。印象還比較深刻的是插入聲音,記得老師曾經(jīng)給我們講過(guò)很多次怎樣插入聲音,可是等到自己做網(wǎng)頁(yè)的時(shí)候卻忘記了,于是問(wèn)其他人,結(jié)果居然都忘記了,于是自己在百度上收。最后終于找到了一個(gè)可以使用的代碼,但是在加入聲音路徑時(shí)出現(xiàn)了問(wèn)題。在屬性內(nèi)加入源文件,結(jié)果就是加不進(jìn)去MP3的音樂(lè)文件,然后自己就嘗試加入了一個(gè)視頻,記下了路徑格式,然后照著這種格式寫下了指向聲音源文件的路徑,最后成功了。在設(shè)計(jì)過(guò)程中還出現(xiàn)了很多的問(wèn)題,但通過(guò)看書,上網(wǎng)查詢,請(qǐng)教同學(xué)等方式,不斷的學(xué)習(xí)、解決、提高,設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀還是內(nèi)容,都在不斷的進(jìn)步、改善??梢哉f(shuō)在自己動(dòng)手,不斷實(shí)踐的過(guò)程中,網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。熱情和執(zhí)著,我將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專業(yè),更完善。
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)html學(xué)習(xí)總結(jié)篇二
網(wǎng)頁(yè)設(shè)計(jì)心得體會(huì)。我利用寒假的時(shí)間,對(duì)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行了初步的認(rèn)識(shí)和了解,并基本掌握Dreamweaver的應(yīng)用。
通過(guò)對(duì)網(wǎng)頁(yè)設(shè)計(jì)書籍的翻閱,我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁(yè)的知識(shí),在實(shí)踐查閱資料時(shí),對(duì)flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過(guò)學(xué)習(xí),我對(duì)計(jì)算機(jī)有了更深層次得到了解,也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁(yè)制作的過(guò)程與一些技巧手法更有了另外一番了解,對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)也有了一定的掌握。在這個(gè)過(guò)程中,我同樣認(rèn)識(shí)到網(wǎng)頁(yè)設(shè)計(jì)不是一門學(xué)科的獨(dú)秀,而是多種課程的綜合,他是、Flash、Fireworks等網(wǎng)頁(yè)軟件的綜合應(yīng)用。
下面闡述一下我在翻閱《Dreamweaver》時(shí)的一些關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的見解。在具體的制作一個(gè)網(wǎng)頁(yè)時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該具備一些基本原則。
首先,要·確定網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題。整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁(yè)設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來(lái)做什么,所有頁(yè)面都是圍繞著這個(gè)內(nèi)容來(lái)制作,有了明確的內(nèi)容對(duì)排名有很重要的作用;其次,要了解你網(wǎng)站所在行業(yè)的客戶,及你的網(wǎng)頁(yè)屬于哪個(gè)類別。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.
在完成以上的基本內(nèi)容之后網(wǎng)頁(yè)的基本框架便成形成了,
下面要開始的便是優(yōu)化工作,
內(nèi)容是整個(gè)網(wǎng)頁(yè)的核心。在網(wǎng)頁(yè)設(shè)計(jì)之前必須明確網(wǎng)頁(yè)的內(nèi)容安排。優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個(gè)網(wǎng)頁(yè)時(shí),可以用樹狀結(jié)構(gòu)先把每個(gè)頁(yè)面的內(nèi)容大綱列出來(lái),尤其要制作一個(gè)大的網(wǎng)站 (有很多頁(yè)面) 的時(shí)候,特別需要把這個(gè)架構(gòu)規(guī)劃好,也要考慮到以后可能的擴(kuò)充性,免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu),很浪費(fèi)時(shí)間和財(cái)力。大綱列出來(lái)后,還必須考慮每個(gè)頁(yè)面之間的鏈接關(guān)系。是星形,樹形,或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂,層次不清的站點(diǎn)會(huì)造成瀏覽困難,影響內(nèi)容的發(fā)揮。框架定下來(lái)了,然后開始一步一步有條理,有次序地做來(lái),就胸有成竹得多,也會(huì)為主頁(yè)將來(lái)發(fā)展打下良好的基礎(chǔ)。下一步,就以動(dòng)手制作具體內(nèi)容了,題材選定,框架選定,接下來(lái)就開始往主頁(yè)里面填內(nèi)容。
如果是個(gè)人主頁(yè),有能力的人完全可以靠自己來(lái)創(chuàng)作所有的內(nèi)容。大部分人的方法是:從報(bào)紙,雜志,光盤等媒體中把相關(guān)的資料收集整理,再加上一定的編輯后就可以了。另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集,您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字,就可以找到一大堆的資料。在準(zhǔn)備材料的時(shí)候我們可以用一些小的動(dòng)畫和動(dòng)態(tài)圖片,F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具??梢灾苯釉诰庉媴^(qū)里繪畫,編輯修改非常靈活,它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí),可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制,效果可以很直觀的反映出來(lái)。然后是開始正式制作主頁(yè)。通過(guò)Dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對(duì)齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。
總體來(lái)說(shuō),通過(guò)這個(gè)假期對(duì)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí),有收獲也有遺憾。但是,我已經(jīng)邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門,只要我再認(rèn)真努力的去學(xué)習(xí),在今后的閑余時(shí)間學(xué)習(xí)制作網(wǎng)頁(yè)的更多知識(shí)以實(shí)現(xiàn)自身技能的提高,我堅(jiān)信將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專業(yè),更加華麗,使它最終成為自己的一項(xiàng)技能。
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)html學(xué)習(xí)總結(jié)篇三
這兩個(gè)星期是我們的網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)時(shí)間,這正是考驗(yàn)我們實(shí)力的時(shí)候了。
經(jīng)過(guò)一個(gè)學(xué)期的網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí),我們的專業(yè)基礎(chǔ)更加扎實(shí)了,我們對(duì)于自己的專業(yè)學(xué)習(xí)更加有信心了。一開始對(duì)于網(wǎng)站設(shè)計(jì)我是抱著好奇以及興趣認(rèn)真地學(xué)習(xí),剛開始接觸網(wǎng)頁(yè)設(shè)計(jì)會(huì)覺得很神奇,平時(shí)上網(wǎng)接觸到的網(wǎng)頁(yè)可以通過(guò)自己的努力來(lái)建成。一心想著設(shè)計(jì)一個(gè)美觀大氣的大網(wǎng)站,可以與其他網(wǎng)站媲美。對(duì)于我這種初學(xué)者,有這種天真的夢(mèng)想促使我更努力的學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)。
平時(shí)老師授課,講解了有關(guān)網(wǎng)頁(yè)設(shè)計(jì)的理論知識(shí)以及實(shí)際操作的示范。網(wǎng)頁(yè)設(shè)計(jì)更著重于實(shí)際操作,我們?cè)跈C(jī)房通過(guò)每次上課的學(xué)習(xí)運(yùn)用,已經(jīng)有了一定的基礎(chǔ)。一開始我們都是看著別人的網(wǎng)站去模仿建設(shè),到后來(lái)每個(gè)人在設(shè)計(jì)自己的網(wǎng)頁(yè)時(shí)都有自己的人個(gè)人風(fēng)格,這就是網(wǎng)頁(yè)設(shè)計(jì)的樂(lè)趣。他不僅可以激發(fā)同學(xué)們的興趣,還可以把自己的風(fēng)格更大膽地展示出來(lái),是一個(gè)可以展示自我的空間,使我們更有成就感。
這兩個(gè)星期我們實(shí)訓(xùn)課讓我們更清楚地認(rèn)識(shí)到自己的建站水平。實(shí)訓(xùn)任務(wù)是建立自己班級(jí)的網(wǎng)站,剛開始覺得兩個(gè)星期足夠我們?nèi)ソǔ梢粋€(gè)網(wǎng)站,但是我們都太高估我們自己了。一開始設(shè)計(jì)網(wǎng)站時(shí)不知道從何下手,之前老師上課講的知識(shí)一時(shí)不知道怎么靈活運(yùn)用起來(lái),我才發(fā)覺對(duì)我軟件功能的不太熟悉,除了基本的框架構(gòu)建,其他的設(shè)計(jì)都需要比較長(zhǎng)的時(shí)間去思考以及翻查書本。但是同學(xué)們都很積極地向老師提問(wèn),把自己存在的問(wèn)題一一的解決掉。雖然建立網(wǎng)站不是很順利,也只有這樣我們才可以正視自身,把平時(shí)半桶水的聽課方式給改掉。在這次的網(wǎng)站建設(shè)過(guò)程中,我發(fā)現(xiàn)自己對(duì)于知識(shí)不能靈活運(yùn)用,不能巧妙地結(jié)合起來(lái),對(duì)代碼的不熟悉,這更加是一個(gè)大問(wèn)題。建站過(guò)程中會(huì)遇到代碼出錯(cuò),代碼位置寫錯(cuò)之類的問(wèn)題,當(dāng)測(cè)試的時(shí)候出現(xiàn)了錯(cuò)誤但是不能看懂出錯(cuò)原因,只能靠網(wǎng)上搜索。因?yàn)閷?duì)于這種程序的東西我會(huì)比較抗拒,從小就不喜歡思維性太強(qiáng)的學(xué)習(xí),所以建站會(huì)遇到比較多這種問(wèn)題,但是我只能積極去面對(duì)才能完成任務(wù),畢竟這是我的專業(yè),為了專業(yè)而專業(yè),不能說(shuō)不喜歡就不愿意去學(xué),這次實(shí)訓(xùn)我反省了自身的存在問(wèn)題。我們建立網(wǎng)站的時(shí)候都發(fā)揮自己的創(chuàng)新力、想象力,用心地完成這個(gè)大項(xiàng)目。會(huì)遇到很多的問(wèn)題,經(jīng)常因?yàn)橐粋€(gè)細(xì)小的步驟而出錯(cuò),做動(dòng)態(tài)網(wǎng)頁(yè)的時(shí)候會(huì)遇到更多類似的問(wèn)題,通常都會(huì)花費(fèi)我很多時(shí)間來(lái)解決出錯(cuò)原因。打個(gè)比方,我會(huì)一個(gè)上午都在弄留言板,因?yàn)椴恢莱鲥e(cuò)原因,當(dāng)請(qǐng)教老師或是同學(xué)的時(shí)候才恍然大悟,原來(lái)是這么簡(jiǎn)單的。當(dāng)然,最終可以解決困難我還是很欣慰的。
當(dāng)我真正建立起自己的網(wǎng)站的時(shí)候,我看著自己的作品非常地興奮,這是我用心血完成的只屬于自己的網(wǎng)站,特別地欣慰。因?yàn)檫^(guò)程的困難,我更加珍惜自己第一次的作品,做每一步都會(huì)小心翼翼,就像母親生怕會(huì)失去自己的孩子一樣,我就是這樣的感受。
我可以說(shuō)網(wǎng)頁(yè)設(shè)計(jì)給了我很大的收獲,我是用我的熱情去學(xué)習(xí),也是用我的真心去設(shè)計(jì),屬于自己的東西永遠(yuǎn)是最美好的。網(wǎng)頁(yè)設(shè)計(jì)不是用嘴巴就可以設(shè)計(jì)的,更需要的我們的堅(jiān)持、創(chuàng)新、用心,才能收獲更大的勝利。
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)html學(xué)習(xí)總結(jié)相關(guān)文章:
1.網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得
2.學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)心得體會(huì)