- 相關(guān)推薦
網(wǎng)頁(yè)制作心得體會(huì)
在平日里,心中難免會(huì)有一些新的想法,就很有必要寫(xiě)一篇心得體會(huì),這樣我們就可以提高對(duì)思維的訓(xùn)練。你想好怎么寫(xiě)心得體會(huì)了嗎?以下是小編幫大家整理的網(wǎng)頁(yè)制作心得體會(huì),僅供參考,大家一起來(lái)看看吧。
網(wǎng)頁(yè)制作心得體會(huì)1
如何接納需求?
1.首先要和產(chǎn)品經(jīng)理充分的溝通。真正的理解這個(gè)需求的性質(zhì),為什么會(huì)提出這個(gè)需求,它是要為公司的什么產(chǎn)品服務(wù)的,發(fā)起一個(gè)什么樣的活動(dòng)。
2.明確活動(dòng)的目的?受眾的人群?要傳遞出什么信息?要達(dá)到什么效果?
3.與產(chǎn)品經(jīng)理一起來(lái)檢驗(yàn)這個(gè)需求的定位和傳遞的信息量是否準(zhǔn)確。把自己當(dāng)成用戶來(lái)看,抓住兩個(gè)原則,快速,準(zhǔn)確,讓用戶10秒種可以明白這個(gè)頁(yè)面的中心,我們根據(jù)這個(gè)原則來(lái)歸納出這個(gè)需求的重點(diǎn)是什么,次重點(diǎn)是什么,這樣你才知道你要表現(xiàn)的視覺(jué)中心是什么。
完成需求的過(guò)程
構(gòu)思 就是找大感覺(jué),(大致的版面形式,大致的色調(diào))在腦海里勾勒一幅大致的圖,平時(shí)積累的一些閱讀信息會(huì)起到很大作用,所以我們要多看好作品。跟著這個(gè)大感覺(jué)去尋找這個(gè)需求所需要的元素,發(fā)散思維。找到這些元素后,我們要進(jìn)行取舍。
草圖 可以手繪也可以快速的在電腦上來(lái)畫(huà)一些草圖表現(xiàn)形式根據(jù)活動(dòng)的氣氛去決定表現(xiàn)形式,為你的頁(yè)面找一種格調(diào),在表現(xiàn)這個(gè)氣質(zhì)時(shí),我對(duì)自己說(shuō)要表現(xiàn)的更極致。嚴(yán)肅的更嚴(yán)肅,幽默的更幽默,官方的更官方,熱鬧的更熱鬧,可愛(ài)的更可愛(ài),優(yōu)雅的更優(yōu)雅,
色調(diào) 基本上一個(gè)頁(yè)面最好不超過(guò)3種以上的色調(diào)。在同種色系里去尋找不通的輔色。我覺(jué)得可以多做不通的嘗試,并不要一味的走老路,紅色一定要陪金色,華麗一定要古典色,要多尋找不同的陪色可能。
主題字的設(shè)計(jì) 這是一個(gè)活動(dòng)頁(yè)面最重要的信息傳達(dá)點(diǎn),在很大程度上,力求用簡(jiǎn)短的語(yǔ)句表達(dá)完整的信息,字體設(shè)計(jì)的重要性大家都知道,沒(méi)有捷徑可走,只能是一點(diǎn)點(diǎn)積累經(jīng)驗(yàn),根據(jù)字題的意思和情景來(lái)做創(chuàng)意,至于怎么變形,怎么做質(zhì)感,就見(jiàn)仁見(jiàn)智了。
素材的運(yùn)用 肯定是尋找像素高,精度好,有創(chuàng)意,簡(jiǎn)潔的素材。但我們有時(shí)總找不到中意的.素材。千萬(wàn)別將就隨便用一個(gè)素材,那樣會(huì)影響整個(gè)頁(yè)面效果,這種時(shí)候最好自己動(dòng)手畫(huà),雖然畫(huà)的可能不夠好,但能夠朝著自己想要的方向去畫(huà)。也可以自己把握顏色。
頁(yè)面完成后找3個(gè)對(duì)象來(lái)驗(yàn)收
對(duì)象一我自己 自己的感覺(jué)很重要,如果自己都覺(jué)得不ok,估計(jì)這一稿拿給別人看也不會(huì)被肯定,就算產(chǎn)品那里過(guò)了,自己也會(huì)不舒服。想著我應(yīng)該可以做的更好,所以,我要先過(guò)自己這一關(guān)。當(dāng)然我自己可能看的更多的站在設(shè)計(jì)審美的角度。而容易忽略網(wǎng)頁(yè)本身的功能性,易用性。
對(duì)象二產(chǎn)品經(jīng)理 產(chǎn)品經(jīng)理看得更多的就是功能性,是否很好的傳達(dá)出了他想要傳達(dá)的信息,氣氛啊。有的產(chǎn)品經(jīng)理也會(huì)從設(shè)計(jì)的角度給出自己的意見(jiàn),這時(shí),作為設(shè)計(jì)師考慮他的建議是否可行,是否對(duì)活動(dòng)有益,要客觀的看待和溝通這個(gè)問(wèn)題,如果發(fā)現(xiàn)他的觀點(diǎn)對(duì)活動(dòng)無(wú)益,或者影響整體設(shè)計(jì),可以試著說(shuō)服他。
對(duì)象三普通網(wǎng)民 這個(gè)對(duì)象是最直觀也是最準(zhǔn)確的,可以找家人,或者朋友來(lái)完成。我的做法是不給朋友解釋這個(gè)活動(dòng)頁(yè),就是讓他自己看,如果他能在10秒鐘內(nèi)明白這個(gè)頁(yè)面的意思,能用一句話解釋出來(lái)。并且愿意嘗試參加這個(gè)活動(dòng),那就基本成功了。
網(wǎng)頁(yè)制作心得體會(huì)2
做主頁(yè),并不是一件容易的事,它包括個(gè)人主頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套頁(yè)的色調(diào)等很多東西。
一、準(zhǔn)備資料和挑選頁(yè)設(shè)計(jì)的合適工具
俗話說(shuō):“巧婦難為無(wú)米之炊”。做主頁(yè)當(dāng)然要收集、準(zhǔn)備資料。在上多轉(zhuǎn)轉(zhuǎn),看到什么漂亮的頁(yè),把它保存起來(lái),作為以后自己設(shè)計(jì)主頁(yè)時(shí)的參考。另外,還包括搜集美化主頁(yè)可能要用到的各種材料,如背景、線條、小動(dòng)畫(huà)圖標(biāo)等等。你可以在硬盤(pán)上建一個(gè)件夾,下分“e—mail圖標(biāo)、背景、線條、動(dòng)畫(huà)”等件夾,養(yǎng)成上時(shí)看到有創(chuàng)意、新鮮的圖像,就按鼠標(biāo)右鍵存入你硬盤(pán)相應(yīng)件夾的.習(xí)慣,時(shí)間一長(zhǎng)你就有擁有了一個(gè)可觀的圖庫(kù),等做主頁(yè)時(shí)隨手拈來(lái)或加以修改就成你自己的東西了。
二、規(guī)劃整個(gè)站
主頁(yè)的設(shè)計(jì)應(yīng)以醒目?jī)?yōu)先,應(yīng)該令人一目了然,切勿堆砌太多不必要的細(xì)節(jié),或使畫(huà)面過(guò)于復(fù)雜。要做到這一點(diǎn),首先要在整體上規(guī)劃自己站的主題和內(nèi)容,確定自己需要傳達(dá)給訪問(wèn)用戶的主要信息,然后仔細(xì)斟酌,把自己所有要表達(dá)的意念合情合理地組織起來(lái);其次,是設(shè)計(jì)一個(gè)富有個(gè)性的頁(yè)面式樣,務(wù)求盡善盡美。這樣制作出來(lái)的主頁(yè)才會(huì)清晰、明了、內(nèi)容充實(shí)。切記,頁(yè)面給人的第一觀感最為重要!在上到處瀏覽站的人很多,如果你的主頁(yè)給人的第一印像沒(méi)有吸引力,很難令他們深入觀賞,而且他們恐怕再也不會(huì)訪問(wèn)你的站了。
三、善用圖片,增強(qiáng)藝術(shù)效果,加快主頁(yè)瀏覽速度
頁(yè)的迷人之處之一,要算它上面能點(diǎn)綴許多漂亮的圖片。精美的圖片設(shè)計(jì),可以使自己的頁(yè)增輝不少,令人過(guò)目不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用,切忌虛飾浮夸,同時(shí)還要注意與字的顏色搭配。最佳的圖像集美觀與資訊于一身。
網(wǎng)頁(yè)制作心得體會(huì)3
現(xiàn)在,計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面,也已經(jīng)成了生活中不可缺少的一部分,網(wǎng)絡(luò)成了我們獲取知識(shí)和信息的一種便捷工具,現(xiàn)在的網(wǎng)民也在不斷的增多,所以,了解和學(xué)習(xí)網(wǎng)絡(luò)知識(shí)是我們作為一名大學(xué)生迫切所需的,
我利用寒假的時(shí)間,對(duì)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行了初步的認(rèn)識(shí)和了解,并基本掌握Dreamweaver的應(yīng)用。
我了解了一些基礎(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ì)不是一門(mén)學(xué)科的獨(dú)秀,而是多種課程的綜合,他是、Flash、Fireworks等網(wǎng)頁(yè)軟件的綜合應(yīng)用。
下面闡述一下我在翻閱《Dreamweaver》時(shí)的一些關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的見(jiàn)解。在具體的制作一個(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ì)馬上離開(kāi),這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.
在完成以上的基本內(nèi)容之后網(wǎng)頁(yè)的基本框架便成形成了,下面要開(kāi)始的便是優(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í),可以用樹(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)系。是星形,樹(shù)形,或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂,層次不清的站點(diǎn)會(huì)造成瀏覽困難,影響內(nèi)容的發(fā)揮。框架定下來(lái)了,然后開(kāi)始一步一步有條理,有次序地做來(lái),就胸有成竹得多,也會(huì)為主頁(yè)將來(lái)發(fā)展打下良好的基礎(chǔ)。下一步,就以動(dòng)手制作具體內(nèi)容了,題材選定,框架選定,接下來(lái)就開(kāi)始往主頁(yè)里面填內(nèi)容。
如果是個(gè)人主頁(yè),有能力的人完全可以靠自己來(lái)創(chuàng)作所有的內(nèi)容。大部分人的方法是:從報(bào)紙,雜志,光盤(pán)等媒體中把相關(guān)的資料收集整理,再加上一定的編輯后就可以了。另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集,您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字,就可以找到一大堆的資料。在準(zhǔn)備材料的時(shí)候我們可以用一些小的動(dòng)畫(huà)和動(dòng)態(tài)圖片,F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具?梢灾苯釉诰庉媴^(qū)里繪畫(huà),編輯修改非常靈活,它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫(huà)播放時(shí),可以用鼠標(biāo)或鍵盤(pán)對(duì)動(dòng)畫(huà)的播放進(jìn)行控制,效果可以很直觀的反映出來(lái)。然后是開(kā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ì)的大門(mén),只要我再認(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)技能。
網(wǎng)頁(yè)制作心得體會(huì)4
轉(zhuǎn)眼間,已到了期末,學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)這門(mén)課程也要結(jié)束了,雖然時(shí)間有點(diǎn)短,但是學(xué)過(guò)這個(gè)幾周以后我受益匪淺。
記得最初接觸dreamweaver的時(shí)候,我很茫然,因?yàn)閯偨佑|陌生的軟件心里會(huì)很害怕跟不上老師的進(jìn)程。剛開(kāi)始幾節(jié)課,老師講得比較基礎(chǔ),還能跟得上,漸漸的老師授課的進(jìn)程開(kāi)始加速,有些跟不上了,需要下課后自己補(bǔ)上,問(wèn)老師和周?chē)耐瑢W(xué)。漸漸的,在老師的悉心教導(dǎo)下,我們開(kāi)始熟悉這個(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è)面。于是開(kāi)始收集各方面的資料。確定了主題就開(kāi)始布局了。最開(kāi)始使用了一個(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ò)。但是總覺(jué)得首頁(yè)做得太普通,一次瀏覽學(xué)長(zhǎng)做的網(wǎng)頁(yè)時(shí),覺(jué)得他們的文字滾動(dòng)窗口做得效果做得不錯(cuò),于是想借見(jiàn)一下。就決定把自己網(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è)視頻,記下了路徑格式,然后照著這種格式寫(xiě)下了指向聲音源文件的路徑,最后成功了。在設(shè)計(jì)過(guò)程中還出現(xiàn)了很多的問(wèn)題,但通過(guò)看書(shū),上網(wǎng)查詢,請(qǐng)教同學(xué)等方式,不斷的學(xué)習(xí)、解決、提高,設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀還是內(nèi)容,都在不斷的進(jìn)步、改善。可以說(shuō)在自己動(dòng)手,不斷實(shí)踐的過(guò)程中,網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。熱情和執(zhí)著,我將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專業(yè),更完善。
網(wǎng)頁(yè)制作心得體會(huì)5
轉(zhuǎn)瞬之間,半個(gè)學(xué)期又接近尾聲,在李導(dǎo)師的精心輔導(dǎo)下,度過(guò)了這個(gè)富有生機(jī),富有朝氣的學(xué)期。學(xué)到了很多做夢(mèng)也不會(huì)遇到的如此奇特的有趣知識(shí),對(duì)于我來(lái)講是一個(gè)很的鍛煉和充實(shí)的機(jī)會(huì)。
俗話說(shuō)的“書(shū)山有路勤為徑,學(xué)海無(wú)涯苦作舟”。在這一絕世佳句的鼓動(dòng)下,我把握了工作之余的一切可利用的剩余時(shí)間,全心全意投入到頁(yè)世界,去不斷的學(xué)習(xí),去不斷的收索;同時(shí)去不斷的充實(shí),去不斷的完善自我,在絡(luò)的天空下逐漸的美化自己的人生!
在學(xué)習(xí)頁(yè)制作的過(guò)程中,我深深體會(huì)到一點(diǎn)“有付出,就終有回報(bào)”,你的付出與你的回報(bào)終究是成正比的`。經(jīng)過(guò)了多少漫漫長(zhǎng)路,經(jīng)過(guò)了多少忘我的投入,經(jīng)過(guò)了多少波折,我的頁(yè)與眾人見(jiàn)面了。當(dāng)我第一眼在絡(luò)下一覽我的個(gè)人主頁(yè),我是多么的激動(dòng),多么的興奮,就像多年未見(jiàn)的老同學(xué),一種講不出道不明的感覺(jué)。
我在制作主頁(yè)中的心得體會(huì):
做主頁(yè),并不是一件容易的事,它包括個(gè)人主頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套頁(yè)的色調(diào)等很多東西。
1、標(biāo)題
在個(gè)人主頁(yè)中標(biāo)題起著很重要的作用,它在很大程度上決定了你整套個(gè)人主頁(yè)的定位。一個(gè)的標(biāo)題必須有概括性、簡(jiǎn)短,有特色、容易記,還要符合自己主頁(yè)的主題和風(fēng)格,決不要取一個(gè)名不符實(shí)的"名字",別人第一次上了當(dāng),下次再也不會(huì)光顧了。
2、內(nèi)容的采集
選標(biāo)題后,開(kāi)始采集內(nèi)容,內(nèi)容必須與標(biāo)題相符,在采集內(nèi)容的過(guò)程中,應(yīng)注重特色,所謂特色應(yīng)該是有一些自己的東西。個(gè)人主頁(yè)中的特色,應(yīng)該突出自己的個(gè)性,把自己的興趣、愛(ài)盡情地發(fā)揮出來(lái),因?yàn)樵诮j(luò)上不受限制。主頁(yè)就是在絡(luò)上的一個(gè)小小家園,在那里,可以放上自己喜歡的任何東西,包括你自己平時(shí)喜歡一些章,一些聽(tīng)的歌,一些的動(dòng)畫(huà)作品。把這些內(nèi)容按類別進(jìn)行分類,設(shè)置欄目,讓人一目了然,在欄目上不要設(shè)置太多,最不要超過(guò)十個(gè),層次上最少于五層。
3、圖片
做個(gè)人主頁(yè)不能只用字,必須在主頁(yè)上適當(dāng)?shù)丶右恍﹫D片,增加可看性,俗話說(shuō)"一圖勝千言",我想不無(wú)道理,一張?zhí)幚淼玫膱D片不需要多做任何解釋,就能讓人一目了然,讓人去思考,去了解它。當(dāng)然處理得不的以及無(wú)關(guān)緊要的圖片最不要放上去,否則讓人覺(jué)得是累贅,同時(shí)也影響頁(yè)的傳輸速度。圖片不僅要看,還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大。醋止(jié)數(shù)),在目前絡(luò)傳輸速度不是很快的情況下,圖片的大小在很大程度上影響了頁(yè)的傳輸速度。那么如何精簡(jiǎn)圖片的大小呢,一般來(lái)說(shuō),圖片顏色較少的及在256色以內(nèi)的最把它處理成gif圖像格式,如果是一些色彩比較豐富的圖片,最把它處理成jpg圖像格式,因?yàn)間if和jpg各有各的壓縮優(yōu)勢(shì),應(yīng)根據(jù)具體的圖片來(lái)選擇壓縮比。
4、頁(yè)排版
頁(yè)頁(yè)面整體的排版設(shè)計(jì)也是不可忽略的,要讓讀者在狹小的電腦屏幕上閱讀,很重要的一個(gè)原則是合理地運(yùn)用空間,讓自己的頁(yè)井井有條,留下必要的空白,人覺(jué)得很輕松。不要把整個(gè)頁(yè)都填得密密實(shí)實(shí)的,沒(méi)有一點(diǎn)空隙,這樣會(huì)給人一種壓抑感。
5、背景
頁(yè)的背景并不一定非要用白色,選用的背景應(yīng)該和整套頁(yè)面的色調(diào)相協(xié)調(diào)。合理的應(yīng)用色彩是非常關(guān)鍵的。
6、其它
如果想自己的頁(yè)更有特色一些,可適當(dāng)?shù)丶右恍╉?yè)制作的技巧,諸如聲音、動(dòng)態(tài)頁(yè)、java、applet等,當(dāng)然這些小技巧最不要加太多,它會(huì)影響頁(yè)的下載速度。
等個(gè)人主頁(yè)做得差不多了,可別忘了在個(gè)人主頁(yè)上放一個(gè)留言板、一個(gè)計(jì)數(shù)器。前者能及時(shí)獲得參觀者的意見(jiàn)和建議,及時(shí)得到友反饋的信息,最能做到有問(wèn)必答,用行動(dòng)去贏得更多的訪問(wèn)者;后者能讓知道主頁(yè)參觀者的統(tǒng)計(jì)數(shù)據(jù),可以及時(shí)調(diào)整設(shè)計(jì),適應(yīng)不同的瀏覽器和參觀者的要求。
7、宣傳
昨天,頁(yè)與我無(wú)緣,那是因?yàn)樯咸觳唤o我們一個(gè)見(jiàn)面的機(jī)會(huì)!
今天,頁(yè)與我相識(shí),與我相知,成為我的一個(gè)最真誠(chéng)的朋友,那時(shí)因?yàn)槔顚?dǎo)師的辛勤栽培!
明天,頁(yè)與我一生相伴,終身相隨,那是因?yàn)槲翌I(lǐng)悟了什么是“一個(gè)絡(luò),整個(gè)世界”。
總而言之,我將用畢生的精力,心血去換取絡(luò)中最燦爛的那顆夜明珠,在頁(yè)的藍(lán)圖里,我將記下人生不朽的個(gè)人詩(shī)篇!
網(wǎng)頁(yè)制作心得體會(huì)6
在炎熱的夏季,又在悶熱的機(jī)房中,我們又一次的完成了網(wǎng)站建設(shè)的實(shí)習(xí)。在這實(shí)習(xí)期間,有太多的話想說(shuō),都是苦不堪言。但事后又想想,苦過(guò)了,才知道有甜。
在這實(shí)習(xí)當(dāng)中,我知道了div是html(超文本語(yǔ)言)中的一個(gè)元素,div+cs是一種網(wǎng)頁(yè)的布局方法,div+css包括行內(nèi)樣式、內(nèi)嵌式、鏈接式、導(dǎo)入式、css選擇器、標(biāo)記選擇器、類別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區(qū)別:id不允許重復(fù)使用,只能用一次,css規(guī)范和其他規(guī)范javascript控制方法一樣。
說(shuō)實(shí)話,我對(duì)div+css一點(diǎn)兒都不懂,但起碼我知道了這是一種網(wǎng)頁(yè)的布局格式,總比不知道強(qiáng)。有句話說(shuō),不懂就要學(xué)。是的,既然學(xué)了了這個(gè)專業(yè),就不能對(duì)這個(gè)專業(yè)模糊。所以,就要學(xué)習(xí)學(xué)習(xí)再學(xué)習(xí)。征服畏懼、建立自信的最快最確實(shí)的方法,就是去做你害怕的事,直到你獲得成功的經(jīng)驗(yàn)。
我們經(jīng)過(guò)兩周的實(shí)訓(xùn),通過(guò)前期的合同洽談、簽訂,到后期的網(wǎng)站制作、網(wǎng)站發(fā)布,讓我受益匪淺。不僅讓我了解通過(guò)網(wǎng)絡(luò)洽談商務(wù)的禮儀和細(xì)節(jié),也讓我的網(wǎng)站制作知識(shí)及技能有了很大提高。
前期我們通過(guò)發(fā)送電子郵件,進(jìn)行網(wǎng)上商務(wù)的接洽。由于沒(méi)有做好工作——了解商務(wù)郵件的格式,導(dǎo)致郵件發(fā)了很長(zhǎng)一段時(shí)間,雙方還僅僅停留在認(rèn)識(shí)階段,確實(shí)說(shuō)來(lái)很失敗。
在擬定合同時(shí),由于不能真正滿足客戶的需求,一些條款及報(bào)價(jià)不合理,因此要一次又一次反復(fù)的修改合同。這主要是因?yàn)槲覀儾荒苷_解讀客戶的要求,并且我們不能拿出我們公司為大洋禮品公司網(wǎng)站建設(shè)的特色。
在網(wǎng)站制作的起初階段,由于不曾制作過(guò)網(wǎng)頁(yè),雖然團(tuán)隊(duì)確立了分工,但還是有些迷茫。公司沒(méi)有確立風(fēng)格和大體的布局,并且搜集資料是一個(gè)漫長(zhǎng)而又復(fù)雜的過(guò)程。通過(guò)瀏覽各類禮品網(wǎng)站,心里大概有了一定的想法和設(shè)計(jì)。
我的主要任務(wù)有“誠(chéng)聘英才” 、“產(chǎn)品導(dǎo)航” 、“展會(huì)禮品” 、“廣告促銷(xiāo)禮品” 。我最先做的是“誠(chéng)聘英才”,我是參照中國(guó)電信誠(chéng)聘英才首頁(yè)做的,它看似制作簡(jiǎn)單,其實(shí)布局十分復(fù)雜、精致。在處理圖片是我遇到了不少困難,最典型的就是有一次我想在圖片中插入文字,但始終插入不了,后來(lái)通過(guò)請(qǐng)教老師,總算知道了其中的奧妙。原來(lái)是圖層被鎖定了,要重新拷貝圖層,再考貝的圖層上就可以插入文字了,并且文字其實(shí)也是一個(gè)圖層,它是可以移動(dòng)的。盡管我為誠(chéng)聘英才網(wǎng)頁(yè)付出了很多,但并沒(méi)有被采納,并且此時(shí)我也設(shè)計(jì)了logo,也沒(méi)有被采納。
“產(chǎn)品導(dǎo)航”是一個(gè)困擾我一上午的問(wèn)題(此刻公司首頁(yè)已經(jīng)制作完畢,而它與合同上的“產(chǎn)品導(dǎo)航”頁(yè)面布局類似,于是這讓我一時(shí)間很難抉擇。我就一邊設(shè)計(jì)一邊思考,此時(shí)我為公司定的色彩風(fēng)格是紅色,我為導(dǎo)航欄設(shè)計(jì)的是交互式按鈕,并且設(shè)計(jì)了初始字體、懸停、按下時(shí)字體顏色?墒沁@一切都是白費(fèi),由于后來(lái)我們將風(fēng)格確定為藍(lán)色,并且導(dǎo)航欄確定都采用首頁(yè)中插入的圖片,但我覺(jué)得這樣有些不好:例如它不可以設(shè)置超鏈接的字體顏色,這是很不專業(yè)的體現(xiàn)。團(tuán)隊(duì)由于缺乏及時(shí)的溝通,導(dǎo)致其他組員一些好的想法得不到實(shí)施,確實(shí)是我們團(tuán)隊(duì)合作的一個(gè)問(wèn)題所在。
展會(huì)禮品、廣告促銷(xiāo)禮品由于套用相同的布局,設(shè)計(jì)上沒(méi)有什么難點(diǎn),只是在這基礎(chǔ)上進(jìn)行產(chǎn)品的進(jìn)一步分類和圖片的搜集有些費(fèi)神和花時(shí)間。我在制作這一系列網(wǎng)頁(yè)時(shí),都特別注意修改網(wǎng)頁(yè)標(biāo)題。網(wǎng)頁(yè)標(biāo)題是十分重要的,它是每打開(kāi)一張網(wǎng)頁(yè)的'頭標(biāo)。
前面這一階段的工作我還有一個(gè)小收獲,這就是圖片位置,其實(shí)在圖片屬性中圖片定位選擇絕對(duì)定位,再在下面輸入距左距上的距離即可,這是一個(gè)很不錯(cuò)的方法。
后期我們進(jìn)行每個(gè)人作的網(wǎng)頁(yè)整合時(shí)遇到了不少問(wèn)題,原先我們認(rèn)為超鏈接是可以整合的,其實(shí)不然,只能在一個(gè)文件內(nèi)作。當(dāng)時(shí)已經(jīng)花了一天的工時(shí),可后來(lái)在晚上才發(fā)現(xiàn),不只這個(gè)問(wèn)題,還有每個(gè)人做的網(wǎng)頁(yè)都是保存在網(wǎng)站文件夾下,而最后上傳到服務(wù)器上只能有一個(gè)網(wǎng)站文件夾。所以后來(lái)我們組有三個(gè)人加班熬夜的。原本以為這樣已經(jīng)差不多了,可是當(dāng)我們把網(wǎng)站通過(guò)windowsxxiis默認(rèn)web站點(diǎn)上傳進(jìn)行本地調(diào)試時(shí)發(fā)現(xiàn)所有網(wǎng)頁(yè)導(dǎo)航欄的圖片都顯示不出來(lái),一些超鏈接也無(wú)法連接,這下讓我們有些驚慌失措。通過(guò)向老師了解,知道可能是圖片命名的問(wèn)題,web服務(wù)器無(wú)法識(shí)別中文命名的圖片,此外網(wǎng)頁(yè)也需命名為英文。于是我們又忙于修改圖片和網(wǎng)頁(yè)的名稱。我的所制作的展會(huì)禮品將網(wǎng)頁(yè)都放在private文件夾下,導(dǎo)致所有需要連接到展會(huì)禮品首頁(yè)的都不能進(jìn)行。我首先需要把private文件夾下的網(wǎng)頁(yè)全部剪切出來(lái),并且檢查超鏈接,而這些只能在frontpage文件夾試圖下進(jìn)行。同時(shí)還要在http上檢測(cè),進(jìn)行及時(shí)的修改。超鏈接檢測(cè)是我展會(huì)禮品網(wǎng)頁(yè)的一個(gè)主要問(wèn)題。公司主頁(yè)上的“展會(huì)禮品”始終連接不到“展會(huì)禮品首頁(yè)”,反復(fù)的進(jìn)行超鏈接都無(wú)法成功,其實(shí)是因?yàn)槲宜B接的超鏈接路徑不對(duì),其實(shí)我應(yīng)該根據(jù)瀏覽器上不能連接到的網(wǎng)頁(yè)路徑進(jìn)行修改超鏈接。
經(jīng)過(guò)這翻調(diào)試、測(cè)試,網(wǎng)站不存在圖片顯示不出來(lái)的問(wèn)題,以及超鏈接無(wú)法連接的問(wèn)題。
在互聯(lián)網(wǎng)越來(lái)越深入到生活中每一個(gè)角落的年代,網(wǎng)頁(yè)的表現(xiàn)形式就如同以前書(shū)本上的文字,傳達(dá)著的是網(wǎng)絡(luò)語(yǔ)言,每一條線、每一個(gè)色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺(jué)。實(shí)際上網(wǎng)頁(yè)的表現(xiàn)形式已是互聯(lián)網(wǎng)至關(guān)重要的元素。它是一種創(chuàng)造性、有成就感的工作。
網(wǎng)頁(yè)制作心得體會(huì)7
MetInfo從事網(wǎng)站建設(shè)行業(yè)也有許多年了,遇到過(guò)各種奇葩網(wǎng)站客戶,也見(jiàn)證了許多同行業(yè)的起起落落,下面與大家分享一些網(wǎng)站制作心得體會(huì)
現(xiàn)在網(wǎng)站制作越來(lái)越智能化,簡(jiǎn)單化,很多網(wǎng)站的建站工作基本上只要想好域名就可以了,其他的事情基本上都能自動(dòng)化完成。
比如網(wǎng)站的內(nèi)容更新操作,現(xiàn)在許多的CMS系統(tǒng)都有采集插件,MetInfo也不例外,只要設(shè)定好一些規(guī)則,每天都不用自己管理內(nèi)容的更新,網(wǎng)站便會(huì)自動(dòng)采集內(nèi)容更新,相比起人工更新來(lái)說(shuō)更加準(zhǔn)時(shí)與定量,也能喂好搜索引擎的蜘蛛。當(dāng)然如果你是做自己獨(dú)有的產(chǎn)品優(yōu)勢(shì),可能這種辦法就不太適用你了。
比起手工建站的方式,現(xiàn)在的`CMS建站,完全不用靠自己聘請(qǐng)專門(mén)的程序維護(hù)員,來(lái)維護(hù)網(wǎng)站的穩(wěn)定性,如同現(xiàn)在的云服務(wù)器一樣,只要把服務(wù)器交給其他人管理就行,而且相比起來(lái),他們更加專業(yè),也更加實(shí)惠。
在營(yíng)銷(xiāo)方面,許多建站系統(tǒng)都考慮的比較周全,SEO都只是最基本的及格建站系統(tǒng),很多都搭配了三站合一甚至是四站合一,多樣的營(yíng)銷(xiāo)方式,完全不用像以前一樣帶著文案自己談客戶,一手掌握互聯(lián)網(wǎng)所有客戶,只要你的營(yíng)銷(xiāo)手段高明,基本上不用愁網(wǎng)站的流量。
建站方面,需要注意的就是選擇一個(gè)好的建站系統(tǒng),完全可以在網(wǎng)站建設(shè)這條路上少奮斗幾年。
同樣的,隨著建站的門(mén)檻越來(lái)越低,建站的人也越來(lái)越多,許多傳統(tǒng)行業(yè)也融入了進(jìn)來(lái),與大市場(chǎng)伴隨而來(lái)的是競(jìng)爭(zhēng)激烈程度越來(lái)越大,想要在網(wǎng)絡(luò)這個(gè)大市場(chǎng)贏得成功,就必須要時(shí)刻保持對(duì)市場(chǎng)敏銳的嗅覺(jué)力。
網(wǎng)頁(yè)制作心得體會(huì)8
楊老師下午講解的是網(wǎng)頁(yè)制作,他從網(wǎng)頁(yè)布局(三段式)講解,接著展示新浪、師院首頁(yè)給我們看,在這過(guò)程中,始終都以實(shí)例講解為主。
接著講網(wǎng)頁(yè)布局的方法:
1.紙上布局法
許多網(wǎng)頁(yè)制作者不喜歡先畫(huà)出頁(yè)面布局的草圖,而是直接在網(wǎng)頁(yè)設(shè)計(jì)器里邊設(shè)計(jì)布局邊加內(nèi)容。這種不打草稿的方法不能讓你設(shè)計(jì)出優(yōu)秀的網(wǎng)頁(yè)來(lái)。所以在開(kāi)始制作網(wǎng)頁(yè)時(shí),要先在紙上畫(huà)出你頁(yè)面的布局草圖來(lái)。
2.軟件布局法
如果你不喜歡用紙來(lái)畫(huà)出你的布局意圖,那么你還可以利用軟件來(lái)完成這些工作。這個(gè)軟件就是Photoshop。Photoshop所具有的對(duì)圖像的編輯功能用到設(shè)計(jì)網(wǎng)頁(yè)布局上更顯得心應(yīng)手。不像用紙來(lái)設(shè)計(jì)布局,利用Photoshop可以方便的使用顏色,使用圖形,并且可以利用層的功能設(shè)計(jì)出用紙張無(wú)法實(shí)現(xiàn)的布局意念。
最后重點(diǎn)講了布局的技術(shù)
1.層疊樣式表的'應(yīng)用
2.表格布局
3.框架布局
最后,楊老師就DIV+CSS給我們進(jìn)行詳細(xì)介紹,我們按照他的進(jìn)度,創(chuàng)建網(wǎng)站站點(diǎn)、創(chuàng)建文件夾、創(chuàng)建文件。然后在DIV容器中插入動(dòng)畫(huà),創(chuàng)建CSS文件,對(duì)不同的塊元素進(jìn)行排版,主要是浮動(dòng)—float。由于時(shí)間實(shí)在是太短了,很多知識(shí)都沒(méi)的講,比如我們常遇到的外邊距,內(nèi)邊距,線條,以及一些基本的代碼知識(shí)…….
哈哈,我就不多說(shuō)了,對(duì)于網(wǎng)頁(yè)我也研究了好幾年了,問(wèn)題還真多,學(xué)過(guò)網(wǎng)頁(yè)布局(table、DIV+CSS),學(xué)過(guò)平面設(shè)計(jì)(PS、CDR),學(xué)過(guò)編程(ASP、),學(xué)過(guò)數(shù)據(jù)庫(kù)(AC、SQL)?梢哉f(shuō)我現(xiàn)在完全可以獨(dú)當(dāng)一面,接過(guò)學(xué)校、企業(yè)、武警等的網(wǎng)頁(yè)制作,評(píng)價(jià)都還不錯(cuò)!目前就是缺一個(gè)團(tuán)隊(duì),從鄭小軍老師他們的成果看,不是一個(gè)人的努力能完成的,更多的是要一個(gè)志同道合的團(tuán)隊(duì),回去我也該好好想想這個(gè)問(wèn)題了。
網(wǎng)頁(yè)制作心得體會(huì)9
20世紀(jì)40年代科學(xué)字發(fā)明了計(jì)算機(jī)之后,人們的工作效率大大提高,但是單個(gè)計(jì)算機(jī)能夠存儲(chǔ)和處理的信息是非常有限的,為了便于信息的傳遞和處理,人們就把眾多的計(jì)算機(jī)連接起來(lái)。
網(wǎng)頁(yè)制作論文摘要通過(guò)這次個(gè)人網(wǎng)頁(yè)的制作,我對(duì)計(jì)算機(jī)有了更深層次得到了解,也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁(yè)制作的過(guò)程與一些技巧手法更有了另外一番了解,對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)也有了一定的掌握。通過(guò)把自己的網(wǎng)頁(yè)上傳到互聯(lián)網(wǎng)上,對(duì)文件的保存、上傳、下載以及修改等知識(shí)有了更牢靠的掌握。通過(guò)自己的努力完成了自己上傳到網(wǎng)上的第一個(gè)作品,那種成就感是無(wú)法用語(yǔ)言形容的。所以我覺(jué)得這次制作網(wǎng)頁(yè)我已經(jīng)達(dá)到了自己的目的,而不是單單為了完成作業(yè)而已。這是一個(gè)完全關(guān)于自己的個(gè)人網(wǎng)頁(yè),既然是介紹自己,就應(yīng)該讓觀者在瀏覽了之后了解自己其人
關(guān)鍵字頁(yè)面設(shè)計(jì)ASP和數(shù)據(jù)庫(kù)
1、一般來(lái)說(shuō),個(gè)人主頁(yè)的選材要小而精。如果你想制作一個(gè)包羅萬(wàn)象的站點(diǎn),把所有您認(rèn)為精彩的東西都放在上面,那么往往會(huì)事與愿違,給人的感覺(jué)是沒(méi)有主題,沒(méi)有特色,樣樣有卻樣樣都很膚淺,因?yàn)槟豢赡苡心敲炊嗟木θゾS護(hù)它。注意:網(wǎng)頁(yè)的最大特點(diǎn)就是更新快。目前最受歡迎的個(gè)人主頁(yè)都是天天更新甚至幾小時(shí)更新一次。
2、題材最好是你自己擅長(zhǎng)或者喜愛(ài)的內(nèi)容。比如:您對(duì)詩(shī)歌感興趣,可以放置自己的詩(shī)詞;對(duì)足球感興趣,可以報(bào)道最新的球場(chǎng)戰(zhàn)況等等。這樣在制作時(shí),才不會(huì)覺(jué)得無(wú)聊或者力不從心。
3、不要太濫或者目標(biāo)太高!疤珵E”是指到處可見(jiàn),人人都有的題材;“目標(biāo)太高”是指在這一題材上已經(jīng)有非常優(yōu)秀,知名度很高的站點(diǎn),你要超過(guò)它是很困難的。
選定了一個(gè)好的題材,是不是可以立刻動(dòng)手制作了?不,經(jīng)驗(yàn)告訴我們,必須要先規(guī)劃框架。這是很重要的一步!每個(gè)網(wǎng)站都是一項(xiàng)龐大的工程。好比造高樓,沒(méi)有設(shè)計(jì)圖紙,規(guī)劃好結(jié)構(gòu),盲目的.建造,結(jié)果往往是倒塌;也好比寫(xiě)文章,構(gòu)思好提綱,才不至于邏輯混亂,虎頭蛇尾。全面仔細(xì)規(guī)劃架構(gòu)好自己網(wǎng)站,不要急于求成。
規(guī)劃一個(gè)網(wǎng)站,可以用樹(shù)狀結(jié)構(gòu)先把每個(gè)頁(yè)面的內(nèi)容大綱列出來(lái),尤其當(dāng)你要制作一個(gè)很大的網(wǎng)站(有很多頁(yè)面)的時(shí)候,特別需要把這個(gè)架構(gòu)規(guī)劃好,也要考慮到以后可能的擴(kuò)充性,免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu),十分累人,也十分費(fèi)錢(qián)。
大綱列出來(lái)后,你還必須考慮每個(gè)頁(yè)面之間的鏈接關(guān)系。是星形,樹(shù)形,或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂,層次不清的站點(diǎn)會(huì)造成瀏覽困難,影響內(nèi)容的發(fā)揮。
網(wǎng)頁(yè)制作心得體會(huì)10
網(wǎng)頁(yè)設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起,作為上網(wǎng)的主要依托,由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁(yè),原來(lái)沒(méi)有留意過(guò)網(wǎng)頁(yè)的設(shè)計(jì),但是經(jīng)過(guò)這段時(shí)間的學(xué)習(xí)了解,現(xiàn)在我打開(kāi)一個(gè)網(wǎng)頁(yè)都會(huì)習(xí)慣性的先看看排版、布局和色彩運(yùn)用。
通過(guò)老師的講解和對(duì)課本的翻閱,我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁(yè)的知識(shí),對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)也有了一定的掌握。通過(guò)Dreamweaver制作網(wǎng)頁(yè),我用到了一些基本的功能:圖片插入和對(duì)齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時(shí)候,總是出現(xiàn)這里那里的問(wèn)題。不是圖片不能固定在自己想要的位置,就是滾動(dòng)文本的顯示區(qū)域不知道為什么撐過(guò)了頁(yè)面,還有就是不同分辨率、不同瀏覽器都會(huì)對(duì)瀏覽網(wǎng)頁(yè)產(chǎn)生影響。而且在CSS方面,我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問(wèn)題我還總結(jié)了經(jīng)驗(yàn)。例如:1、命名站點(diǎn)或者文件夾的的時(shí)候一定要注意,最好用相應(yīng)的英語(yǔ)或者漢語(yǔ)拼音,要見(jiàn)名知意,如圖片文件夾用image或者tu,這樣可以避免頁(yè)面調(diào)用時(shí)不正確的現(xiàn)象發(fā)生。2、調(diào)用Style時(shí)可以單擊鼠標(biāo)右鍵選擇Custon Style來(lái)調(diào)用Style標(biāo)準(zhǔn),也可以在狀態(tài)欄中的元素列表上單擊右鍵來(lái)調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣,但實(shí)際上產(chǎn)生的HTML代碼則完全不同。在這個(gè)過(guò)程中,我同樣認(rèn)識(shí)到網(wǎng)頁(yè)設(shè)計(jì)不是一門(mén)學(xué)科的獨(dú)秀,而是多種課程的綜合,它是Flash、Photoshop等網(wǎng)頁(yè)軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具?梢灾苯釉诰庉媴^(qū)里繪畫(huà),編輯修改非常靈活,它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫(huà)播放時(shí),可以用鼠標(biāo)或鍵盤(pán)對(duì)動(dòng)畫(huà)的播放進(jìn)行控制,可以很直觀的反映出效果。頁(yè)面設(shè)計(jì)應(yīng)以美觀、大方、簡(jiǎn)潔為原則,保持一致的風(fēng)格。為了達(dá)到最佳的視覺(jué)表現(xiàn)效果,應(yīng)講究整體布局的合理性,使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)。網(wǎng)頁(yè)最主要的功能就是給每個(gè)上網(wǎng)者提供一種形式,讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁(yè)設(shè)計(jì),就需要站在用戶的角度來(lái)看。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時(shí)間進(jìn)入網(wǎng)站,很有可能他會(huì)立即關(guān)掉網(wǎng)站,或者網(wǎng)站操作很不方便用戶也會(huì)馬上離開(kāi),這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去。所以網(wǎng)頁(yè)容量即包括圖像在內(nèi)的網(wǎng)頁(yè)字節(jié)數(shù)最好不要超過(guò)50K。
還涉及到界面弱化的問(wèn)題。一個(gè)好的界面設(shè)計(jì)它的界面是弱化的,它突出的是功能,著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì),1秒內(nèi)就知道該從哪個(gè)地方開(kāi)始使用這個(gè)網(wǎng)站,能點(diǎn)一次的,絕不點(diǎn)第二次。當(dāng)然上面說(shuō)的是大多數(shù)功能性網(wǎng)站,對(duì)于宣傳展示性網(wǎng)站,諸如加特效的或Flash網(wǎng)站,可能就不得不花哨一些,但不能太過(guò)分。網(wǎng)站不是動(dòng)畫(huà)片,在效率越來(lái)越高,社會(huì)心理越來(lái)越浮躁的中國(guó),人們的耐心越來(lái)越小,心理承受能力越來(lái)越低。效果可以體現(xiàn)意境,點(diǎn)到為止。
下面簡(jiǎn)單介紹下網(wǎng)頁(yè)設(shè)計(jì)的理念和要點(diǎn)。網(wǎng)頁(yè)設(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)頁(yè)設(shè)計(jì)的.兩大要點(diǎn)是:整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格: 1、將標(biāo)志logo,盡可能的放在頁(yè)面最突出的位置。2、突出標(biāo)準(zhǔn)色彩。3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標(biāo)語(yǔ)。4、相同類型的圖像采用相同效果,比如說(shuō)標(biāo)題字都采用陰影效果,那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。
二、網(wǎng)頁(yè)色彩的搭配: 1、用一種色彩。指選定一種色彩,然后調(diào)整透明度或飽和度,這樣頁(yè)面看起來(lái)色彩統(tǒng)一,有層次感。2、用兩種色彩。先選定一種色彩,然后選擇它的對(duì)比色。3、用一個(gè)色系。就是用一個(gè)感覺(jué)的色彩,例如淡藍(lán),淡黃,淡綠;或者土黃,土灰,土藍(lán)。在網(wǎng)頁(yè)配色中,還要切記一些誤區(qū):1、不要將所有顏色都用到,盡量控制在三至五種色彩以內(nèi)。2、背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景),以便突出主要文字內(nèi)容。
針對(duì)我所學(xué)的平面設(shè)計(jì)方向,那么這次應(yīng)用到了創(chuàng)意思維,版面設(shè)計(jì),色彩配置。圖形創(chuàng)意等方面都很重要,對(duì)于網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺(jué)語(yǔ)言,特別講究編排和布局,雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì),但它們有許多相近之處,版式設(shè)
計(jì)通過(guò)文字圖形的空間組合,表達(dá)出和諧與美。不積跬步,無(wú)以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門(mén),在今后的閑余時(shí)間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁(yè)的更多知識(shí)以實(shí)現(xiàn)自身技能的提高。
網(wǎng)頁(yè)制作心得體會(huì)11
通過(guò)這次實(shí)訓(xùn)對(duì)這門(mén)課程的學(xué)習(xí),做好網(wǎng)頁(yè),并不是一件容易的事,它包括網(wǎng)頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套網(wǎng)頁(yè)的色調(diào)等很多東西。
所以我得出一下總結(jié):
一、準(zhǔn)備資料和挑選符合目的主題的合適素材
做網(wǎng)頁(yè)當(dāng)然要收集、準(zhǔn)備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn),看到什么漂亮的網(wǎng)頁(yè),把它保存起來(lái),作為以后自己設(shè)計(jì)主頁(yè)時(shí)的參考。另外,還包括搜集美化主頁(yè)可能要用到的各種材料,如背景、小動(dòng)畫(huà)圖標(biāo)等等?梢栽谟脖P(pán)上建一個(gè)文件夾,下分“圖片、聲音、動(dòng)畫(huà)”等文件夾,養(yǎng)成上網(wǎng)時(shí)看到有創(chuàng)意、新鮮的圖像,就按鼠標(biāo)右鍵存入你硬盤(pán)相應(yīng)文件夾的習(xí)慣,時(shí)間一長(zhǎng)就擁有了一個(gè)可觀的圖庫(kù),等做網(wǎng)頁(yè)時(shí)隨手拈來(lái)或加以修改就成你自己的東西了。
二、規(guī)劃好整個(gè)網(wǎng)站
主頁(yè)的設(shè)計(jì)應(yīng)以醒目?jī)?yōu)先,應(yīng)該令人一目了然,切勿堆砌太多不必要的細(xì)節(jié),或使畫(huà)面過(guò)于復(fù)雜。切記,頁(yè)面給人的第一觀感最為重要!在網(wǎng)上到處瀏覽網(wǎng)站的人很多,如果你的主頁(yè)給人的第一印像沒(méi)有吸引力,很難令他們深入觀賞,而且他們恐怕再也不會(huì)訪問(wèn)你的`網(wǎng)站了。
三、善用圖片,增強(qiáng)藝術(shù)效果
我記得老師說(shuō)過(guò)網(wǎng)頁(yè)的迷人之處之一,要算它上面能點(diǎn)綴許多漂亮的圖片。精美的圖片設(shè)計(jì),可以使自己的網(wǎng)頁(yè)增輝不少,令人過(guò)目不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用,切忌虛飾浮夸,同時(shí)還要注
意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
四、善于借鑒他人主頁(yè)制作中的設(shè)計(jì)技巧
由于在網(wǎng)上用瀏覽器瀏覽任何主頁(yè)時(shí),都能查看到該主頁(yè)制作時(shí)所編寫(xiě)的絕大部分網(wǎng)頁(yè)編程源代碼。因此,如果想知道并掌握一些優(yōu)秀的主頁(yè)采用的設(shè)計(jì)技巧,試著將其源代碼調(diào)出來(lái)仔細(xì)揣摩,并模仿著一步一步去實(shí)現(xiàn)。
最后感謝老師多日來(lái)的辛勤教導(dǎo)!
網(wǎng)頁(yè)制作心得體會(huì)12
這次的網(wǎng)頁(yè)制作使我學(xué)會(huì)了很多,有關(guān)怎么收集資料,怎樣用最快的方法收集資料,怎樣收集有效的資料,怎樣整理資料,怎樣使自己的下載的資料便于查找,也學(xué)會(huì)了網(wǎng)頁(yè)的制作,學(xué)會(huì)了網(wǎng)頁(yè)特效,怎樣的特效才能凸現(xiàn)網(wǎng)頁(yè)主題。
在幾節(jié)課的網(wǎng)頁(yè)制作中了解到了合作的重要性,制作是雖然是每人負(fù)責(zé)一個(gè)網(wǎng)頁(yè),但也要互相交流,互相幫助,不能只顧自己,要吸取他人的優(yōu)點(diǎn),如:網(wǎng)頁(yè)的排版,網(wǎng)頁(yè)的特效等等,都值得我去學(xué)習(xí)。還要聽(tīng)取他人的意見(jiàn)和建議,不能只顧自己,這分?jǐn)?shù)是集體的,不是個(gè)人的'。如果有什么好的方法和效果要和大家一起分享。這樣才能使網(wǎng)頁(yè)更完整,更優(yōu)秀。
在作品交流中,其他小組的同學(xué)給我們也提供的很好的建議和意見(jiàn),我們也會(huì)虛心接受,在看其他同學(xué)的作品時(shí),也給了我很好的啟發(fā),要多多吸收他人的優(yōu)點(diǎn)和長(zhǎng)處才能使自己的網(wǎng)站更加完善。在作品的交流中也很好的鍛煉了自己的發(fā)言和有意義的提議。在聽(tīng)取或提建議時(shí)并不能計(jì)仇,要用平常心對(duì)待。
如果下次還有機(jī)會(huì),我一定會(huì)更加努力的。很感謝同組的同學(xué)的這幾日的照顧!
通過(guò)這次小組一起研究“中學(xué)生眼睛近視”,我體會(huì)到合作的快樂(lè)及樂(lè)趣。
我在小組中是負(fù)責(zé)查找資料以及制作網(wǎng)頁(yè)。在此過(guò)程中,我學(xué)習(xí)到許多有用的知識(shí)。小組成員們互幫互助,互相改進(jìn)提高,互相增長(zhǎng)知識(shí)。
在制作的開(kāi)始,我感到有些困難和問(wèn)題無(wú)法解決,比如:查找的資料不符合要求或者找不到等。再者如在制作網(wǎng)頁(yè)時(shí)有一些問(wèn)題,導(dǎo)致網(wǎng)頁(yè)出問(wèn)題。這使我十分頭痛,只好一遍又一遍的嘗試增進(jìn)。在這時(shí)刻,我感到無(wú)助又無(wú)奈。
但是,我的小組成員們并不氣餒,盡管我們的成果中老師認(rèn)為還存在許多問(wèn)題和差錯(cuò)。我們吸取教訓(xùn),基本是從頭開(kāi)始改正錯(cuò)誤一步一步往前走沖破難關(guān),終于取得良好的成績(jī)和效果。并與此同時(shí)我們還在網(wǎng)上自學(xué)一些網(wǎng)頁(yè)特效和鼠標(biāo)特效來(lái)豐富網(wǎng)頁(yè),使之多一分色彩。在評(píng)比中雖然有缺點(diǎn)但也有許多優(yōu)點(diǎn)。在此時(shí)我有無(wú)尚的榮譽(yù)感和成就感。
但是,雖然在這里面有許多辛酸,可還是有歡樂(lè)在其中。我們有時(shí)濫用網(wǎng)頁(yè)特效導(dǎo)致弄出許多的笑話和趣事。使我們的網(wǎng)頁(yè)怪里怪氣的,于是只好重新修正。這種歡樂(lè)何處去找?是的,我們?cè)谶@過(guò)程中經(jīng)歷過(guò)多少風(fēng)風(fēng)雨雨,多少艱難挫折。我體會(huì)到什么是團(tuán)體精神,什么是合作之情,什么滋味才叫酸甜苦辣,什么才是榮譽(yù)感和成就感……
網(wǎng)頁(yè)制作心得體會(huì)13
跟學(xué)習(xí)別的東西一樣,學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)需要耐心,如果你沒(méi)有耐心,你學(xué)不好網(wǎng)頁(yè)設(shè)計(jì),應(yīng)為當(dāng)你碰到一個(gè)問(wèn)題時(shí),如果不能立刻得到問(wèn)題的答案,你可能需要很長(zhǎng)時(shí)間去解決,我就碰到過(guò)一個(gè)問(wèn)題,用了半個(gè)月時(shí)間才解決。學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)需要堅(jiān)持,堅(jiān)持不斷的學(xué)習(xí),因?yàn)樵O(shè)計(jì)網(wǎng)頁(yè)的軟件在不斷的更新,你不斷的學(xué)習(xí)不要掉入技術(shù)的陷阱,你的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)一流,你對(duì)軟件的掌握程度已經(jīng)達(dá)到一定水平,但是你設(shè)計(jì)的網(wǎng)頁(yè)確不堪目睹,這是因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)是是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的'"邊緣科學(xué)。"不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識(shí),還涉及到html,javascript,css,asp,php等編程語(yǔ)言技術(shù)方面的知識(shí)。只有綜合運(yùn)用多種知識(shí),才能設(shè)計(jì)出視聽(tīng)特效,動(dòng)感十足,富于個(gè)性的web頁(yè)面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能。
注重實(shí)用,個(gè)人認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該注重實(shí)用性,因?yàn)樗亲屓藶g覽的,是用戶可以撫摸,可以評(píng)論,可以交互的。我提倡簡(jiǎn)單的美。
申明一點(diǎn),我也是個(gè)網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者,并不是什么設(shè)計(jì)名師,這是我個(gè)人的灼見(jiàn)。有什么不對(duì)的地方,還請(qǐng)大家見(jiàn)諒。
個(gè)人網(wǎng)站的設(shè)計(jì)需要有以下幾個(gè)步驟:
一、要進(jìn)行個(gè)人網(wǎng)站前臺(tái)功能設(shè)計(jì)
包括個(gè)人網(wǎng)站主題確定、前臺(tái)功能設(shè)計(jì)與管理、個(gè)人網(wǎng)站首頁(yè)設(shè)計(jì)、個(gè)人網(wǎng)站留言板、注冊(cè)、忘記密碼、搜索等網(wǎng)頁(yè)設(shè)計(jì)與管理。
二、個(gè)人網(wǎng)站后臺(tái)管理功能設(shè)計(jì)
包括個(gè)人網(wǎng)站后臺(tái)管理功能設(shè)計(jì),后臺(tái)管理信息系統(tǒng)功能設(shè)計(jì),后臺(tái)系統(tǒng)權(quán)限管理,后臺(tái)文件管理,個(gè)人網(wǎng)站后臺(tái)管理系統(tǒng)主頁(yè)設(shè)計(jì)。
三、網(wǎng)站發(fā)布
通常我們發(fā)布一個(gè)網(wǎng)站,這樣我們可以注冊(cè)域名,但我們也可以利用主機(jī)和安裝iis,這樣其他人可以通過(guò)“我的IP”地址訪問(wèn)“我的主頁(yè)”。
四、個(gè)人網(wǎng)站推廣
一個(gè)網(wǎng)站做好了,就有必要推廣一下個(gè)人網(wǎng)站,這是一個(gè)電子商務(wù)網(wǎng)站必須做的一步,因?yàn)槿绻悴煌茝V你的網(wǎng)站,即使你發(fā)布了也沒(méi)有人會(huì)知道。
在設(shè)計(jì)網(wǎng)站時(shí)真的可以體會(huì)很多東西,從一開(kāi)始確定頁(yè)面的主題,到整個(gè)主頁(yè)的設(shè)計(jì),信息的收集,前臺(tái)功能的設(shè)計(jì)與管理,后臺(tái)功能的設(shè)計(jì)與管理,每一個(gè)頁(yè)面的表面設(shè)計(jì)。我把它們都一一進(jìn)行規(guī)劃,因?yàn)槿绻悴缓煤靡?guī)劃,想做什么就做什么,你是做不好的。因?yàn)槲乙庾R(shí)到這句話:“機(jī)會(huì)是屬于那些有準(zhǔn)備的人”。我詳細(xì)到一個(gè)表的寬度都一一列出來(lái)。例如:775寬,分成三欄,每欄占多少。因?yàn)槲疑钪凹?xì)微之處才見(jiàn)真功夫”。
給我最深印象的是留言板,因?yàn)橹癝QL數(shù)據(jù)庫(kù)實(shí)際鍛煉做過(guò)了,所以這次做相對(duì)容易,但我經(jīng)過(guò)長(zhǎng)時(shí)間的練習(xí),完成了n次,有些人可能會(huì)認(rèn)為,肯定是不會(huì)才做很多次!但我想告訴這些人,我每次做都是用不同的方法。第一次使用access數(shù)據(jù)庫(kù),第二次使用SQL數(shù)據(jù)庫(kù)+權(quán)限管理,第三次使用數(shù)據(jù)源名稱的連接。每次用的方法都不一樣。
可能會(huì)有人說(shuō)我笨,有方法就行了,要那么多干嘛?但我想說(shuō)的是,沒(méi)有這么多次練習(xí),就不會(huì)有這么多不同的方法,不會(huì)創(chuàng)造今天熟能生巧的我。方法,只有你自己先學(xué)會(huì),才會(huì)學(xué)通、學(xué)廣。
網(wǎng)頁(yè)制作心得體會(huì)14
為期兩周的網(wǎng)頁(yè)實(shí)訓(xùn)終于結(jié)束了。為什么說(shuō)終于結(jié)束了呢?因?yàn)閮蓚(gè)星期做五個(gè)網(wǎng)站時(shí)間太緊了,我們每天晚上都是加班加點(diǎn)。但是結(jié)果是令人欣慰的,我們大都按時(shí)按質(zhì)完成了任務(wù),而且網(wǎng)站是一個(gè)比一個(gè)做得好!總的來(lái)說(shuō),還是有很大的收獲。
本次實(shí)訓(xùn)共有五個(gè)任務(wù),它們分別是:沈陽(yáng)植物園網(wǎng)、開(kāi)元科技網(wǎng)、家臺(tái)灣旅游網(wǎng)、我愛(ài)低碳網(wǎng)、博愛(ài)助學(xué)網(wǎng)。要求是每個(gè)網(wǎng)站至少要8個(gè)或8個(gè)以上的頁(yè)面,并運(yùn)用flash做動(dòng)畫(huà),用css美化頁(yè)面等。
整個(gè)實(shí)訓(xùn)的過(guò)程可以說(shuō)是所學(xué)知識(shí)的一個(gè)整理,一個(gè)綜合,一個(gè)靈活運(yùn)用。之前我們課堂上學(xué)的東西是一個(gè)個(gè)知識(shí)點(diǎn),比較零散。雖然在實(shí)訓(xùn)之前我們也做過(guò)兩個(gè)網(wǎng)站,但那是我們小組合作的,所以有些知識(shí)點(diǎn)我們并沒(méi)有都用到。而這次實(shí)訓(xùn)是自己一個(gè)人做網(wǎng)站,做網(wǎng)站的各個(gè)環(huán)節(jié)都要自己親力親為,可以說(shuō)是一個(gè)挑戰(zhàn),同時(shí)也是對(duì)知識(shí)的一種升華。它不僅是dreamweaver軟件的熟練操作,也是potoshop、flash軟件的熟練運(yùn)用。我們需要自己設(shè)計(jì)網(wǎng)站的logo這就需要運(yùn)用到potoshop軟件強(qiáng)大的圖形圖像處理功能,需要做出生動(dòng)的'網(wǎng)頁(yè)效果,就需要flash做出動(dòng)態(tài)的文字效果和圖片切換效果。
在設(shè)計(jì)的過(guò)程中遇到問(wèn)題,可以說(shuō)得是困難重重,這畢竟是第一次獨(dú)自設(shè)計(jì)網(wǎng)站、制作網(wǎng)站,難免會(huì)遇到過(guò)各種各樣的問(wèn)題,同時(shí)在設(shè)計(jì)的過(guò)程中發(fā)現(xiàn)了自己的不足之處,對(duì)以前所學(xué)過(guò)的知識(shí)理解得不夠深刻,掌握得不夠牢固,在css的具體應(yīng)用還不是和很熟練,沒(méi)有能完全達(dá)到自己預(yù)期的效果,還好通過(guò)老師的細(xì)心指導(dǎo)才能達(dá)到最終效果通過(guò)這次網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn),一定把以前所學(xué)過(guò)的知識(shí)重新溫故。
兩周網(wǎng)頁(yè)設(shè)計(jì)與制作的實(shí)訓(xùn)課程結(jié)束了,回顧這次課程設(shè)計(jì)實(shí)訓(xùn),至今我仍感慨頗多。的確,從選材到開(kāi)始制作,從理論到實(shí)踐,在兩周的實(shí)訓(xùn)日子里,可以說(shuō)得是苦多于甜,但是可以學(xué)到很多很多的的東西,同時(shí)不僅可以鞏固了以前所學(xué)過(guò)的知識(shí),而且學(xué)到了很多在書(shū)本上所沒(méi)有學(xué)到過(guò)的知識(shí)。更懂得并親身體會(huì)到了理論與實(shí)際相結(jié)合的重要性,只有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的,把所學(xué)的理論知識(shí)與實(shí)踐相結(jié)合起來(lái),從理論中得出結(jié)論,才能真正為掌握技術(shù),從而提高自己的實(shí)際動(dòng)手能力和獨(dú)立思考的能力。
網(wǎng)頁(yè)制作心得體會(huì)15
一、網(wǎng)站規(guī)劃
本工作室主要用來(lái)做個(gè)人站,主題是介紹自我,讓更多的朋友認(rèn)識(shí)我,面向我的同學(xué)和朋友以及想結(jié)交我的朋友。
二、網(wǎng)站總體設(shè)計(jì)
本工作室只要包括我的主頁(yè)、我的簡(jiǎn)介、我的日記、我的相冊(cè)、站建議等五個(gè)板塊。通過(guò)我的主頁(yè)可以進(jìn)入其他四個(gè)板塊,其他四個(gè)板塊也可以通過(guò)超鏈接回到我的主頁(yè)去。
三、網(wǎng)站設(shè)計(jì)與制作(包括頁(yè)設(shè)計(jì)、圖形設(shè)計(jì)、動(dòng)畫(huà)設(shè)計(jì)中的主要技術(shù)、方法和設(shè)計(jì)效果)
本站的布局大多是運(yùn)用css進(jìn)行布局的,這也是老師一直強(qiáng)調(diào)我們的。為了增加視覺(jué)效果,個(gè)別頁(yè)還特別添加了flash效果(我的相冊(cè)),還用到了視頻和音樂(lè)等素材(如我的主頁(yè))。個(gè)別頁(yè)添加了表格,這樣顯得頁(yè)更齊整。對(duì)于美化這部分,我還特別用photoshop對(duì)一部分圖片進(jìn)行了處理,讓圖片和頁(yè)更地搭配。在個(gè)別頁(yè)添加表單,可以讓瀏覽者和站更地互動(dòng),交流信息。
四、學(xué)習(xí)體會(huì)
不知不覺(jué),我已經(jīng)學(xué)習(xí)《頁(yè)設(shè)計(jì)與制作》這門(mén)課程一個(gè)學(xué)期了,雖然時(shí)間有點(diǎn)短,但這一個(gè)學(xué)期以后我卻受益匪淺,不僅讓我全面的、系統(tǒng)的學(xué)會(huì)了頁(yè)設(shè)計(jì)與制作的基礎(chǔ)知識(shí),還讓我學(xué)會(huì)了自己動(dòng)手去制作屬于自己的頁(yè),這對(duì)于我來(lái)說(shuō)是很值得高興的,能讓我在以后的工作生活中更的展現(xiàn)自己。
建立一個(gè)站就像蓋一幢大樓一樣,它是一個(gè)系統(tǒng)工程,有自己特定的工作流程,你只有遵循這個(gè)步驟,按部就班地一步步來(lái),才能設(shè)計(jì)出一個(gè)滿意的站。首先,我們要確立站主題。站主題就是你建立的站所要包含的主要內(nèi)容,一個(gè)站必須要有一個(gè)明確的主題。特別是對(duì)于像我這樣的個(gè)人站,你不可能像綜合站那樣做得內(nèi)容大而全,包羅萬(wàn)象。你沒(méi)有這個(gè)能力,也沒(méi)這個(gè)精力。站的主題無(wú)定則,只要是你感興趣的,任何內(nèi)容都可以,但主題要鮮明,在你的主題圍內(nèi)內(nèi)容做到大而全、精而深。
然后,我們要找材料。明確了站的主題以后,你就要圍繞主題開(kāi)始搜集材料了。常言道:“巧婦難為無(wú)米之炊”。要想讓自己的站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以后制作站就越容易。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái),也可以從互聯(lián)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作頁(yè)的素材。
找到材料后,我們還要規(guī)劃站。一個(gè)站設(shè)計(jì)得成功與否,很大程度上決定于設(shè)計(jì)者的規(guī)劃水平,規(guī)劃站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣,圖紙?jiān)O(shè)計(jì)了,才能建成一座漂亮的樓房。站規(guī)劃包含的內(nèi)容很多,如站的結(jié)構(gòu)、欄目的設(shè)置、站的風(fēng)格、顏色搭配、版面布局、字圖片的運(yùn)用等,你只有在制作頁(yè)之前把這些方面都考慮到了,才能在制作時(shí)駕輕就熟,胸有成竹。也只有如此制作出來(lái)的頁(yè)才能有個(gè)性、有特色,具有吸引力。如何規(guī)劃站的每一項(xiàng)具體內(nèi)容,我們?cè)谙旅鏁?huì)有詳細(xì)介紹。
做以上三步之后,我們就要選擇合適的制作工具。
盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)頁(yè)的壞,但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。頁(yè)制作涉及的工具比較多,首先就是頁(yè)制作工具了,在這里,我們一般都是用有“絡(luò)三劍客”之稱的dreamweaver、fireworks、flash來(lái)制作頁(yè),對(duì)于圖片部分的處理,個(gè)人覺(jué)得photoshop比較用。
最后,我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了,這是一個(gè)復(fù)雜而細(xì)致的過(guò)程,一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小,就是說(shuō)在制作頁(yè)時(shí),先把大的結(jié)構(gòu)設(shè)計(jì),然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜,就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容,然后再設(shè)計(jì)復(fù)雜的內(nèi)容,以便出現(xiàn)問(wèn)題時(shí)修改。在制作頁(yè)時(shí)要多靈活運(yùn)用模板,這樣可以大大提高制作效率。頁(yè)做之后,就要發(fā)布到web服務(wù)器上,才能夠讓全世界的朋友觀看,還要不斷地進(jìn)行宣傳,這樣才能讓更多的朋友認(rèn)識(shí)它。這里推薦二個(gè)有免費(fèi)空間和域名的址給大家:
以上就是我對(duì)于頁(yè)制作的一些個(gè)人心得,由于本人的技術(shù)還不是很成熟,還存在很多的不足(如:背景過(guò)于單調(diào)和頁(yè)布置不合理)。選擇學(xué)習(xí)這門(mén)課是很正確的選擇,雖然在以后不會(huì)再有機(jī)會(huì)去上了,但我還是會(huì)通過(guò)各種方式繼續(xù)學(xué)習(xí)頁(yè)設(shè)計(jì)和制作的,同時(shí)很感謝帶我入門(mén)的徐兵老師,讓我有機(jī)會(huì)去學(xué)習(xí)有關(guān)頁(yè)的知識(shí),謝謝!
通過(guò)一個(gè)學(xué)期的學(xué)習(xí)和課堂講授,要我體會(huì)到要做好一個(gè)網(wǎng)頁(yè)不容易,當(dāng)然要把這門(mén)課程講好更不容易。首先,需要足夠的耐心去了解學(xué)生的學(xué)習(xí)情況;其次,老師要有深厚的功力,即在網(wǎng)頁(yè)制作領(lǐng)域要能深入市場(chǎng)需求把握市場(chǎng)動(dòng)向以此來(lái)決定教學(xué)方向;最后,切合實(shí)際的講學(xué),深入淺出的教學(xué)模式能讓學(xué)生更能把握知識(shí),并能熟練運(yùn)用?偠灾,要在短短的三個(gè)多月的時(shí)間內(nèi)掌握網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)并且成為一名網(wǎng)頁(yè)設(shè)計(jì)師也是一個(gè)重大挑戰(zhàn)!
這個(gè)學(xué)期結(jié)束了,但是看學(xué)生的學(xué)習(xí)情況來(lái)說(shuō)感覺(jué)教學(xué)效果不佳,細(xì)分原因大概如下:
1、學(xué)生學(xué)習(xí)積極性很高,但缺少螞蟻精神,半途而廢的不乏多數(shù)。
這個(gè)學(xué)期我們的學(xué)習(xí)任務(wù)很重,要在一個(gè)學(xué)期內(nèi)掌握Dreamweaver、Flash、Fireworks以及ASP+Vbscript,內(nèi)容多,課程緊湊。我主要負(fù)責(zé)Y0601班級(jí)學(xué)生的授課,私底下和學(xué)生們溝通,聽(tīng)學(xué)生們反應(yīng),這個(gè)學(xué)期每天都是6節(jié)課,課余時(shí)間很少,即使有自己的個(gè)人愛(ài)好,也很難按照個(gè)人的意志和興趣來(lái)進(jìn)一步提高。當(dāng)然這個(gè)只是學(xué)生的看法,雖然時(shí)間很緊,但我也相信“時(shí)間是海面里的水,愿意去擠,還是有的”,但是課程多我也有同感,因?yàn)樵趧傞_(kāi)始接觸Dreamweaver的時(shí)候,學(xué)生的學(xué)習(xí)積極性很高,基本都能跟緊我的思路,以及后來(lái)講到Flash,學(xué)生的學(xué)習(xí)興趣也不減當(dāng)初?墒请S著教學(xué)進(jìn)度的進(jìn)展,學(xué)生反映知識(shí)太碎,部分因?yàn)闆](méi)有跟上教學(xué)節(jié)奏,采取消極措施就直接放棄了!特別是講ASP部分的時(shí)候,大部分同學(xué)的積極性都消磨的差不多了,因而像是集體放棄,僅僅是少數(shù)在學(xué)習(xí)。
我個(gè)人分析原因可能是因?yàn)锳SP相對(duì)網(wǎng)頁(yè)三劍客軟件來(lái)說(shuō)難度大,要求高,部分同學(xué)不愿意動(dòng)腦筋,一點(diǎn)聽(tīng)不懂就主動(dòng)放棄,自暴自棄,不愿進(jìn)取。但還有部分學(xué)生愿意學(xué)習(xí),但是聲稱時(shí)間緊,沒(méi)有時(shí)間鉆研!
2、教學(xué)要求不能完全滿足學(xué)生的興趣愛(ài)好。
在教學(xué)過(guò)程中,我發(fā)現(xiàn)一部分學(xué)生愿意把時(shí)間花費(fèi)在網(wǎng)頁(yè)的設(shè)計(jì)和規(guī)劃上,包括網(wǎng)頁(yè)的設(shè)計(jì)、布局、動(dòng)畫(huà)的添加等等,而不是很愿意把時(shí)間花費(fèi)在網(wǎng)頁(yè)的后臺(tái)編程上,所以針對(duì)后來(lái)的ASP部分,對(duì)教學(xué)無(wú)動(dòng)于衷,不愿進(jìn)取。
當(dāng)然,分析現(xiàn)在的網(wǎng)頁(yè)制作流程,基本上可以分為兩大模塊:前臺(tái)美工和編寫(xiě)網(wǎng)站后臺(tái)。針對(duì)前臺(tái)美工來(lái)說(shuō),更注重的是學(xué)生的設(shè)計(jì)理念,顏色的搭配,整體的規(guī)劃,以及增色的動(dòng)畫(huà)效果,因此要求學(xué)生有一定的藝術(shù)欣賞能力和藝術(shù)創(chuàng)作意識(shí),但是針對(duì)計(jì)算機(jī)操作來(lái)說(shuō),工具的運(yùn)用相對(duì)簡(jiǎn)單。因此我們?cè)诮虒W(xué)過(guò)程中,學(xué)生愿意鉆研,也愿意學(xué)習(xí),但是在短短的一個(gè)多月的時(shí)間內(nèi)學(xué)習(xí)軟件的運(yùn)用況且不易,更如何談及藝術(shù)情操的陶冶!在學(xué)生的學(xué)習(xí)過(guò)程中也出現(xiàn)意猶未盡的現(xiàn)象,像是沒(méi)有學(xué)夠,學(xué)的不夠盡興,特備是對(duì)于動(dòng)畫(huà)愛(ài)好者來(lái)說(shuō),僅僅入門(mén)對(duì)于他們來(lái)說(shuō)還遠(yuǎn)遠(yuǎn)不夠。而針對(duì)另外一個(gè)模塊,更適合計(jì)算機(jī)專業(yè)的學(xué)生,也就是編寫(xiě)網(wǎng)站后臺(tái),但是相對(duì)來(lái)說(shuō)知識(shí)稍微枯燥,且要求學(xué)生動(dòng)腦思考,有一定的邏輯思維能力和進(jìn)取精神。當(dāng)然也有很多學(xué)生對(duì)這個(gè)很感興趣,熱愛(ài)編程,熱愛(ài)程序的學(xué)習(xí),所以學(xué)習(xí)起來(lái)也得心應(yīng)手,屢試不爽!
因此我個(gè)人認(rèn)為,對(duì)于我們學(xué)院學(xué)生來(lái)說(shuō)關(guān)鍵是要精于一門(mén),精于一項(xiàng),現(xiàn)實(shí)社會(huì)中也很缺乏所謂的專業(yè)精英。網(wǎng)站的制作通常都是細(xì)化分工,團(tuán)隊(duì)合作,共同努力實(shí)現(xiàn)網(wǎng)站的創(chuàng)建,所以我也鼓勵(lì)學(xué)生能通于某項(xiàng),深入學(xué)習(xí),正所謂“深挖井,少挖坑”。
3、老師給與學(xué)生合理的引導(dǎo),更要加強(qiáng)自身的素質(zhì)修養(yǎng),提高自己的知識(shí)水準(zhǔn)。
在整個(gè)教學(xué)過(guò)程中,我自己也要檢討自己,針對(duì)網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō),我僅僅是帶領(lǐng)學(xué)生入門(mén),沒(méi)有能夠讓學(xué)生的學(xué)習(xí)興趣和自身的潛力完全釋放出來(lái)。我從來(lái)都是相信我的學(xué)生是最聰明的學(xué)生,我也再三強(qiáng)調(diào)他們是我碰到的很聰明的一批學(xué)生,只要努力,勞動(dòng)總是會(huì)有收獲的!但是在教學(xué)過(guò)程中,個(gè)人還缺少更高的藝術(shù)修養(yǎng)和藝術(shù)創(chuàng)造能力,但是我一直在追求藝術(shù)的完美,所以還要不斷的學(xué)習(xí),不但實(shí)現(xiàn)個(gè)人的理想和愛(ài)好還要完成教學(xué)的需求;另外就是技術(shù)上還需要完善,也需要和有經(jīng)驗(yàn)的老師多交流,多溝通。我相信只有站在一定的高度去看整個(gè)項(xiàng)目的實(shí)現(xiàn),會(huì)更通俗易懂也更有說(shuō)服力,所以也不能說(shuō)都是學(xué)生的原因,歸結(jié)起來(lái)還是要提高自己的知識(shí)水平和業(yè)務(wù)素質(zhì)!
正所謂“巧婦難為無(wú)米之炊”,所以,提高個(gè)人知識(shí)水平和業(yè)務(wù)素質(zhì)也迫在眉睫。教學(xué)過(guò)程中不滿足,不浮躁,努力進(jìn)取,積極上進(jìn),多向有經(jīng)驗(yàn)的老師請(qǐng)教。
總而言之,這個(gè)學(xué)期的時(shí)間緊,知識(shí)多,在我們這門(mén)課中一共涉及的知識(shí)面也寬泛,就軟件來(lái)說(shuō)大概就有四個(gè),所以也加大了學(xué)生學(xué)習(xí)的難度。但這個(gè)學(xué)期結(jié)束后,訪問(wèn)學(xué)生的體會(huì),基本上一致說(shuō):知識(shí)太多,難以學(xué)習(xí)精通,雖然提起很大興趣,但是知識(shí)還有待深入。其實(shí)不僅僅是學(xué)生,對(duì)于老師來(lái)說(shuō)何嘗又不是呢,所有要接觸的知識(shí)中,每一個(gè)軟件基本上都?jí)驅(qū)W習(xí)一個(gè)學(xué)期的,而我們要在短短的一個(gè)學(xué)期中接觸到這么多知識(shí)也難怪學(xué)生反應(yīng)知識(shí)多。整個(gè)學(xué)期像是在不斷學(xué)習(xí)新的軟件,一個(gè)軟件剛剛?cè)腴T(mén)就又要再開(kāi)始另外一個(gè)軟件的學(xué)習(xí)。學(xué)習(xí)強(qiáng)度大,雖然知識(shí)不是很難把握,但是知識(shí)零碎,需要反復(fù)學(xué)習(xí),反復(fù)鞏固,一個(gè)學(xué)期下來(lái),基礎(chǔ)知識(shí)基本上完,但根本沒(méi)有復(fù)習(xí)時(shí)間,也沒(méi)有時(shí)間要學(xué)生通過(guò)以前的知識(shí)來(lái)開(kāi)發(fā)自己的網(wǎng)站。所以,我個(gè)人認(rèn)為:這門(mén)課的學(xué)習(xí)還需要進(jìn)一步加強(qiáng)并鞏固,能有一個(gè)綜合的運(yùn)用,或者是通過(guò)一個(gè)網(wǎng)站的建設(shè)讓學(xué)生能夠體會(huì)到核心的東西。
針對(duì)Y0601班級(jí)的全體學(xué)生來(lái)說(shuō),聰明程度相當(dāng),但學(xué)習(xí)興趣層次不同,大部分學(xué)生只愿意聽(tīng)后選擇性的接受,而沒(méi)有知識(shí)的創(chuàng)新利用,或者是沒(méi)有下去自學(xué),鞏固知識(shí),單一的只是聽(tīng)和做。程度好的學(xué)生比如丁毅、艾自科,課下還有練習(xí),并根據(jù)自己的'作品提出一兩點(diǎn)問(wèn)題,但是程度差的同學(xué),上完課后根本就直接把書(shū)丟在一邊置之不理。綜合學(xué)生的學(xué)習(xí)態(tài)度問(wèn)題,個(gè)人認(rèn)為還需要加強(qiáng)考核制度,從嚴(yán)制學(xué),寬進(jìn)嚴(yán)出,嚴(yán)肅考風(fēng)!
另外,針對(duì)這個(gè)學(xué)期的網(wǎng)頁(yè)制作課程,在學(xué)生的學(xué)習(xí)制作過(guò)程中我也有自己的一點(diǎn)意見(jiàn)和看法:
1、 網(wǎng)頁(yè)制作要簡(jiǎn)潔大方。
網(wǎng)站在設(shè)計(jì)過(guò)程中以簡(jiǎn)潔大方為主,配合合理的顏色搭配和主題內(nèi)容的詮釋,給訪問(wèn)者賞心悅目的感覺(jué);而避免過(guò)多的動(dòng)畫(huà)和幀的過(guò)多運(yùn)用,以及不明確的導(dǎo)航,雜亂的顏色,沒(méi)有主題的胡編亂造。
2、 網(wǎng)站風(fēng)格要統(tǒng)一。
所有的圖像、文字,包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的,要統(tǒng)一風(fēng)格,貫穿全站。這樣子讀者看起來(lái)舒服、順暢,也會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。知識(shí)運(yùn)用中要大量配合合理的模板、CSS樣式的運(yùn)用而避免在網(wǎng)頁(yè)中反復(fù)的字體樣式重定義、顏色的胡亂運(yùn)用,參差不齊給人雜亂的感覺(jué)。
3、 網(wǎng)站布局合理。
避免一些“拿來(lái)主義”,一些學(xué)生為了設(shè)計(jì)方便,拿網(wǎng)上流行的模版做網(wǎng)頁(yè),做出的網(wǎng)頁(yè)幾乎是千篇一律,沒(méi)有特色,雖然完成了網(wǎng)頁(yè)的制作,但是畢竟不是出自個(gè)人之手,知識(shí)缺乏進(jìn)一步鞏固,且讓瀏覽者產(chǎn)生厭倦。另外導(dǎo)航清晰化,能引領(lǐng)瀏覽者閱讀網(wǎng)頁(yè),思路一定要清晰,避免交叉鏈接。
4、 網(wǎng)站容量要小。
雖然網(wǎng)頁(yè)更加美觀可以吸引瀏覽者,但是圖片,動(dòng)畫(huà)容量大會(huì)影響瀏覽速度,所以一定要注意網(wǎng)絡(luò)容量問(wèn)題。圖片盡量壓縮,多采用單一色,或者簡(jiǎn)單的顏色;動(dòng)畫(huà)要盡量簡(jiǎn)潔實(shí)用,用最少的幀做出最漂亮實(shí)用的動(dòng)畫(huà),給網(wǎng)頁(yè)增色。
5、 網(wǎng)站實(shí)現(xiàn)嚴(yán)謹(jǐn)。
動(dòng)態(tài)網(wǎng)頁(yè)的制作在這里主要是通過(guò)ASP來(lái)完成,首先數(shù)據(jù)庫(kù)的設(shè)計(jì)要合理,避免反復(fù)修改,影響調(diào)用。代碼的寫(xiě)入要嚴(yán)謹(jǐn),比如考慮密碼的安全性,以及注冊(cè)用戶寫(xiě)入一些非法字符,或者是洪水般的多用戶的點(diǎn)擊是否對(duì)服務(wù)器造成威脅等問(wèn)題,盡量多方位全面的考慮問(wèn)題,寫(xiě)出更實(shí)用的網(wǎng)站。
以上是在教學(xué)過(guò)程中遇到的一些知識(shí)點(diǎn)或是具體運(yùn)用中遇到的一些問(wèn)題,當(dāng)然也是學(xué)生的上機(jī)過(guò)程中經(jīng)常存在的問(wèn)題。
但是總體來(lái)說(shuō),通過(guò)整個(gè)學(xué)期網(wǎng)頁(yè)制作的學(xué)習(xí),學(xué)生已經(jīng)了解了網(wǎng)頁(yè)制作所需要的基本技術(shù),也掌握了網(wǎng)頁(yè)制作的基本技能。但由于時(shí)間緊迫,知識(shí)點(diǎn)多,一些重點(diǎn)難點(diǎn)問(wèn)題還需要勤加練習(xí),比如:靜態(tài)網(wǎng)頁(yè)中的布局和CSS的定義;動(dòng)態(tài)網(wǎng)頁(yè)中對(duì)象的綜合運(yùn)用等等。當(dāng)然也存在著遺憾,不少學(xué)生反映,他們的學(xué)習(xí)愛(ài)好更多的是動(dòng)畫(huà)的制作即Flash的學(xué)習(xí),而我們只是籠統(tǒng)的講解,不能完全滿足學(xué)生的求知欲!當(dāng)然針對(duì)網(wǎng)頁(yè)制作來(lái)說(shuō),還需要加強(qiáng)學(xué)生的配色觀念以及審美觀的培養(yǎng),以及動(dòng)態(tài)網(wǎng)頁(yè)的實(shí)現(xiàn)技術(shù)的把握,在很多方面還需要老師和學(xué)生們進(jìn)一步配合,共同學(xué)習(xí)和實(shí)戰(zhàn),以達(dá)到知識(shí)運(yùn)用的一定高度!
【網(wǎng)頁(yè)制作心得體會(huì)】相關(guān)文章:
網(wǎng)頁(yè)設(shè)計(jì)制作心得體會(huì)07-08
制作網(wǎng)頁(yè)設(shè)計(jì)的心得體會(huì)11-29
網(wǎng)頁(yè)設(shè)計(jì)與制作心得體會(huì)02-24
網(wǎng)頁(yè)制作心得11-23
網(wǎng)頁(yè)制作的心得12-15
網(wǎng)頁(yè)制作學(xué)習(xí)心得02-24
網(wǎng)頁(yè)設(shè)計(jì)制作實(shí)習(xí)報(bào)告04-05
網(wǎng)頁(yè)制作教學(xué)計(jì)劃02-22
2022網(wǎng)頁(yè)制作心得11-25