網站建設實訓報告3000(網站建設實訓報告1500字)

網站建設 2457
今天給各位分享網站建設實訓報告3000的知識,其中也會(huì)對(duì)網站建設實訓報告1500字進(jìn)行解釋,如果能(néng)碰巧解決你現在面(miàn)臨的問題,别忘了關注本站,現在開(kāi)始吧!本文目錄一覽: 1、網頁設計實訓心得三篇

今天給各位分享網站建設實訓報告3000的知識,其中也會(huì)對(duì)網站建設實訓報告1500字進(jìn)行解釋,如果能(néng)碰巧解決你現在面(miàn)臨的問題,别忘了關注本站,現在開(kāi)始吧!

本文目錄一覽:

網頁設計實訓心得三篇

網頁設計實訓心得一:

這(zhè)兩(liǎng)個星期是我們的網頁設計實訓時間,這(zhè)正是考驗我們實力的時候了。

經(jīng)過(guò)一個學(xué)期的網頁設計的學(xué)習,我們的專業基礎更加紮實了,我們對(duì)于自己的專業學(xué)習更加有信心了。一開(kāi)始對(duì)于網站設計我是抱著(zhe)好(hǎo)奇以及興趣認真地學(xué)習,剛開(kāi)始接觸網頁設計會(huì)覺得很神奇,平時上網接觸到的網頁可以通過(guò)自己的努力來建成(chéng)。一心想著(zhe)設計一個美觀大氣的大網站,可以與其他網站媲美。對(duì)于我這(zhè)種(zhǒng)初學(xué)者,有這(zhè)種(zhǒng)天真的夢想促使我更努力的學(xué)習網頁設計。

平時老師授課,講解了有關網頁設計的理論知識以及實際操作的示範。網頁設計更著(zhe)重于實際操作,我們在機房通過(guò)每次上課的學(xué)習運用,已經(jīng)有了一定的基礎。一開(kāi)始我們都(dōu)是看著(zhe)别人的網站去模仿建設,到後(hòu)來每個人在設計自己的網頁時都(dōu)有自己的人個人風格,這(zhè)就是網頁設計的樂趣。他不僅可以激發(fā)同學(xué)們的興趣,還(hái)可以把自己的風格更大膽地展示出來,是一個可以展示自我的空間,使我們更有成(chéng)就感。

這(zhè)兩(liǎng)個星期我們實訓課讓我們更清楚地認識到自己的建站水平。實訓任務是建立自己班級的網站,剛開(kāi)始覺得兩(liǎng)個星期足夠我們去建成(chéng)一個網站,但是我們都(dōu)太高估我們自己了。一開(kāi)始設計網站時不知道(dào)從何下手,之前老師上課講的知識一時不知道(dào)怎麼(me)靈活運用起(qǐ)來,我才發(fā)覺對(duì)我軟件功能(néng)的不太熟悉,除了基本的框架構建,其他的設計都(dōu)需要比較長(cháng)的時間去思考以及翻查書本。但是同學(xué)們都(dōu)很積極地向(xiàng)老師提問,把自己存在的問題一一的解決掉。雖然建立網站不是很順利,也隻有這(zhè)樣(yàng)我們才可以正視自身,把平時半桶水的聽課方式給改掉。在這(zhè)次的網站建設過(guò)程中,我發(fā)現自己對(duì)于知識不能(néng)靈活運用,不能(néng)巧妙地結合起(qǐ)來,對(duì)代碼的不熟悉,這(zhè)更加是一個大問題。建站過(guò)程中會(huì)遇到代碼出錯,代碼位置寫錯之類的問題,當測試的時候出現了錯誤但是不能(néng)看懂出錯原因,隻能(néng)靠網上搜索。因爲對(duì)于這(zhè)種(zhǒng)程序的東西我會(huì)比較抗拒,從小就不喜歡思維性太強的學(xué)習,所以建站會(huì)遇到比較多這(zhè)種(zhǒng)問題,但是我隻能(néng)積極去面(miàn)對(duì)才能(néng)完成(chéng)任務,畢竟這(zhè)是我的專業,爲了專業而專業,不能(néng)說不喜歡就不願意去學(xué),這(zhè)次實訓我反省了自身的存在問題。我們建立網站的時候都(dōu)發(fā)揮自己的創新力、 想象力 ,用心地完成(chéng)這(zhè)個大項目。會(huì)遇到很多的問題,經(jīng)常因爲一個細小的步驟而出錯,做動态網頁的時候會(huì)遇到更多類似的問題,通常都(dōu)會(huì)花費我很多時間來解決出錯原因。打個比方,我會(huì)一個上午都(dōu)在弄留言闆,因爲不知道(dào)出錯原因,當請教老師或是同學(xué)的時候才恍然大悟,原來是這(zhè)麼(me)簡單的。當然,最終可以解決困難我還(hái)是很欣慰的。

當我真正建立起(qǐ)自己的網站的時候,我看著(zhe)自己的作品非常地興奮,這(zhè)是我用心血完成(chéng)的隻屬于自己的網站,特别地欣慰。因爲過(guò)程的困難,我更加珍惜自己第一次的作品,做每一步都(dōu)會(huì)小心翼翼,就像母親生怕會(huì)失去自己的孩子一樣(yàng),我就是這(zhè)樣(yàng)的感受。

我可以說網頁設計給了我很大的收獲,我是用我的熱情去學(xué)習,也是用我的真心去設計,屬于自己的東西永遠是最美好(hǎo)的。網頁設計不是用嘴巴就可以設計的,更需要的我們的堅持、創新、用心,才能(néng)收獲更大的勝利。

網頁設計實訓心得二:

轉眼間,已到了期末,學(xué)習網頁設計這(zhè)門課程也要結束了,雖然時間有點短,但是學(xué)過(guò)這(zhè)個幾周以後(hòu)我受益匪淺。

記得最初接觸dreamweaver的時候,我很茫然,因爲剛接觸陌生的軟件心裡(lǐ)會(huì)很害怕跟不上老師的進(jìn)程。剛開(kāi)始幾節課,老師講得比較基礎,還(hái)能(néng)跟得上,漸漸的老師授課的進(jìn)程開(kāi)始加速,有些跟不上了,需要下課後(hòu)自己補上,問老師和周圍的同學(xué)。漸漸的,在老師的悉心教導下,我們開(kāi)始熟悉這(zhè)個軟件了。老師布置的第一個任務,要求做一個自我形象網站。由于學(xué)習的時間較短,老師隻要求用PS做好(hǎo)模闆即可,任務相對(duì)簡單。但也要求設計感強,色彩搭配和諧,并且盡可能(néng)的做成(chéng)實用又符合實際的漂亮網頁。

第二個網頁設計老師要求相對(duì)較高,用dreamweaver做一個比較接近真實的網頁,還(hái)要做一個二級頁面(miàn)。于是開(kāi)始收集各方面(miàn)的資料。确定了主題就開(kāi)始布局了。最開(kāi)始使用了一個表格,然後(hòu)在表格内進(jìn)行拆分合并處理,接著(zhe)就把通過(guò)ps處理出來一個版頭并且把修改過(guò)大小的圖片放進(jìn)去了。

中間時預覽,問題出現了,發(fā)現版頭與下面(miàn)的圖片文字之間出現了很大的一段距離,但是在軟件中已經(jīng)把距離縮小爲0了,多次嘗試後(hòu)沒(méi)有效果。最後(hòu)想到可以另外再加一個表格,把版頭放在一個表格内面(miàn),這(zhè)樣(yàng)問題就解決了。預覽是效果還(hái)不錯。但是總覺得首頁做得太普通,一次浏覽學(xué)長(cháng)做的網頁時,覺得他們的文字滾動窗口做得效果做得不錯,于是想借見一下。就決定把自己網站的左邊修改修改。複制了他的代碼,把上面(miàn)的内容修改成(chéng)我的網站需要的文字。本以爲可以輕松的完成(chéng),但是卻出現大問題了。

因爲需要滾動的文字占的空間太大,把左邊的那部分表格全部占滿了,而在實際的網頁預覽中,這(zhè)個有文字滾動的框隻占了左邊Oeasy教你玩轉網頁設計浏覽的工具建站程序三分之一,左邊有三分之二留白了。我就想可不可以把文字這(zhè)樣(yàng)一層層的放在上面(miàn),試了很多 方法 ,在網站查了很多資料,可能(néng)因爲沒(méi)有專業術語作爲搜索的關鍵詞,查不到任何相關的資料,試過(guò)div标簽,試過(guò)不停的拆分表格,最後(hòu)還(hái)是沒(méi)有效果。就這(zhè)樣(yàng)試著(zhe)試著(zhe),突然想到了層這(zhè)個概念。于是在布局中點擊了繪制層,結果成(chéng)功了,經(jīng)過(guò)一些加工,終于成(chéng)功的完成(chéng)左邊的布局。印象還(hái)比較深刻的是插入聲音,記得老師曾經(jīng)給我們講過(guò)很多次怎樣(yàng)插入聲音,可是等到自己做網頁的時候卻忘記了,于是問其他人,結果居然都(dōu)忘記了,于是自己在百度上收。最後(hòu)終于找到了一個可以使用的代碼,但是在加入聲音路徑時出現了問題。在屬性内加入源文件,結果就是加不進(jìn)去MP3的音樂文件,然後(hòu)自己就嘗試加入了一個視頻,記下了路徑格式,然後(hòu)照著(zhe)這(zhè)種(zhǒng)格式寫下了指向(xiàng)聲音源文件的路徑,最後(hòu)成(chéng)功了。在設計過(guò)程中還(hái)出現了很多的問題,但通過(guò)看書,上網查詢,請教同學(xué)等方式,不斷的學(xué)習、解決、提高,設計出的網頁不論是外觀還(hái)是内容,都(dōu)在不斷的進(jìn)步、改善。可以說在自己動手,不斷實踐的過(guò)程中,網頁設計水平得到了很大的提高。熱情和執著(zhe),我將(jiāng)來設計出的網頁會(huì)更加專業,更完善。

網頁設計實訓心得三:

科學(xué)是發(fā)展生産力的根本前提,當今的社會(huì)是互聯網蓬勃發(fā)展的世界,每當我們上網的時候,那一個個精美别緻的網頁給人是多麼(me)流暢順利的感覺,無論是尋找資料還(hái)是網上商城購物,都(dōu)給我們帶來了方便快捷的好(hǎo)處,我想,科學(xué)技術的發(fā)展,離不開(kāi)互聯網的發(fā)展,而互聯網的發(fā)展也離不開(kāi)網頁制作的發(fā)展,而隻有把兩(liǎng)者結合起(qǐ)來才是正确的。

首先,了解網頁并不是單純的認爲他僅僅隻是爲人們服務的,而它的存在也是給我們帶來了利益和好(hǎo)處。當然,了解網頁首先也從幾個軟件開(kāi)始:

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

而網頁制作就是開(kāi)始從這(zhè)些軟件開(kāi)始著(zhe)手的,今天,我終于可以學(xué)習網頁制作了,我們在杜奕老師的教導下,各位同學(xué)們也都(dōu)在聆聽老師的講解和指導我們運用以上這(zhè)些軟件的功能(néng)和網頁的剖析。所謂網頁,就是指一個可以浏覽内容并且可以使用ie浏覽器打開(kāi)的内容稱之爲網頁。

在剛開(kāi)始接觸網頁的第一堂課上,聽說網頁制作會(huì)是一門很無聊并且很難聽懂的過(guò)程,而事(shì)實卻印證了這(zhè)樣(yàng)一個事(shì)實,但是隻要我們努力,無論是怎樣(yàng)的艱難險阻,成(chéng)功依然會(huì)迎面(miàn)直擊。在剛開(kāi)始時我覺得dreamweaver m_ __ 很難理解,不管老師做怎樣(yàng)的解釋,而我卻對(duì)它感到很是吃力,諸如裡(lǐ)面(miàn)有許多不知道(dào)的功能(néng)。如:布局表格、繪制層、制作css樣(yàng)式表等,這(zhè)些内容迷糊了我的視線,真是沒(méi)想到制作一個精巧别緻的網頁是如此的困難,可是心有不甘,每天上網看著(zhe)那樣(yàng)多的網頁,于是我才下定決心選擇了網頁制作這(zhè)一門課程,目的就是希望以後(hòu)能(néng)夠做出一個完美的網頁來。

“路漫漫其修遠兮,吾將(jiāng)上下而求索”學(xué)習的道(dào)路是艱苦漫長(cháng)的,更何況這(zhè)是關于一個科學(xué)技術的一個代名詞,随後(hòu),課堂的氣氛慢慢的好(hǎo)轉,耐心的老師和專心的學(xué)生在課堂上都(dōu)盡情的發(fā)揮各自的才能(néng),老師也爲了能(néng)教好(hǎo)每一位學(xué)生,而學(xué)生也不辜負老師的使命,就這(zhè)樣(yàng),網頁制作這(zhè)一門課程進(jìn)行的很順利,學(xué)習了dreamweaver m_ __ 對(duì)它如何徹底的剖析和分解,我們終于認清了它的原理,摸清了應該怎樣(yàng)去完全的使用它,而我們在老師的指導和訓練的結果下,終于開(kāi)始做屬于自己的網頁了。

慢慢的快接近尾聲了,我們也快臨近期末了,老師給我們的任務卻是需要我們每人至少做出三個網頁來,且内存不能(néng)超過(guò)3m,剛開(kāi)始我以爲我會(huì)對(duì)著(zhe)感到很是吃力,不知道(dào)該如何是好(hǎo),畢竟網頁才是剛剛起(qǐ)步,根基不穩,怎麼(me)能(néng)夠做出這(zhè)樣(yàng)的網頁呢?而我對(duì)dreamweaver m_ __ 它也不是很熟悉,心裡(lǐ)真是很擔憂。

在這(zhè)最後(hòu)的時間裡(lǐ),我仔細掂量了一番,網頁制作給我的結論是:要想制作一個能(néng)夠像網上的那樣(yàng),還(hái)得需要經(jīng)過(guò)長(cháng)時間的刻苦努力和不斷地檢驗及實踐,否則,如果隻靠老師在課堂上講的那些知識是遠遠不夠的。畢竟網頁是一個技術性的知識,不像文學(xué)那樣(yàng)的純理論知識。通過(guò)這(zhè)個課程的學(xué)習,我從中得到了一些對(duì)網頁知識如功能(néng)、概念的理解,原來要做出一個簡單可行的網頁并不是一件害怕的事(shì)情,而是一件努力和嘗試的事(shì)情。

網頁設計實訓心得三篇相關 文章 :

★ 網頁設計實習心得體會(huì)3篇

★ 網頁設計實訓心得

★ 網頁設計實訓報告心得

★ 網頁設計實習心得體會(huì)感想

★ 網頁設計實習心得體會(huì)

★ 設計實訓心得體會(huì)3篇

★ 設計實訓心得體會(huì)範文3篇

★ 網頁制作實習心得

★ 有關網頁制作實訓報告心得體會(huì)

★ 網頁制作實習心得小結

網站設計實訓總結

首先我要做的就是要選擇好(hǎo)題目和網站的風格,之後(hòu)我就分步驟準備在制作網站前所要做好(hǎo)的準備工作。我浏覽了中國(guó)美食網的一些特點,借監這(zhè)些網站的優秀之處,不好(hǎo)的地方在自己的網站上加以改良,從而使自己的網站更加美觀。

回顧這(zhè)次課程設計,至今我仍感慨頗多。的卻。從選題到開(kāi)始制作,從理論到實踐,在實訓機房日子裡(lǐ),可以說得是苦多于甜,但是可以學(xué)到很多很多的的東西,同時不僅可以鞏固了以前所學(xué)過(guò)的知識,而且學(xué)到了很多在書本上所沒(méi)有學(xué)到過(guò)的知識。

在選擇好(hǎo)題目和網站的風格之後(hòu),我就開(kāi)始了實訓項目的進(jìn)程,按照實訓方案的規定,先是將(jiāng)網站的總體策劃以書面(miàn)的形式展現出來,通過(guò)老師審核之後(hòu),在相應的時間段找相關的素材,搜集與主題相關的文字、圖像等。再是設計網站的内容結構、目錄結構和鏈接結構,設計首頁及其頁面(miàn)的版式結構。然後(hòu)創建本地網站,建立網站的目錄結構。制作首頁、二級子頁、内容頁,創建超級鏈接。最後(hòu)就是測試與浏覽網頁,如果還(hái)有什麼(me)不理想的地方再改進(jìn)再預覽,如此反複,最後(hòu)達到最好(hǎo)效果!

在此次網站的設計與制作過(guò)程中,難免會(huì)遇到過(guò)各種(zhǒng)各樣(yàng)的問題,這(zhè)畢竟是第一次獨自設計網站、制作網站。但值得高興的是:在設計的過(guò)程中發(fā)現了自己的不足之處,對(duì)以前所學(xué)過(guò)的知識理解得不夠深刻,掌握得不夠牢固,沒(méi)有能(néng)完全達到自己預期的效果,還(hái)好(hǎo)通過(guò)老師的細心指導才能(néng)達到最終效果……

一周網頁設計與制作的實訓課程結束了,回顧這(zhè)次課程設計實訓,至今我仍感慨頗多。的确,從選材到開(kāi)始制作,從理論到實踐,在兩(liǎng)周的實訓日子裡(lǐ),可以說得是苦多于甜,但是可以學(xué)到很多很多的的東西,同時不僅可以鞏固了以前所學(xué)過(guò)的知識,而且學(xué)到了很多在書本上所沒(méi)有學(xué)到過(guò)的知識。更懂得并親身體會(huì)到了理論與實際相結合的重要性,隻有理論知識是遠遠不夠的,把所學(xué)的理論知識與實踐相結合起(qǐ)來,從理論中得出結論,才能(néng)真正爲掌握技術,從而提高自己的實際動手能(néng)力和獨立思考的能(néng)力。

要一份網頁實訓報告

一、實習目的:

通過(guò)教學(xué)實習掌握站點制作、站點測試與發(fā)布技術。會(huì)綜合利用Fireworks

、Flash和Dreamweaver三個軟件進(jìn)行靜态網站的設計。

二、實習内容:

1.用Fireworks處理圖片。對(duì)圖片裁剪、鈍化、高斯模糊。設置圖片的GIF動畫格式,制作标題動畫。對(duì)文字應用效果。利用Fireworks制作導航條并導出格式爲html。

2.用Flash制作标題動畫。首頁中的動畫不超過(guò)20M。制作按鈕來超級鏈接到其他頁面(miàn)。

3.使用Dreamweaver布局視圖,設置本地站點。在标準視圖和布局視圖模式相互轉換。建議使用布局視圖,在标準模式中插入層對(duì)象制作層動畫,利用行爲面(miàn)闆添加鼠标行爲,制作翻轉動畫,使用CSS樣(yàng)式統一網頁中文字樣(yàng)式,插入Fireworks中的GIF

文件及導入Flash中的SWF文檔,設置文檔間的超級鏈接。

三、具體要求:

1、利用Dreamweaver制作一個靜态網站,要求網站有特色,整個網站的内容和形式要統一,應能(néng)夠反映一個簡單的主題。可以選擇制作《個人網站設計》、《企業網站設計》、《文化網站的設計》、《娛樂網站設計》或者其他自己認爲适合的網站。

2、 作一個主頁面(miàn),至少5個次頁面(miàn)。

3、必須用到框架、表格或層排版技術、Flash技術和圖像處理技術,使網站具有合理的外觀和功能(néng)。

4、 主頁基本要求:

 頁頭Logo,準确無誤地标識站點和企業标志;

 網頁标題動畫,可以制作成(chéng)GIF動畫或者Flash動畫;

 導航條;

 E-mail地址,用來接受用戶垂詢;

 聯系信息,如普通郵件地址或電話;

 版權信息。

5、制作一個表單頁面(miàn)。

6、某個頁面(miàn)有滾動字幕。

7、爲一個頁面(miàn)添加背景音樂。

8、至少添加一種(zhǒng)行爲效果。

9、整個網站各頁面(miàn)之間保持風格一緻,頁面(miàn)之間要有合理的超級鏈接。

10、進(jìn)行站點測試後(hòu)申請免費空間并發(fā)布到網絡。

四、網站設計思路:

本站應該算是一個個人主頁的小型網站。關于本站站名的來源:微言微語個人主頁,因爲,我覺得這(zhè)個網站裡(lǐ)面(miàn)的所有文字都(dōu)是像一個人在自言自語,在低聲地向(xiàng)某人訴說著(zhe)什麼(me),沒(méi)有主題,沒(méi)有目的。取這(zhè)個站名,是做了網站的大概構思後(hòu)才取的,覺得,這(zhè)個名字與網站的圖片、背景音樂還(hái)有文字都(dōu)很相符。

個人主頁,一般都(dōu)會(huì)包括首頁,相冊,鏈接,一些個人喜歡的文字加圖片,我的個人主頁也不例外,包括次首頁(個人喜歡的的文章加圖片),我的作品(裡(lǐ)面(miàn)包括自己做的三個FLASH動畫),文章(一些自己喜歡的文章),相冊(Firworks處理過(guò)的相冊),關于(關于自己的文字,關于本站的一些說明),鏈接(世界著名網站的有關鏈接),反饋表(浏覽者信息反饋表)。

五、網站設計過(guò)程:

把所有的素材都(dōu)整理好(hǎo)(圖片,文章,相片),開(kāi)始布局。此站大多數用的是“三”字型的,三字型是我給它取的名字,因爲,最開(kāi)頭是一張帶有導航條的圖片,用Firworks處理過(guò)的HTML文件,中間一大片用于放正文,下面(miàn)就是版權信息,E-mail地址用來接受用戶垂詢;聯系信息,如普通郵件地址或電話,像被(bèi)分開(kāi)的三個部分,所以我叫(jiào)它三字型。這(zhè)種(zhǒng)布局方式看起(qǐ)來比較的整齊,簡潔美觀。

首頁本想做一個動态網頁,由于時間有限所以還(hái)沒(méi)完全成(chéng)功。隻好(hǎo)用了一張與次頁面(miàn)一樣(yàng)的背景圖片做背景,加上從下向(xiàng)上的滾動字幕,背景圖片是用Firworks處理過(guò)的圖片,大片的灰色牆壁加上顔色豔麗的鈕扣圖案,首頁加了狀态欄逐字出現的效果,加了“加入收藏”、“設爲首頁”等代碼。

次頁面(miàn)包括如下些内容:首頁、作品、文章、相冊、關于、鏈接以及反饋表。這(zhè)些頁面(miàn)是用模闆做的,上面(miàn)的圖片,導航條以及下面(miàn)的版權聯系方式是不用改變的,都(dōu)保持著(zhe)首頁的風格,背景圖一樣(yàng),字體與樣(yàng)式一樣(yàng),圖片風格一樣(yàng)。中間是兩(liǎng)個可編輯區域。

在所有的頁面(miàn)導航條下面(miàn),插入層對(duì)象制作了一個層動畫,來回移動的層,裡(lǐ)面(miàn)存放日期,利用行爲面(miàn)闆爲此層添加了鼠标行爲,單擊此層,會(huì)出現對(duì)話框,“歡迎您訪問我的個人主頁!”,做布局大多使用表格布局,使用了少量的css樣(yàng)式,字體,字号,顔色都(dōu)統一套用相應的樣(yàng)式。

首頁中添加背景音樂,小說音樂《我在那一角落患過(guò)傷風》,一邊看慢慢上移的文字,一邊聽這(zhè)輕柔的音樂,給人一種(zhǒng)意境美。其實次頁面(miàn)添加《蟲兒飛》,輕快而活潑。首頁禁止右鍵複制功能(néng),右鍵單擊沒(méi)有反應。

次首頁,就是進(jìn)入次頁面(miàn)的第一個頁面(miàn)。主題算是與青春有關的三種(zhǒng)感情,三張圖片,用Firworks處理,加上相應的文字。要用到兩(liǎng)個表格,分别放在兩(liǎng)個可編輯區域裡(lǐ)面(miàn),一個1*2的表格,一個2*2的表格,第一個表格放一張有關于親情的圖片加一小段文字,第二個表格放一張有關于友情的圖片加一小段文字,還(hái)有一張有關于愛情的圖片加一小段文字。作品頁面(miàn)是三個FLASH動畫,第一個是左右鍵控制的圖片移動按鈕,可以單擊來鏈接到主頁面(miàn)(代碼見附錄),四個圖片經(jīng)過(guò)裁剪、高斯模糊。第二個是光芒四射(代碼見附錄),要用到ActionScript語言,長(cháng)短不一的線條加上透明度的改變組成(chéng)光芒四射。第三個是鼠标跟随特效(代碼見附錄)。文章頁面(miàn),就是簡單的文字頁面(miàn),沒(méi)有什麼(me)特别的。相冊頁面(miàn),上面(miàn)是一個用Firworks處理後(hòu)的一組圖片,鼠标移到小圖片上,下面(miàn)做出現相應的大相片,中間有少量文字,底部是用FLASH做的一組循環滾動圖片(代碼見附錄),圖片跟著(zhe)鼠标的移動而左右移動。關于頁面(miàn),也是簡單的文字頁面(miàn),沒(méi)什麼(me)特别的,“個人簡曆”文字鏈接到WORD文檔“個人簡曆”(代碼:a

href="my.doc"),下面(miàn)有個信息反饋的鏈接,鏈接到有關的“浏覽者信息反饋表”,此信息反饋表用表單做的,用到單行文本域,多行文本域,單選框,複選框,按鍵,此表單可以用郵件方式反饋信息(mailto:redcarrot2001@163.com)。鏈接頁面(miàn),前面(miàn)是我的個人主頁LOGO,一張用Firworks做的LOGO,并建立有關鏈接,中間是一些文字,下面(miàn)是世界著名網頁的有關網址以及相應鏈接。

附錄:源代碼

(1) 狀态欄逐字出現的效果代碼:

script language="JavaScript"

var msg = "歡迎來到☆※◎~~~微言微語~~~☆※◎個人主頁,請多提意見。謝謝! "

;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

(2) 首頁收藏代碼:

onClick="window.external.addFavorite('','微言微語個人主頁')"---收藏本站br

(3)設爲首頁代碼:

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---設爲首頁/span/p

(4)滾動字幕代碼:

marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1

pspan class="26f5a2cf227d29a7 css"1、真的很喜歡那些記錄多于表達的人。

br /

…………

…………

183、希望每一個新的一天,醒來的那個你都(dōu)神清氣爽。/span

/p

/div

/p

/marquee

(5)添加背景音樂代碼:

bgsound src="aa.mp3" loop=1

(6)禁止右鍵複制功能(néng)代碼:

script language="JavaScript"

!--

document.oncontextmenu=new

Function("event.returnValue=false;"); //禁止右鍵功能(néng),單擊右鍵將(jiāng)無任何反應

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先擇,也就是無法複制//--

/script

style type="text/css"

(7)光芒四射代碼:

duplicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;)

if(i100){

gotoAndPlay(1);

}else{

i=1;

}

(8)鼠标跟随代碼:

movie._visible=0;

i=0;

i++;

if(i100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

duplicateMovieClip(movie,"movie"+i,i);

this["movie"+i]._x=movie._x;

this["movie"+i]._y=movie._y;

gotoAndPlay(2);

(9)循環滾動圖片:

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15;

if(this._x1371.1){

this._x=this._x-1371.1;

}

if(this._x-1371.1){

this._x=this._x+1371.1;

}

}

(10)左右鍵控制的圖片移動按鈕:

on(release)

{getURL("index.html","_blank");}

六、實訓中遇到的難點及解決辦法:

在設計開(kāi)始的時候,想的太多,不知道(dào)怎麼(me)開(kāi)頭,定哪個主題,背景,色調,文字,布局都(dōu)沒(méi)有頭緒,後(hòu)來,開(kāi)始做,而且覺得越做越有頭緒了,所以我覺得,還(hái)是不要想的太多,太複雜了,不要追求完美,不要做的網頁太多,搞到最後(hòu),别人都(dōu)不知道(dào),你這(zhè)個網站的主題是什麼(me)了。

還(hái)有就是布局的時候總是不能(néng)做到很美觀,後(hòu)來,我把頁面(miàn)屬性改了左過(guò)距爲10,上邊距爲10,剛好(hǎo)把背景圖片裡(lǐ)面(miàn)的那些亮麗的鈕扣圖案顯示出來,改變了表格背景圖的灰暗,使網頁的整體看起(qǐ)來更美觀了。

在做CSS樣(yàng)式表的時候,做字的顔色的時候,老是不知道(dào)用哪種(zhǒng)顔色才搭配的起(qǐ)這(zhè)個背景,後(hòu)來,看到那個背景的鈕扣顔色與灰色配起(qǐ)來很好(hǎo)看就用吸管取了鈕扣的顔色了。

七、實訓心得:

在我看來,設計網頁,應該先策劃,策劃很重要,加上創意,配色很重要,技術與鑒賞能(néng)力是最主要的。建立站點的時候,各個文件夾取名的時候,最好(hǎo)用相應的英語,見名知意,如圖片文件夾用image,網頁文件夾用html。

在所有配色當中,不同的顔色傳達著(zhe)不同的意義也有不同的象征。如白色代表著(zhe):清潔、天真、潔淨、真理、和平、冷淡、貧乏;灰色讓人聯想到灰塵、石頭、水泥、白銀,象征著(zhe)中庸、平凡、溫和、謙讓,它給人以中立和高雅的感覺。太多的顔色會(huì)給人帶來視覺上的疲勞。所以,在我下載準備素材的時候,就選擇用灰色做背景顔色,灰色太貧乏,就加上亮色的鈕扣起(qǐ)到“中和”的作用。

通過(guò)此次實訓,我覺得平面(miàn)設計的創意思維、版面(miàn)設計、色彩配置、圖形創意等方面(miàn)都(dōu)有很重要,對(duì)于網頁制作來說,我覺得是一個以多學(xué)科設計爲基礎,受到包括視覺藝術、技術、内容的多種(zhǒng)影響。網頁設計的技術不算什麼(me)困難,真正困難的是網頁的設計創意,文字我覺得也很重要,有些人浏覽你的網頁不是喜歡上你的豔麗漂亮的圖片,也許是喜歡上你的文字,那種(zhǒng)感動人心的,唯美的文字。文字與圖片要搭得上調,不可能(néng)用一張美女圖做背景,上面(miàn)卻寫有關于親情的文章。也就是整體的搭配問題。

通過(guò)此次實訓,使我對(duì)于網頁制作的三大軟件有了進(jìn)一步的了解,各功能(néng)都(dōu)能(néng)夠實現。提高了自己的鑒賞能(néng)力,綜合搭配能(néng)力,也對(duì)以前學(xué)過(guò)的内容進(jìn)行了綜合的複習。

通過(guò)此次實訓,我更了解到,生活中有許多色彩,搭配顔色的時候,聯想到生活中的東西會(huì)做的更漂亮,給人一種(zhǒng)親切感,現在看到什麼(me)東西,我就會(huì)聯想到做網頁的時候,還(hái)有怎麼(me)布局。反正此次實訓收獲很多。

最後(hòu),我想,如果此次實訓老師是要我們分組來做的話,也許,我們可以做得更好(hǎo),因爲,一個想的畢竟不全面(miàn),而且,一個人的申美有限,我們可以分工合作,一個人做一個方面(miàn)的東西,也可以根據他所善長(cháng)的方面(miàn)來分工,善長(cháng)動畫制作的人做動畫,善長(cháng)圖片處理的人做圖片,善長(cháng)文字與布局的就來布局。但是,也許那樣(yàng),有些同學(xué)會(huì)懶的動手,推著(zhe)給别人做。

網頁設計實訓總結心得6篇(2)

網頁設計實訓總結心得體會(huì)範文4

上周,也就是5月31日到6月4日的五天裡(lǐ),我們電商專業進(jìn)行了爲期五天的網頁制作實訓。

在機房裡(lǐ)待了一個星期,雖然生理反應不大,但是還(hái)是不好(hǎo)受。原本以爲是實訓比平時上課要舒服多了吧,但是這(zhè)一個星期下來差點沒(méi)被(bèi)累死,比平時上課還(hái)疼苦。但是在這(zhè)實訓的一星期裡(lǐ)我的收獲還(hái)是很多的。

第一、從這(zhè)次實訓當中我深刻的體會(huì)到理論知識的重要性,隻有在自己熟練理論知識後(hòu)再能(néng)在實踐中遊刃有餘,才不會(huì)出現“書到用時方恨少”的尴尬體會(huì)。

第二、實訓中我印象最深的是對(duì)各種(zhǒng)網頁制作工具的使用不熟練,甚至還(hái)有個别不會(huì)用的,隻是自己想要做個圖片或圖标等都(dōu)做不好(hǎo),其心情想而知。所以對(duì)這(zhè)些網頁是做工具的使用都(dōu)要練習。

第三、集體協作是我又一個體會(huì)。這(zhè)次網頁制作由于某些原因我一個人一組,是我搞掘到壓力很大而且很累,而且我自己的思維能(néng)力很有限,網站設計和制作上也略顯粗糙和不足,正所謂:你有一個思想,我有一個思想,分享後(hòu)我們就都(dōu)有兩(liǎng)個思想。所以與同學(xué)合作是很有必要的。

總之,這(zhè)5天裡(lǐ)自己雖然很累,但是自己的收獲也是很不小的,所以我也是很開(kāi)心的。

網頁設計實訓總結心得體會(huì)範文5

實訓的五天中,我的心情就好(hǎo)像這(zhè)五天的天氣變化,有晴有陰,隻是差了點眼淚。但這(zhè)并沒(méi)有使我放棄,我不想落後(hòu),也不想拖小組的後(hòu)腿,我告訴自己隻有努力做好(hǎo)一切才是我的選擇。一次次的失敗,一次次的嘗試,做好(hǎo)的那一刻,激動、高興。我不是天才,有些知識不會(huì)。查書,問同學(xué),找代碼等等,時間飛速的流逝著(zhe),有些學(xué)會(huì)了,但仍然有不會(huì)的。

我們的小組從開(kāi)始就産生了分歧,網站主題不一緻。直到制作網站的第三天,我們才達成(chéng)共識,兩(liǎng)方各退一步。還(hái)好(hǎo),大家做出來的效果差不多,接下來的幾天大家一起(qǐ)努力制作網頁。遇到問題了,互相讨論,找出解決的方法,解決不了的就找人問。

在規劃網站結構前,我們在互聯網上大量的尋找網站布局規劃,“不行”、“不行”、“與主題不搭”等一遍遍否定的話不斷說出,終于确定了。我們做旅遊的,以春夏秋冬四季分作,色調意思及顔色搭配。制作的過(guò)程中,我們改變了初衷,不知道(dào)是好(hǎo),還(hái)是壞,決定做春夏冬三季及另外涉及天下旅遊方面(miàn)的主網頁。

選取素材,一個個的挑,看的越多也變得越難選,好(hǎo)多與自己想要的想差太遠,找的眼都(dōu)花了,還(hái)是得找。磨練又一次的來了,堅持吧,努力吧,找完就好(hǎo)了。

制作網頁,一遍遍的改。不對(duì)、不對(duì),顔色不搭,不能(néng)突出主題,浏覽出來的結構不搭,改吧。累啊,煩呢,還(hái)是得繼續做。做網站是即使出現再多的錯誤,也要堅持做,耐心點,做好(hǎo)做完就好(hǎo)了,就輕松了。

我們經(jīng)常在嘴邊挂著(zhe)要有“團隊合作理念”,但行動起(qǐ)來時,有些人還(hái)是會(huì)忘記,也許是固執,也許是其他原因。遇到這(zhè)種(zhǒng)情況時,要有人站出來調節,盡快解決矛盾,否者會(huì)影響整體的工作進(jìn)程,彼此不高興。制作網頁不協調,影響質量。

我們這(zhè)次實訓的目的及要求是:以小組爲單位,合作完成(chéng)從确定網站主題、規劃網站結構、選取網頁素材、到制作網頁内容等步驟,從而掌握網站建設的全流程。同時,培養團隊協作精神,提高綜合運用所學(xué)分析、解決實際問題的能(néng)力,實現由理論知識向(xiàng)操作技能(néng)的轉化。

網頁設計實訓總結心得體會(huì)範文6

從學(xué)校 畢業 後(hòu),我第一次步入了社會(huì),從此開(kāi)始了面(miàn)對(duì)社會(huì)、工作的生活。剛剛走入社會(huì)的我是一個性格有些内向(xiàng)的人,面(miàn)對(duì)陌生的人,我不善言辭,不會(huì)給自己的外表進(jìn)行很好(hǎo)的包裝,不适合做那些銷售、接待的工作,隻有技術類的工作,少說多幹的活适合我,這(zhè)個我很清楚。現在,中國(guó)每年都(dōu)有很多畢業的大學(xué)生找不到工作,我也不例外,所以,這(zhè)第一次實習工作肯定不會(huì)太好(hǎo)找,但是相反,我的運氣還(hái)不錯。找到了一份網頁設計的工作。現將(jiāng)我在工作中的情況 報告 如下。

一、工作介紹

我工作的這(zhè)家公司,從事(shì)網站開(kāi)發(fā)工作的,公司在技術團隊這(zhè)部分是比較正規的,一般是五到六人爲一個小組,小組中有明确分工,有負責聯系客戶接恰生意的,有專門做技術的,而在技術這(zhè)塊分爲網站前台、後(hòu)台開(kāi)發(fā),我在學(xué)校主要做的是後(hòu)台開(kāi)發(fā),當然前台設計工作也還(hái)算熟練,但不是很精通。我們這(zhè)個小組一般接下的活都(dōu)是一些小型網站的開(kāi)發(fā)工作,這(zhè)樣(yàng)的網站技術難度不大,而且工作周期短,有相當一部分的,隻需要通過(guò)cms軟件就可以進(jìn)行開(kāi)發(fā)。但是有個别的網站開(kāi)發(fā)時,我們還(hái)是需要進(jìn)行一些手寫代碼工作的。

二、開(kāi)發(fā)技術

做爲一個剛畢業的大學(xué)生,我的知識儲備肯定有不足的地方,畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節的,但好(hǎo)在我的領導對(duì)于我沒(méi)有太多的要求,他隻是要求我盡快的适應公司的工作和生活,在短時間内熟練的掌握相關技術,幹好(hǎo)本職工作。

在大學(xué)裡(lǐ)對(duì)一個學(xué)生來說什麼(me)是最重要的,那就是學(xué)習能(néng)力。要知道(dào),這(zhè)個世界上,知識在發(fā)展,人類在進(jìn)步,每天都(dōu)在進(jìn)行日新月異的變化,我們的知識儲備總會(huì)有不夠的地方,但是一定要有學(xué)習能(néng)力,將(jiāng)不會(huì)知識快速掌握,隻有這(zhè)樣(yàng)才能(néng)占據主動,減少被(bèi)動情況的尴尬發(fā)生,通過(guò)二個星期的時間,我成(chéng)功的适應了公司的工作和生活節奏,每天早九點上班,晚17:30下班,中午休息一個半小時,每周還(hái)有兩(liǎng)天假期。我利用業餘時間,抓緊學(xué)習,將(jiāng)工作中所需要的技術進(jìn)行了強化學(xué)習,其實這(zhè)些東西在學(xué)校的時候就接觸過(guò),隻是不精通。那個時候學(xué)的東西多,難免有個主次之分,這(zhè)次工作了,才知道(dào)哪個應該多學(xué)點,但好(hǎo)在我都(dōu)有學(xué)過(guò),所以有個好(hǎo)的基礎在這(zhè)裡(lǐ),也就不怕了,比如說:flash,公司要求技術人員會(huì)做flash,flash這(zhè)東西以前我在宿舍的時候經(jīng)常玩的,可是後(hòu)來在分析就業情況時,分析錯了方向(xiàng),以爲這(zhè)東西沒(méi)有什麼(me)用處,結果就給荒廢了。但好(hǎo)在還(hái)有印象,并且當初記了很多的筆記,所以說記筆記是很重要的事(shì)情。而其它像javascript、xml、數據庫這(zhè)些東西我都(dōu)學(xué)過(guò),隻是實踐能(néng)力稍差一點,但好(hǎo)在從前在學(xué)習方面(miàn)用的功不是白費的。通過(guò)這(zhè)種(zhǒng)實戰環境,和半個月的刻苦學(xué)習,我終于可以感上小組的工作進(jìn)度了,已經(jīng)可以很好(hǎo)的完成(chéng)領導教給我的任務了。

像我這(zhè)個組常用的是css+div排版,後(hòu)台使用php技術進(jìn)行開(kāi)發(fā),服務器平台采用,linux+apache+mysql+php,這(zhè)種(zhǒng)lamp組合,我很高興在學(xué)校學(xué)的東西能(néng)學(xué)有所用。以前我們是用表格(table)進(jìn)行排版,這(zhè)種(zhǒng)方式簡單但是已經(jīng)有些過(guò)時了,現在大部分網站都(dōu)開(kāi)始了重新構架,所以都(dōu)采用css+div進(jìn)行網頁排版,我目前正在學(xué)習,掌握的還(hái)算比較快。而在後(hòu)台開(kāi)發(fā)部分,我們使用php來進(jìn)行開(kāi)發(fā),我的工作是手寫一些小模塊。或者用javascript寫一些特效小代碼。

三、工作流程

小組分工時,我負責後(hòu)台裡(lǐ)小模塊的開(kāi)發(fā)工作,如:留言闆或論壇,還(hái)有一部分javascript代碼編寫工作。前台部分的工作是和組裡(lǐ)的丁珊珊做一些排版的工作,使用css+div技術。編寫代碼這(zhè)種(zhǒng)工作看起(qǐ)來有些枯燥,其實時間長(cháng)了以後(hòu),還(hái)真有點厭煩,但是後(hòu)來我明白,隻有將(jiāng)自己的本職工作做好(hǎo),提高自己的技術,做出優良的東西,這(zhè)樣(yàng)自己才會(huì)有價值感,才會(huì)對(duì)自己的工作保持新鮮感。所以我每天都(dōu)在工作後(hòu),記錄下每天在技術上的不足之處,回家後(hòu),將(jiāng)強學(xué)習,這(zhè)所謂:找出不會(huì)的地方,學(xué)會(huì)它,你就變的強大了。

php是現在比較流行的一種(zhǒng)網站開(kāi)發(fā)技術,由于它是開(kāi)源的免費代碼,并因良好(hǎo)的跨平台性能(néng)受到了大重的喜歡,我個人認爲php很簡單,适合初學(xué)者學(xué)習使用,但是在某些地方想要做好(hǎo),就需要你認真的學(xué)習了。目前,我負責的隻是技術性較低和規模較小的模塊,不過(guò),我覺得從簡單處做起(qǐ)也挺好(hǎo)的,但是我在寫代碼時,還(hái)是經(jīng)常犯些小錯誤,導緻代碼頁面(miàn)經(jīng)常出錯,而自己往往還(hái)找不到是哪錯了,有幾次急的都(dōu)不行,不管怎麼(me)弄,結果就是錯誤,後(hòu)來我才發(fā)現,原來隻是一個小錯誤,小的不仔細察看,我都(dōu)找不到。于是我明白,做開(kāi)發(fā)工作,一定要細心,否則就會(huì)給自己和别人帶來麻煩。

四、安全檢查

安全檢查是很重要的一個環節,就像你給人家蓋房子,房子蓋好(hǎo)了,可是門和窗不結實,那這(zhè)種(zhǒng)就必然不會(huì)安全的了。頁站的制做也是同樣(yàng)的道(dào)理,在安全方面(miàn),有一個地方是和開(kāi)發(fā)人員有很大的關系的。因爲開(kāi)發(fā)人員技術的高低決定了網站的安全性,有些人員在一些環節上的疏漏,很有可能(néng)導緻網站在實際使用時,遭到黑客攻擊,如果造成(chéng)了經(jīng)濟損失就無法挽救了。

所以,我們每個人在將(jiāng)各自的工作完成(chéng)以後(hòu),組長(cháng)和其它專門的技術人員會(huì)對(duì)網站的安全性進(jìn)行測試,找出存在的漏洞,然後(hòu)加以修改。以使它的安全性達到最高最穩定的狀态。

在公司進(jìn)行實習工作的這(zhè)段時間,我在個人技術上收獲了很多,現在的我已經(jīng)能(néng)獨檔一面(miàn)了,做一些難度比較大的工作,我通過(guò)優異的表現,已經(jīng)轉爲正式員工,我對(duì)自己的表現感到滿意,最重要的是我給自己的學(xué)校争了光,但是在社交能(néng)力方面(miàn),溝通能(néng)力上還(hái)有不足的地方。我決定在今後(hòu)的工作和學(xué)習,要加強和别人的溝通能(néng)力。使自己變的更好(hǎo),爲國(guó)家爲社會(huì)做出更多的貢獻。

網頁設計實訓總結心得6篇相關 文章 :

★ 網頁設計實訓總結心得6篇

★ 網頁設計實習心得體會(huì)3篇

★ 網頁設計實訓報告心得

★ 網頁設計實訓心得

★ 網頁設計實習心得體會(huì)總結

★ 網頁設計實訓心得三篇

★ 網頁設計實習心得體會(huì)

★ 網頁設計實習心得體會(huì)感想

★ 學(xué)習網頁設計的總結

★ 有關網頁制作實訓報告心得體會(huì)

關于網站建設實訓報告3000和網站建設實訓報告1500字的介紹到此就結束了,不知道(dào)你從中找到你需要的信息了嗎 ?如果你還(hái)想了解更多這(zhè)方面(miàn)的信息,記得收藏關注本站。

掃碼二維碼