本篇文章給大家談?wù)剟?dòng)態(tài)網(wǎng)站建設(shè)心得，以及動(dòng)態(tài)網(wǎng)站開發(fā)心得體會(huì)對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、急求一篇?jiǎng)討B(tài)網(wǎng)頁設(shè)計(jì)報(bào)告書。急?。。。。。。。?！請(qǐng)各位大哥大姐幫幫忙。郵箱904013391@qq.com
• 2、php動(dòng)態(tài)網(wǎng)頁 家鄉(xiāng)網(wǎng)站設(shè)計(jì)心得體會(huì)
• 3、動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與開發(fā)
• 4、網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得三篇

急求一篇?jiǎng)討B(tài)網(wǎng)頁設(shè)計(jì)報(bào)告書。急?。。。。。。。?！請(qǐng)各位大哥大姐幫幫忙。郵箱904013391@qq.com

《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制造》設(shè)計(jì)說明書

課程名稱：網(wǎng)頁設(shè)計(jì)

設(shè)計(jì)題目：我的家鄉(xiāng)

院系：建筑信息工程系

專業(yè)班級(jí)：計(jì)算機(jī)0901

學(xué)生姓名：

學(xué)號(hào)：200913190

指導(dǎo)教師:徐美霞

起止日期：2010年12月20到2010年12月24日

第 1 頁 共 13 頁

我的家鄉(xiāng)網(wǎng)頁制作過程

一、 網(wǎng)站開發(fā)目的和功能簡(jiǎn)介

隨著網(wǎng)絡(luò)技術(shù)的發(fā)展與互聯(lián)網(wǎng)的普及，網(wǎng)站建設(shè)與網(wǎng)頁制作越來越成為各行各業(yè)以及個(gè)人宣傳自己的有利工具，、網(wǎng)站在當(dāng)今時(shí)代被越來越多的人用來宣傳，通過網(wǎng)站的制作可以讓老師、同學(xué)以及朋友更好的了解自己以及別人想要知道的事情，我現(xiàn)在做的是關(guān)于我的家鄉(xiāng)，為別人提供了一個(gè)更深入了解自己的一個(gè)平臺(tái)，本網(wǎng)站主要功能是讓更多的人去了解我了解我的家鄉(xiāng)

二、 網(wǎng)站的設(shè)計(jì)

2.1 網(wǎng)站的名稱：我的家鄉(xiāng)

2.2 網(wǎng)站欄目劃分

根據(jù)本網(wǎng)站的內(nèi)容和功能劃分為：我的心語、導(dǎo)航鏈接、各地方的簡(jiǎn)介、體現(xiàn)家鄉(xiāng)的圖片、版權(quán)聲明等。

（1）我的心語——對(duì)我們宿舍的六個(gè)簡(jiǎn)介，提示對(duì)照網(wǎng)站的主題體現(xiàn)我們的家鄉(xiāng)；（2）導(dǎo)航鏈接——鏈接到各自設(shè)置的網(wǎng)頁各自的家鄉(xiāng)；（3）各地方的簡(jiǎn)介——簡(jiǎn)單介紹了我們各自的家鄉(xiāng)，了解了家鄉(xiāng)的知識(shí)文化；（4）圖片——列舉了每個(gè)地方的代表圖片，用另一種方式展現(xiàn)出不同的風(fēng)采；（5）版權(quán)聲明——聲明了網(wǎng)站的建設(shè)者

具體如圖所示:

2.3網(wǎng)站導(dǎo)航應(yīng)用于所有頁面提高網(wǎng)站的操作友好性。

2.4網(wǎng)站的風(fēng)格與色彩選擇：頁面以淺綠和淺黃色為主。淺綠色體現(xiàn)了活力，字體實(shí)用淺棕色和淡淡的灰色給人一種清析、穩(wěn)重的感覺。所有頁面色調(diào)統(tǒng)一，布局相似。

2.5網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì)合理：不同素材采用不同學(xué)文件夾分開存放。如圖片放在image

文件夾、flash放在flash文件夾內(nèi)、完成作業(yè)放在以自己名字命名的文件夾內(nèi)等

三、 聊城首頁的制作過程

3.1首頁版圖：

首頁、導(dǎo)航鏈接、內(nèi)容、個(gè)網(wǎng)頁鏈接

3-1

整個(gè)頁面分為四部分，第一部分是以一個(gè)flash文件顯示動(dòng)態(tài)的圖片，主要是網(wǎng)站的突出顯示；第二部分是導(dǎo)航欄；第三部分是詳細(xì)內(nèi)容，其中網(wǎng)頁中的文字排得整齊緊湊，這樣能給人一種舒服的感覺。在網(wǎng)頁適當(dāng)?shù)牡胤郊右恍﹫D片，每張畫面再加一些不同的文字說明，使得網(wǎng)頁顯得更加的精美；第四部分是各網(wǎng)頁鏈接。采用這種布局，主要是給瀏覽者一種簡(jiǎn)單、清晰、明了的感覺，使網(wǎng)站整齊劃一。

具體的布局顯示如下所示：

3-2

3.2制作過程：：本網(wǎng)頁制作分為三個(gè)部分：頂部是用flash制作的頁頭。中部又分為左右兩個(gè)部分，左邊為家鄉(xiāng)簡(jiǎn)單的介紹和鏈接，制作的動(dòng)態(tài)圖片使用時(shí)間軸讓圖片自動(dòng)播放，還有從頂部滑下的圖片自動(dòng)循環(huán)播放；右邊為家鄉(xiāng)的各景點(diǎn)的見解。我還為網(wǎng)頁設(shè)置了背景圖片，在最后利用spry選項(xiàng)卡添加的圖片。

四、聊城首頁制作過程

4.1新建一個(gè)頁面，命名為聊城首頁（index）

4.2在頁面屬性的外觀中設(shè)置四邊邊距為0，文本顏色設(shè)為：#9900CC，大小設(shè)為18像素；在鏈接中設(shè)置下劃線樣式為：有下劃線；鏈接顏色為：#0000FF。

4.3（1）首頁（index）制作

利用樣式定義各個(gè)部分的高寬，將./image/195911NM-10.gif設(shè)為背景圖片。頁頭圖片為水城明珠.jpg設(shè)置flash動(dòng)畫為左右橘色.swf代碼如下：

頁頭圖片的設(shè)計(jì)代碼：（圖如上3-2）

div id="Layer3" style="left: 30px; top: 34px; width: 186px; height: 175px;"span class="f3cf8da254d3b6cf STYLE3"a href="liaocheng.html"img src="../image/201042717165.jpg" name="Image1" width="186" height="174" //a/span/div

a name="dingbu" id="dingbu"/a

table width="967" height="817" border="1" align="center" bordercolor="#000000"

tr

td height="190" colspan="2" valign="top" bgcolor="#FFFFFF"img src="../image/水城明珠.jpg" width="956" height="202" //td

/tr

Flash動(dòng)畫設(shè)置代碼如下：

div id="Layer2"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','957','height','210','src','../FLASH/左右橘色','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/左右橘色' ); //end AC code

/script

noscript

object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="957" height="210"

param name="movie" value="../FLASH/左右橘色.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/左右橘色.swf" width="957" height="210" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

（2）景陽岡（jyg）頁設(shè)計(jì)

此網(wǎng)頁運(yùn)用了一些代碼實(shí)現(xiàn)了文字的滾動(dòng)代碼：td width="213" td width="213" height="363" bgcolor="#FFFFFF"marquee direction="left" width="310" height="620" scrollamount="1" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

pspan class="8da254d3b6cfb3ac STYLE21"景陽岡其址在陽谷城東18公里處，沙岡頂部正中，建有一座民族形式的廟宇，俗稱“武松廟”，據(jù)傳始建于明代中期,后被毀?，F(xiàn)存古廟為1958年修建。廟前方有一幢刻有“景陽岡”三個(gè)大字的石碑，系我國當(dāng)代著名書法家舒同所題。廟東二、三百米處，有一刻有“武松打虎處”的墨玉色石碑。 1973年以來，經(jīng)省考古隊(duì)多次試掘，認(rèn)定景陽岡為“龍山文化”遺址國家首批AAA級(jí)景區(qū)，水滸旅游線上重要景點(diǎn)，武松打虎人人皆知，武松打虎的地方不是人人都去過景陽岡景區(qū)總占地面積33.3公頃。景區(qū)內(nèi)沙丘起伏，莽草叢生，林蔭蔽日，主要景點(diǎn)：已有200余年歷史的山神廟廟的左前方立有原中共山東省委書記舒同題寫的“景陽岡”石碑，右前方立有著名書法家楊萱庭書寫的高3米的“虎”字碑；南宋時(shí)期所立“武松打虎處”石碑；趙樸初所書寫門匾的“武松廟”；由徐悲鴻的夫人、書法家廖靜文題名的六角單檐的虎嘯亭；由著名畫家劉繼卣創(chuàng)作的“武松打虎”浮雕石像；有傳為武松打死的那只老虎的化身——“天下第一虎”石，三碗不過岡酒店……/spanbr /

/p

/marquee

頁頭圖片為聊城.jpg設(shè)置flash動(dòng)畫穿越星空.swf、煙花綻放.swf代碼如下：

tr

td height="186" colspan="3" valign="top"img src="../image/聊城.jpg" width="1016" height="224" //td

/tr

Flash文件代碼：

div id="apDiv1"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','991','height','217','src','../FLASH/穿越星空','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/穿越星空' ); //end AC code

/scriptnoscriptobject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="991" height="217"

param name="movie" value="../FLASH/穿越星空.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/穿越星空.swf" width="991" height="217" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

div id="apDiv2"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','390','height','211','src','../FLASH/煙花綻放','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/煙花綻放' ); //end AC code

/scriptnoscriptobject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="390" height="211"

param name="movie" value="../FLASH/煙花綻放.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/煙花綻放.swf" width="390" height="211" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

完成效果如下

3-3

（3）鳳凰苑（fhy）網(wǎng)頁設(shè)計(jì)

鳳凰苑網(wǎng)頁設(shè)計(jì)為突出鳳凰苑的特色頁頭采用鳳凰園內(nèi)比較突出的產(chǎn)品來體現(xiàn)鳳凰苑的科技（仙人掌、日本無花果等……）頁頭采用flash是左右5.swf、蝴蝶飛飛.swf，此網(wǎng)頁插入的是一個(gè)由flash做的圖片實(shí)現(xiàn)圖片的從右向左的滾動(dòng)，使用了上面網(wǎng)頁中文字滾動(dòng)的方法，使用的代碼

（div id="apDiv7"

td width="213" height="363" bgcolor="#FFFFFF"marquee direction="left" width="1020" height="150" scrollamount="10" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

pspan class="54d3b6cfb3ac92ca STYLE29"聊城市鳳凰苑農(nóng)業(yè)科技園，引種國內(nèi)外名優(yōu)稀特果樹品種100余個(gè)，綠化和國家造紙工業(yè)用樹毛白楊品種20幾個(gè)，并繁育了600余萬株苗木，以滿足本市及周邊地區(qū)農(nóng)業(yè)種植結(jié)構(gòu)調(diào)整和發(fā)展農(nóng)村高效經(jīng)濟(jì)的需要。

主要品種如下：

（1）日本仙桃王： 該桃有如下顯著特點(diǎn)：個(gè)頭特大，平均單果重500克，最大可達(dá)1350克；品質(zhì)極佳，外觀全紅，脆肉型、香甜、爽口，含糖量可達(dá)23％；極耐貯運(yùn)，常溫下可存20天，恒溫庫可存3至4個(gè)月，實(shí)為中秋、元旦，待客之佳品；樹上掛果期長，8月下旬至9月下旬，可陸續(xù)面市，這是其他任何桃品種所不能比擬的。

（2）韓國早熟有名桃： 在鳳凰苑區(qū)，6月底成熟，全紅，鮮艷極為漂亮，單果重可達(dá)300克，脆肉型濃甜，多汁，極為豐產(chǎn)，與其他早熟桃相比，風(fēng)味極佳，市場(chǎng)開發(fā)前景看好。

（3）韓國有名桃：韓國農(nóng)家實(shí)生育成，九月下旬成熟，平均單果重350克，清香味濃，汁多味極甜，半溶質(zhì)，耐貯運(yùn)，外觀紅色鮮艷，是韓國晚熟主栽品種。

（4）美國扁桃： 86－1、86－2、86－9是從美國扁桃中選育出的幾個(gè)優(yōu)系，86－1、86－4出仁率均在45％以上，86－9又是其最好授粉品種。美國扁桃又稱美國大杏仁，具抗旱耐瘠薄，適應(yīng)性強(qiáng)，耐粗放管理等特點(diǎn)，一般栽后三年結(jié)果，五年形成規(guī)模產(chǎn)量，豐產(chǎn)期畝產(chǎn)大杏仁500公斤，國內(nèi)市場(chǎng)現(xiàn)行價(jià)56元／公斤，效益極為可觀。美國扁桃是荒灘、四旁發(fā)展的理想樹種，也是農(nóng)家致富的理想樹種。

（5）六月雪梨： 是我國研究開發(fā)的最早品種梨，比綠寶石早熟20天，平均單果重180克，果肉細(xì)白，石細(xì)胞無，脆甜多汁，通過我園區(qū)高接觀察，此品種座果率高，極豐產(chǎn)，抗黑星病。

（6）脫毒草莓系列：鳳凰苑從國家果樹所引進(jìn)脫毒草莓系列品種：美香莎 荷蘭引進(jìn)，是當(dāng)今壟斷歐美早春市場(chǎng)的王牌草莓品種，極早熟，果堅(jiān)硬，風(fēng)味佳。果肉紅色，最大單果重可達(dá)118克，芳香，濃郁，適促成半促成栽培和落地栽培，將是農(nóng)業(yè)高效開發(fā)的理想品種。其他草莓品種，鬼怒甘、酒心糖、新哈尼、全明星等18個(gè)。/spanbr /

/p

/marquee

/div）

改變字母的滾動(dòng)方向向左（left）實(shí)現(xiàn)不同于上一網(wǎng)頁的滾動(dòng)，頁頭flash的設(shè)置，同與上一網(wǎng)頁。

完成效果圖如下

（4）光岳樓（gyl）、東昌湖（dch）采用同樣的設(shè)計(jì)完成。

五、設(shè)計(jì)技術(shù)總結(jié)

為了使我們的網(wǎng)站更加實(shí)用、內(nèi)容豐富，我們?cè)诰W(wǎng)站里用了很多的技術(shù)，包括flash photoshop 等圖片處理和動(dòng)畫，運(yùn)用dreamweaver中相關(guān)知識(shí)制作各種特效比如圖層運(yùn)用、時(shí)間軸運(yùn)用等。

5.1在素材收集和處理上本人花費(fèi)了大量時(shí)間處理網(wǎng)站動(dòng)畫、真實(shí)照片收集、個(gè)人信息。如應(yīng)用PHOTOSHOP對(duì)相片進(jìn)行整體處理。利用flash制作了滾動(dòng)動(dòng)畫。

5.2文字滾動(dòng)效果，代碼如下：

td width="213" height="363" bgcolor="#FFFFFF"marquee direction="up" width="179" height="150" scrollamount="1" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

p內(nèi)容 br /

/p

/marquee

六、實(shí)習(xí)心得

本次網(wǎng)站主要是運(yùn)用本學(xué)期學(xué)過的知識(shí)來布局應(yīng)用、制作動(dòng)畫效果，通過本次的網(wǎng)站設(shè)計(jì)，運(yùn)用了本學(xué)期所學(xué)到的知識(shí)這樣不僅復(fù)習(xí)了本學(xué)期學(xué)過的一些知識(shí)，同時(shí)也加深所學(xué)知識(shí)的內(nèi)容，這次的網(wǎng)頁制作使我學(xué)會(huì)了很多，有關(guān)怎么收集資料，怎樣用最快的方法收集資料，怎樣收集有效的資料，怎樣整理資料，怎樣使自己的下載的資料便于查找，也學(xué)會(huì)了網(wǎng)頁的制作，學(xué)會(huì)了運(yùn)用網(wǎng)頁特效，怎樣的特效才能凸現(xiàn)網(wǎng)頁主題。在制作網(wǎng)站的過程中，也碰到了不少的不明白的地方通過老師同學(xué)的幫助也解決了不少問題，通過循序漸進(jìn)的學(xué)習(xí)慢慢地完成了本次的網(wǎng)站建設(shè)，這次做的網(wǎng)頁雖不是很好看，有不足之處，比如動(dòng)態(tài)頁面的制作、腳本的運(yùn)用、一些效果的運(yùn)用等運(yùn)用的不夠靈活，同時(shí)網(wǎng)頁布局也不是很完善，可是我花了很多時(shí)間來完成它，所以呢，它對(duì)我以后做網(wǎng)頁有很大的幫助。在此次做網(wǎng)頁的過程中也讓我學(xué)到了很多東西，所以呢從我內(nèi)心來說我是很滿意我的這次經(jīng)歷，同時(shí)也要謝謝老師安排這樣的實(shí)習(xí)周，為什么呢？因?yàn)樵谥谱鬟^程中我不僅學(xué)到了書上沒有的東西，也培養(yǎng)了我獨(dú)立思考問題的能力，同時(shí)還增強(qiáng)了同學(xué)之間的團(tuán)結(jié)互助的友誼。因此，不論從哪個(gè)角度來說，老師此次布置的任務(wù)是上大學(xué)以來唯一把知識(shí)用于實(shí)踐的第一回，再一次謝謝你老師?？傊@次設(shè)計(jì)就是在不斷的“發(fā)現(xiàn)問題——解決問題——再發(fā)現(xiàn)問題——再解決問題——”這個(gè)學(xué)習(xí)過程中完成的。今后我將繼續(xù)努力，把

php動(dòng)態(tài)網(wǎng)頁 家鄉(xiāng)網(wǎng)站設(shè)計(jì)心得體會(huì)

人們?cè)陂喿x某種信息時(shí)，視覺總有一種自然的流動(dòng)習(xí)慣，先看什么，后看什么，再看什么。

在心理學(xué)的研究表明，一般的瀏覽習(xí)慣是從上到下、從左到右，在一個(gè)平面上，上松下穩(wěn)而

壓抑。同樣，平面的左松右穩(wěn)。所以平面的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣

平面的上部和中上部被稱為

"

最佳視域

"

，也就是最優(yōu)選的地方。在網(wǎng)頁設(shè)計(jì)中一些突出或推

薦的信息通常都放在這個(gè)位置。

當(dāng)然這種視覺流程只是一種感覺并非一種固定的公式，

只要

符合人們的心理順序和邏輯順序，

就可以更為靈活地運(yùn)用，

在網(wǎng)頁設(shè)計(jì)中，

靈活而合理地運(yùn)

用直接影響到傳達(dá)信息的準(zhǔn)確與有效性。

二、網(wǎng)站風(fēng)格

/

創(chuàng)意

風(fēng)格

(style)

是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。整體形象包括站點(diǎn)的版面

布局，色彩，字體，瀏覽方式等

…

。如：我們覺得迪斯尼是生動(dòng)活潑的而

IBM

則是專業(yè)嚴(yán)

肅的。

每一個(gè)網(wǎng)站都會(huì)給人們留下的不同感受。

這里我們需要做到的是根據(jù)網(wǎng)站的定位做出

網(wǎng)站特有的風(fēng)格。

除此我們還需要在風(fēng)格同一上需要把握一下，

其實(shí)這個(gè)風(fēng)格的統(tǒng)一和傳統(tǒng)

的印刷出版物沒什么區(qū)別。你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、

標(biāo)題、注腳什么的，都要統(tǒng)一風(fēng)格，貫穿全站。這樣子用戶看起來舒服、順暢，會(huì)對(duì)你的網(wǎng)

站留下一個(gè)

"

很專業(yè)

"

的印象。而企業(yè)網(wǎng)站設(shè)計(jì)師往往就缺乏這一點(diǎn)，沒有全局意思。

創(chuàng)意，所謂創(chuàng)意就是不拘一格

?

某些設(shè)計(jì)師在做創(chuàng)意的時(shí)候大費(fèi)周章，做出來確實(shí)不可否認(rèn)

很有創(chuàng)意、很別致，但往往對(duì)于行業(yè)網(wǎng)站的客戶為什么不能接受呢

?

此時(shí)不要太責(zé)怪客戶的

不識(shí)貨，應(yīng)該反思，

抓住客戶的需求。其實(shí)做行業(yè)網(wǎng)站不需要很多大的創(chuàng)意，也不要浪費(fèi)過

多的時(shí)間去追求如何個(gè)性、

網(wǎng)站建設(shè)如何好看，

我們只需要一點(diǎn)小小的創(chuàng)意貫穿全站，

也許

會(huì)使網(wǎng)站更生動(dòng)更具有吸引力、更有思想，比如中國現(xiàn)車交易網(wǎng)

(2005

年此站已經(jīng)消失

)

就

是一個(gè)很好的案例，它把車的外形融入到網(wǎng)站中，使它脫穎而出。

三、網(wǎng)站配色

1.

用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，

(

說得通俗些就是

將色彩變淡或則加深

)

，產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。

2.

用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色

(

在

Photoshop

里按

ctrl+shift+I)

再進(jìn)

行微小的調(diào)整。整個(gè)頁面色彩豐富但不花稍。

3.

用一個(gè)色系。

簡(jiǎn)單的說就是用一個(gè)感覺的色彩，

例如淡藍(lán)，

淡黃，

淡綠；

或者土黃，

土灰，

土藍(lán)。

也就是在同一色系里面采用不同的顏色使網(wǎng)頁增加色彩，而又不花，

色調(diào)統(tǒng)一。

這種

配色方法在網(wǎng)站設(shè)計(jì)種最為常用。

4.

灰色在網(wǎng)頁設(shè)計(jì)中又稱為

"

萬能色

"

，其特點(diǎn)是可以和任何顏色搭配，在使用時(shí)把握量避免

網(wǎng)頁變灰。

在網(wǎng)頁配色中，盡量控制在三種色彩以內(nèi)，以避免網(wǎng)頁花、亂、沒有主色的顯現(xiàn)。背景和前

文的對(duì)比盡量要大，

(

絕對(duì)不要用花紋繁復(fù)的圖案作背景

)

，以便突出主要文字內(nèi)容。

四、

網(wǎng)站

LOGO Logo

顧名思義就是站點(diǎn)的標(biāo)志圖案，

logo

最重要的就是用圖形化的方式傳

遞網(wǎng)站的定位和經(jīng)營理念、同時(shí)便于人們識(shí)別。網(wǎng)站制作

logo

的設(shè)計(jì)過程中一般有以下三

種思路：

1.

直接以網(wǎng)站網(wǎng)址作為

logo

。

2.

根據(jù)網(wǎng)站提供的產(chǎn)品

/

服務(wù)特點(diǎn)展開

logo

設(shè)計(jì)。

3.

以傳遞網(wǎng)站運(yùn)營商的經(jīng)營理念為特色。

五、網(wǎng)頁框架與布局

網(wǎng)頁布局大致可分為

"

國

"

字型、

拐角型、

"T"

字型、

"L"

字型、

綜合框架型、

Flash

型、

變化型，

在這里就不做一一論述了。

其實(shí)在我們?cè)谧鲈O(shè)計(jì)的時(shí)候并沒有過多的去考慮什么形式，

比如

我們?cè)谝粡埣埧吹揭粋€(gè)圓形的東西，

很容易可以聯(lián)想到它像太陽，

而有些人則聯(lián)想到月亮等

等

…

這都是一種形式比喻，

最重要的是抓住客戶的需求，

把握網(wǎng)站的定位做處合理的框架布

動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與開發(fā)

動(dòng)態(tài)網(wǎng)站的優(yōu)勢(shì)劣勢(shì)

與靜態(tài)頁面網(wǎng)站設(shè)計(jì)不同，asp生成的動(dòng)態(tài)頁面信息不但不易被搜索引擎所檢索，而且打開速度慢，再者也不穩(wěn)定，這就是為什么這么多專業(yè)網(wǎng)站建設(shè)公司都一再建議客戶使用靜態(tài)形式的網(wǎng)站設(shè)計(jì)的原因，有些網(wǎng)站建設(shè)公司會(huì)考慮把頁面進(jìn)行偽靜態(tài)處理，但不知道大家有沒有注意過，偽靜態(tài)處理的url通常是不規(guī)則的。

如今隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，越來越多的建站技術(shù)被應(yīng)用到網(wǎng)站建設(shè)中來，一些開發(fā)語言也慢慢的被替換，之前，旭網(wǎng)科技給客戶做的的網(wǎng)站很多是采用靜態(tài)頁面網(wǎng)站設(shè)計(jì)技術(shù)，但這樣的頁面也因?yàn)闆]有數(shù)據(jù)庫作為支持而缺乏互動(dòng)功能，因此動(dòng)態(tài)網(wǎng)站制作技術(shù)也就慢慢的成為網(wǎng)站建設(shè)行業(yè)的主流。只是，如何把握好動(dòng)態(tài)結(jié)合的最佳系數(shù)，不同的專業(yè)企業(yè)網(wǎng)站建設(shè)公司有不同的做法。

靜態(tài)網(wǎng)頁與動(dòng)態(tài)的區(qū)別

程序是否在服務(wù)器端運(yùn)行，是重要標(biāo)志。在服務(wù)器端運(yùn)行的程序、網(wǎng)頁、組件，屬于動(dòng)態(tài)網(wǎng)頁，它們會(huì)隨不同客戶、不同時(shí)間，返回不同的網(wǎng)頁，例如asp、 php、jsp、asp.net、cgi等。運(yùn)行于客戶端的程序、網(wǎng)頁、插件、組件，屬于靜態(tài)網(wǎng)頁，例如html頁、flash、javascript、 vbscript等等，它們是永遠(yuǎn)不變的。

靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁各有特點(diǎn)，網(wǎng)站采用動(dòng)態(tài)網(wǎng)頁還是靜態(tài)網(wǎng)頁主要取決于網(wǎng)站的功能需求和網(wǎng)站內(nèi)容的多少，如果網(wǎng)站功能比較簡(jiǎn)單，內(nèi)容更新量不是很大，采用純靜態(tài)網(wǎng)頁的方式會(huì)更簡(jiǎn)單，反之一般要采用動(dòng)態(tài)網(wǎng)頁技術(shù)來實(shí)現(xiàn)。

靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)的基礎(chǔ)，靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁之間也并不矛盾，為了網(wǎng)站適應(yīng)搜索引擎檢索的需要，即使采用動(dòng)態(tài)網(wǎng)站技術(shù)，也可以將網(wǎng)頁內(nèi)容轉(zhuǎn)化為靜態(tài)網(wǎng)頁發(fā)布。

動(dòng)態(tài)網(wǎng)站也可以采用靜動(dòng)結(jié)合的原則，適合采用動(dòng)態(tài)網(wǎng)頁的地方用動(dòng)態(tài)網(wǎng)頁，如果必要使用靜態(tài)網(wǎng)頁，則可以考慮用靜態(tài)網(wǎng)頁的方法來實(shí)現(xiàn)，在同一個(gè)網(wǎng)站上，動(dòng)態(tài)網(wǎng)頁內(nèi)容和靜態(tài)網(wǎng)頁內(nèi)容同時(shí)存在也是很常見的事情。

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得三篇

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得一：

這兩個(gè)星期是我們的網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)時(shí)間，這正是考驗(yàn)我們實(shí)力的時(shí)候了。

經(jīng)過一個(gè)學(xué)期的網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)，我們的專業(yè)基礎(chǔ)更加扎實(shí)了，我們對(duì)于自己的專業(yè)學(xué)習(xí)更加有信心了。一開始對(duì)于網(wǎng)站設(shè)計(jì)我是抱著好奇以及興趣認(rèn)真地學(xué)習(xí)，剛開始接觸網(wǎng)頁設(shè)計(jì)會(huì)覺得很神奇，平時(shí)上網(wǎng)接觸到的網(wǎng)頁可以通過自己的努力來建成。一心想著設(shè)計(jì)一個(gè)美觀大氣的大網(wǎng)站，可以與其他網(wǎng)站媲美。對(duì)于我這種初學(xué)者，有這種天真的夢(mèng)想促使我更努力的學(xué)習(xí)網(wǎng)頁設(shè)計(jì)。

平時(shí)老師授課，講解了有關(guān)網(wǎng)頁設(shè)計(jì)的理論知識(shí)以及實(shí)際操作的示范。網(wǎng)頁設(shè)計(jì)更著重于實(shí)際操作，我們?cè)跈C(jī)房通過每次上課的學(xué)習(xí)運(yùn)用，已經(jīng)有了一定的基礎(chǔ)。一開始我們都是看著別人的網(wǎng)站去模仿建設(shè)，到后來每個(gè)人在設(shè)計(jì)自己的網(wǎng)頁時(shí)都有自己的人個(gè)人風(fēng)格，這就是網(wǎng)頁設(shè)計(jì)的樂趣。他不僅可以激發(fā)同學(xué)們的興趣，還可以把自己的風(fēng)格更大膽地展示出來，是一個(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)用起來，我才發(fā)覺對(duì)我軟件功能的不太熟悉，除了基本的框架構(gòu)建，其他的設(shè)計(jì)都需要比較長的時(shí)間去思考以及翻查書本。但是同學(xué)們都很積極地向老師提問，把自己存在的問題一一的解決掉。雖然建立網(wǎng)站不是很順利，也只有這樣我們才可以正視自身，把平時(shí)半桶水的聽課方式給改掉。在這次的網(wǎng)站建設(shè)過程中，我發(fā)現(xiàn)自己對(duì)于知識(shí)不能靈活運(yùn)用，不能巧妙地結(jié)合起來，對(duì)代碼的不熟悉，這更加是一個(gè)大問題。建站過程中會(huì)遇到代碼出錯(cuò)，代碼位置寫錯(cuò)之類的問題，當(dāng)測(cè)試的時(shí)候出現(xiàn)了錯(cuò)誤但是不能看懂出錯(cuò)原因，只能靠網(wǎng)上搜索。因?yàn)閷?duì)于這種程序的東西我會(huì)比較抗拒，從小就不喜歡思維性太強(qiáng)的學(xué)習(xí)，所以建站會(huì)遇到比較多這種問題，但是我只能積極去面對(duì)才能完成任務(wù)，畢竟這是我的專業(yè)，為了專業(yè)而專業(yè)，不能說不喜歡就不愿意去學(xué)，這次實(shí)訓(xùn)我反省了自身的存在問題。我們建立網(wǎng)站的時(shí)候都發(fā)揮自己的創(chuàng)新力、 想象力 ，用心地完成這個(gè)大項(xiàng)目。會(huì)遇到很多的問題，經(jīng)常因?yàn)橐粋€(gè)細(xì)小的步驟而出錯(cuò)，做動(dòng)態(tài)網(wǎng)頁的時(shí)候會(huì)遇到更多類似的問題，通常都會(huì)花費(fèi)我很多時(shí)間來解決出錯(cuò)原因。打個(gè)比方，我會(huì)一個(gè)上午都在弄留言板，因?yàn)椴恢莱鲥e(cuò)原因，當(dāng)請(qǐng)教老師或是同學(xué)的時(shí)候才恍然大悟，原來是這么簡(jiǎn)單的。當(dāng)然，最終可以解決困難我還是很欣慰的。

當(dāng)我真正建立起自己的網(wǎng)站的時(shí)候，我看著自己的作品非常地興奮，這是我用心血完成的只屬于自己的網(wǎng)站，特別地欣慰。因?yàn)檫^程的困難，我更加珍惜自己第一次的作品，做每一步都會(huì)小心翼翼，就像母親生怕會(huì)失去自己的孩子一樣，我就是這樣的感受。

我可以說網(wǎng)頁設(shè)計(jì)給了我很大的收獲，我是用我的熱情去學(xué)習(xí)，也是用我的真心去設(shè)計(jì)，屬于自己的東西永遠(yuǎn)是最美好的。網(wǎng)頁設(shè)計(jì)不是用嘴巴就可以設(shè)計(jì)的，更需要的我們的堅(jiān)持、創(chuàng)新、用心，才能收獲更大的勝利。

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得二：

轉(zhuǎn)眼間，已到了期末，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)這門課程也要結(jié)束了，雖然時(shí)間有點(diǎn)短，但是學(xué)過這個(gè)幾周以后我受益匪淺。

記得最初接觸dreamweaver的時(shí)候，我很茫然，因?yàn)閯偨佑|陌生的軟件心里會(huì)很害怕跟不上老師的進(jìn)程。剛開始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進(jìn)程開始加速，有些跟不上了，需要下課后自己補(bǔ)上，問老師和周圍的同學(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)頁。

第二個(gè)網(wǎng)頁設(shè)計(jì)老師要求相對(duì)較高，用dreamweaver做一個(gè)比較接近真實(shí)的網(wǎng)頁，還要做一個(gè)二級(jí)頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個(gè)表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過ps處理出來一個(gè)版頭并且把修改過大小的圖片放進(jìn)去了。

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

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

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得三：

科學(xué)是發(fā)展生產(chǎn)力的根本前提，當(dāng)今的社會(huì)是互聯(lián)網(wǎng)蓬勃發(fā)展的世界，每當(dāng)我們上網(wǎng)的時(shí)候，那一個(gè)個(gè)精美別致的網(wǎng)頁給人是多么流暢順利的感覺，無論是尋找資料還是網(wǎng)上商城購物，都給我們帶來了方便快捷的好處，我想，科學(xué)技術(shù)的發(fā)展，離不開互聯(lián)網(wǎng)的發(fā)展，而互聯(lián)網(wǎng)的發(fā)展也離不開網(wǎng)頁制作的發(fā)展，而只有把兩者結(jié)合起來才是正確的。

首先，了解網(wǎng)頁并不是單純的認(rèn)為他僅僅只是為人們服務(wù)的，而它的存在也是給我們帶來了利益和好處。當(dāng)然，了解網(wǎng)頁首先也從幾個(gè)軟件開始：

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

而網(wǎng)頁制作就是開始從這些軟件開始著手的，今天，我終于可以學(xué)習(xí)網(wǎng)頁制作了，我們?cè)诙呸壤蠋煹慕虒?dǎo)下，各位同學(xué)們也都在聆聽老師的講解和指導(dǎo)我們運(yùn)用以上這些軟件的功能和網(wǎng)頁的剖析。所謂網(wǎng)頁，就是指一個(gè)可以瀏覽內(nèi)容并且可以使用ie瀏覽器打開的內(nèi)容稱之為網(wǎng)頁。

在剛開始接觸網(wǎng)頁的第一堂課上，聽說網(wǎng)頁制作會(huì)是一門很無聊并且很難聽懂的過程，而事實(shí)卻印證了這樣一個(gè)事實(shí)，但是只要我們努力，無論是怎樣的艱難險(xiǎn)阻，成功依然會(huì)迎面直擊。在剛開始時(shí)我覺得dreamweaver m_ __ 很難理解，不管老師做怎樣的解釋，而我卻對(duì)它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作css樣式表等，這些內(nèi)容迷糊了我的視線，真是沒想到制作一個(gè)精巧別致的網(wǎng)頁是如此的困難，可是心有不甘，每天上網(wǎng)看著那樣多的網(wǎng)頁，于是我才下定決心選擇了網(wǎng)頁制作這一門課程，目的就是希望以后能夠做出一個(gè)完美的網(wǎng)頁來。

“路漫漫其修遠(yuǎn)兮，吾將上下而求索”學(xué)習(xí)的道路是艱苦漫長的，更何況這是關(guān)于一個(gè)科學(xué)技術(shù)的一個(gè)代名詞，隨后，課堂的氣氛慢慢的好轉(zhuǎn)，耐心的老師和專心的學(xué)生在課堂上都盡情的發(fā)揮各自的才能，老師也為了能教好每一位學(xué)生，而學(xué)生也不辜負(fù)老師的使命，就這樣，網(wǎng)頁制作這一門課程進(jìn)行的很順利，學(xué)習(xí)了dreamweaver m_ __ 對(duì)它如何徹底的剖析和分解，我們終于認(rèn)清了它的原理，摸清了應(yīng)該怎樣去完全的使用它，而我們?cè)诶蠋煹闹笇?dǎo)和訓(xùn)練的結(jié)果下，終于開始做屬于自己的網(wǎng)頁了。

慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務(wù)卻是需要我們每人至少做出三個(gè)網(wǎng)頁來，且內(nèi)存不能超過3m，剛開始我以為我會(huì)對(duì)著感到很是吃力，不知道該如何是好，畢竟網(wǎng)頁才是剛剛起步，根基不穩(wěn)，怎么能夠做出這樣的網(wǎng)頁呢?而我對(duì)dreamweaver m_ __ 它也不是很熟悉，心里真是很擔(dān)憂。

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

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得三篇相關(guān) 文章 ：

★ 網(wǎng)頁設(shè)計(jì)實(shí)習(xí)心得體會(huì)3篇

★ 網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得

★ 網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告心得

★ 網(wǎng)頁設(shè)計(jì)實(shí)習(xí)心得體會(huì)感想

★ 網(wǎng)頁設(shè)計(jì)實(shí)習(xí)心得體會(huì)

★ 設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)3篇

★ 設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)范文3篇

★ 網(wǎng)頁制作實(shí)習(xí)心得

★ 有關(guān)網(wǎng)頁制作實(shí)訓(xùn)報(bào)告心得體會(huì)

★ 網(wǎng)頁制作實(shí)習(xí)心得小結(jié)

動(dòng)態(tài)網(wǎng)站建設(shè)心得的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于動(dòng)態(tài)網(wǎng)站開發(fā)心得體會(huì)、動(dòng)態(tài)網(wǎng)站建設(shè)心得的信息別忘了在本站進(jìn)行查找喔。