網(wǎng)頁制作實驗研究報告

1、網(wǎng)頁制作實驗研究報告作者:日期:2四季之音小組小組成員XXXXXXXXXXXXXXX目錄一、實驗目的錯誤!未定義書簽。二、實驗過程與思考 -1 -1 .主題選取與分工 -1 -2 .模板的設計-3 -3 .制作過程中所感與所得 -3 -XXX （導航頁、“四季之音”首頁）：-3 -XXX（春之音）：-4 -XXX（夏之音）：-5 -XXX（秋之音）：-6 -XXX（冬之音）：-9 -三、實驗總結(jié) -10 -_° ZovjlIy mus五通過親自動手制作網(wǎng)頁來熟悉 Dreamweaver 8的應用，并培養(yǎng) 實踐能力和小組合作意識。二、實驗過程與思考我們差不多都是第一次接觸網(wǎng)頁制作，小組

2、成員有的以前用 Frontpage制作過網(wǎng)頁，因為 Frontpage應用跟 Word差不多，所 以覺著網(wǎng)頁制作不會很難。初次接觸的時候覺得這個網(wǎng)頁制作也應 該不會很難，但后面實踐的時候才發(fā)現(xiàn)原來真的任何事都要自己親 自去體會才知道其中的滋味，僅憑自己想象是不會有收獲的。 這次 的網(wǎng)頁制作我們學到了不少知識， 給自己又加上了一項技術(shù)，雖然 自己不是專業(yè)人士，但也不至于以后用的時候手足無措。1 .主題選取與分工我們小組做的是以音樂為主的網(wǎng)頁。在討論階段，我們從環(huán)保、動漫、游戲、音樂這幾個方面中選 擇了音樂，因為音樂與我們的生活還是有很大關(guān)系的，音樂會影響我們的心情，會影響我們做事的效率。所以我們

3、決定以大學生的視 角，選一些大學生可能喜歡的音樂來做一個網(wǎng)站，加上對人物的介紹以及對所推薦的音樂的賞析，推薦給同樣作為大學生的其他同學 們。并且根據(jù)各類音樂的特點，將歡快、熱烈、典雅、靜謐等音樂特點分別與四季的特點結(jié)合起來。這是比較創(chuàng)新的方面。我們組 5 個成員，分工合作，4個組員(郭玫、徐孟東、李小夢、龍潔)負 責各音樂版面，組長劉甲負責主頁的設計。我們一開始覺著音樂沒有那么多分類的講究，但后面做的時 候，通過查找資料才發(fā)現(xiàn)自己理解的太片面了。工校園歌曲校園歌曲朝氣蓬勃，極富有校園味道，毫無矯飾，完全是率真 性情的流露，聽起來十分感人，激勵學子進步，它形象地反映出青 年學子的生活，表現(xiàn)出年輕

4、人的蓬勃朝氣、青春活力以及他們那富 有詩意的浪漫氣息，其曲風總體來說樸實明快、積極向上，充滿活 力，深受人們的喜愛和傳唱。工搖滾搖滾的音樂來源非常廣泛，主要的包括布魯斯、R&B、和鄉(xiāng)村音樂，其它還有福音音樂、傳統(tǒng)的流行樂、爵士、以及民間音樂。 所有的這些影響加在一起構(gòu)成了一種簡單的以布魯斯為基礎的歌 曲結(jié)構(gòu)，它是快速的、適于跳舞的、而且容易讓人記住的。搖滾分 為酸性搖滾(Acid Rock)、藝術(shù)搖滾(Art Rock)、朋克搖滾(Punk Rock)、輕柔搖滾(Soft Rock)、民謠搖滾(Folk Rock)、非主流搖 滾(Alternative Rock)等等。工古典音樂古典音

5、樂的內(nèi)涵其實很深，我們了解的只是是它跟輕音樂的交 匯部分。古典音樂不同于流行音樂，它內(nèi)涵深刻，能發(fā)人深思，使人高尚、免于低俗。它是一個獨立的流派，藝術(shù)手法講求洗練，追 求理性地表達情感。上輕音樂輕音樂可以讓人消除工作緊張，減輕生活壓力，避免各類慢性 疾病等，這些都是有醫(yī)學根據(jù)的。在醫(yī)學研究中發(fā)現(xiàn)，經(jīng)常的接觸 輕音樂節(jié)奏、律動會對人體的腦波、心跳、腸胃蠕動、神經(jīng)感應等， 產(chǎn)生某些作用，進而使身人身心健康。音樂無形的力量遠超乎個人 想象，所以聆聽音樂、鑒賞音樂，是現(xiàn)代極為普遍的生活調(diào)劑。2 .模板的設計我們組沒有做模板，因為一開始就把每頁的構(gòu)造大致設計出來 了，我們每個人只需要按照上面的結(jié)構(gòu)，再根

6、據(jù)實際情況作調(diào)整就 行了。我們覺得做一個模板出來，讓大家都用一個版式，有點單一， 缺少靈活的變動，給人的感覺也是很單調(diào)的。3 .制作過程中所感與所得小組成員的感想：XXX （導航頁、“四季之音”首頁）：大學第一次帶領同學進行實驗，由于心理準備不夠充分，導致 我們組的組織活動一直不是很好，以后會加強的。說說制作網(wǎng)頁的感想吧。雖然已經(jīng)接觸網(wǎng)絡不少的時間，但是, 直到實驗結(jié)束我才發(fā)現(xiàn)，對網(wǎng)頁的了解很少。課堂學來的知識都是死的，拿來用才覺得不是那么簡單。比如背景音樂的插入有好幾種 方法，每種都有不同的特點，對應的是不同的情況。還有網(wǎng)頁的結(jié) 構(gòu)，布局等等，這些都大有學問，在此我不敢多說，因為我對于網(wǎng) 頁

7、制作的過程的了解程度還是不夠深入，制作是不能熟練的進行， 還是要去查閱大量的資料。知道的越多，未知的也就越多。這就是 我做大的收獲：厚積而薄發(fā)，加強運用，深入了解。繼續(xù)努力吧！XXX （春之音）：這次的網(wǎng)頁制作真是花了大量時間??！我所負責的板塊是“春之音”，我把它定名為校園歌曲，因為 校園歌曲猶如校園中的一縷春風，表達同學們的心聲。由于是剛接觸到網(wǎng)頁制作，對里面的內(nèi)容不太熟悉，制作時出 現(xiàn)了很多問題。第一個就是標題欄圖片的選取了。 有很多圖片可供選擇，但是 由于對PS、fireworks等軟件操作不熟悉，后來就放棄標題欄的設 置了，不過和背景統(tǒng)一的話，也不難看。第二個就是層的應用了。由于要加入

8、一些圖片，為了便于管理， 就想加入層的效果。但是加入之后發(fā)現(xiàn)反而不利于管理了。 層的位 置會在網(wǎng)頁瀏覽時改變，而且層其實不太適合放在內(nèi)容中。 后來改 為插入很多表格來固定圖片的位置，圖片的效果就比較明顯了。第三個就是特殊效果的設置了。對于字體的移動還有鼠標放上 去時就停留的效果，由于老師上機時演示了，因此就比較容易了。還有一個問題，就是圖片的演示效果?？梢詫D片設置成移動 和停留效果，不過那樣需要的空間有點大了。所以我做了一個flash 的圖片效果，可以將圖片放在一個位置依次放映。這樣之后，還需要很多次的調(diào)試與演示，包括表格的長度設置， 背景的調(diào)試，還有圖標的大小設置等等，才能最終達到比較理想

9、的 效果。當然，由于是新手，網(wǎng)頁的格式可能不是很規(guī)范，頁面的效果 也不是特別好，但是我已經(jīng)盡力了，并且從中學到了知識，體會到 了樂趣，這一點是最重要的。XXX （夏之音）：首先我覺得，設計一個網(wǎng)頁最重要的首先是確立本網(wǎng)站的主 題，但是光這一項不少人就浪費了很多時間。 再其次我認為次重要 的是本次網(wǎng)頁制作的各小組中的版面設計和規(guī)劃， 一開始就上來做 根本無從下手。因此，初具規(guī)模的網(wǎng)頁設計和紙面上的規(guī)劃是重要 的。而對于網(wǎng)頁的制作中鏈接的應用，不應只停留在不同鏈接的 程度上，適度的使用錨鏈接和不同鏈接以及其他型的鏈接，是對于一個網(wǎng)站很不錯的應用。常用.E3&I園國國曲西后凹I國國不口 lF

10、RScF（民謠搖滾）至一I II n錨鏈接耨接的應用是很好用的。再其次，我覺得本次實驗的確鍛煉了我們的動手能力，但最重 要的時我認為這次實驗我們掌握了一種團隊的精神，每個人都有自己的見解和看法，但是又必須在全局的整體觀中進行必要的調(diào)整， 譬如整個網(wǎng)站的一致性和色調(diào)的統(tǒng)一性之類。. t VW忙MIL工惠v-H君/ .1*1 fytr"漫導厚可的«IX司對IJc-ulfr 膏窟讓,亭 坦府號比它*.« tr曾二富究為詐奸-泰 *6墾川則*,匹« 腫ROC:帙腳型界"母 斯M帝博世h瀉 .電 24-ffiE十工， mm .«白IT一卜席 e

11、s事帕Rm - tnR輔士<.-¥ H 在rw 售工通深<-隸 1:li*JM上 學/1汨'|我 - - +t 疝XxAh 裝.*«* Y-解的就可<1,1仆工*-* 一則薯的肝 w a.F sini <!-r m- -Ma -* £ 4HST f t Rra, WKf (J 再也攜再犯F帝占亂盟牽頁iff.a工孑& *Kft'if不上同爭.ecru +:升W打 就門:f品趣總婢明黑&；JU 4部1%»集翱罌蜀國?界 顰解躺XXX （秋之音）：做的過程中發(fā)現(xiàn)了自己的缺點，其實自己有時候挺符合老師說

12、的眼高手低的情況，自己有時候不會多練習一下，覺得只用看課本 聽老師講就肯定沒問題，可是到做的時候才發(fā)現(xiàn)問題很多， 很大一 部分都是因為自己沒熟練操作造成的，自己以后一定要改掉這個習 慣。我們在確定好自己負責的這一部分后， 就從網(wǎng)站上找了很多關(guān)于主題方面的圖片、文本之類的素材，但由于選擇的面很多，有時 候很難決定，所以花了很多時間。做的過程中技術(shù)方面還遇到一些問題。 一個問題是建立站點的 時候，雖然是跟著老師做的，但在做的時候還是出錯了。自己首先 是把站點存儲在u盤上，后來老師說放在E盤上，自己才改了。最 先不知道如果建立了一個站點，但不想要的話要怎么刪除，是我在 操作過程中看見一個站點管理，然

13、后試著打開才知道原來對站點進 行修改刪除等操作就是在這。原來什么都要自己親自去嘗試才知道 如何用。另一個問題就是插入的圖片在IE瀏覽器中它的背景和自己設 置的網(wǎng)頁背景不一樣，瀏覽時就會顯得很不和諧，效果如下圖。宜步中 事,9 0;）嬖 工««%>.4 ftuM ,4 fl Hii < i vJdirll I iLM 上！Th，Kbpl I 12 口 ,-*ui4-l|-l>i,ilitfa9j-LL»l-1 L-ibL于旦. “古音樂”又吸或上了 沖肅E的國子，讓人更不敢靠近，但下此/千揖字展，因為廠里發(fā)思考的，T 一一-k尺dHl如超原取古典普

14、'更能使人高尚.能于, thrtt peoplelong t i«e* 可必古真音器是一千樂 FJVi* 低俗,再屯 consjrlfj sf 古典音耳提歷 證市的渝班,CLASSICAL/ 7成“古典音樂”. 1古或寺梗丈林唯典音牙；世：* 典的定義.and serious sh'lf*定義R1古典"給人的思覺育 F津英文群典里對古 箕芍r嚴斯音樂".V帽呈它內(nèi)滿澤和L爭發(fā)了 空裁謝對古施吉不般斜扉t.hflt bffji pqplilaj .久盛不衰.為我火喜 或詵陳，追求理毓表原來背景是其他顏色，后來改成黑色，不和諧的效果就不太明顯。自己一直

15、在想怎么改，后來去找學姐請教才知道，這是因為自己下 -7 -的圖片是png格式，在IE6中不支持，如果換成其他的瀏覽器就可 以看到。如果沒有得到指導，我可能還一直在苦苦尋找改進的方法 呢。有時候自己一個人的力量是不夠的， 或許別人的一句或會讓我 們苦思冥想的問題豁然開朗，所以還是要多問，會學到很多。第三個問題是在設置文字滾動效果時，在結(jié)束的時候少了>“。百X早<param nam電二“術(shù)口中ie"lash/01. surf ' /><par am riajne= " tjuality valne=>il />tv</dxv&

16、gt;</span>Cdiv id='aLayer 1 -Cmarquee dixeel ion>=<div align= cent er X/djLV><div align=" cent er* d.LV><div aligns*cent er* c1333=STTLE6>為 E= VwamgyXqioVlTinL± i±led7- hlziHLlL (XHTHL )還有最開始對讓字幕滾動很不熟，是向小組成員請教了才知道的，通過多次的操作現(xiàn)在也熟練了。第四個問題是自己的內(nèi)容有了，但缺少一些網(wǎng)頁上特殊的

17、效果，自己對那些代碼不是很熟，所以沒能弄成自己想要的結(jié)果，這個問題自己會利用時間去找相關(guān)書籍或者向老師情請教，拓寬自己在網(wǎng)頁制作方面的知識。通過這次網(wǎng)頁制作，我發(fā)現(xiàn)了自己的不足，包括操作上的，還 有和小組成員之間的合作方面，以后要盡力改善這些不足。XXX （冬之音）：制作網(wǎng)頁是一個很復雜精細的過程，在插入表格之前，必須先在紙上計算畫好所設計的頁中需要幾行幾列，插入表格后，就是內(nèi)容填充的問題了，我在填充圖片的時候，發(fā)現(xiàn)了一個問題，就是當 圖片所需空間比單元格的面積大的時候，它會脹大所在單元格，而將其他的單元格擠得非常小，而且這種單元格的變化是不可逆的， 經(jīng)過老師的幫助，我才了解到在插入圖片之前，

18、應該先設定單元格 的大小，插入圖片后，再對圖片進行處理，可以先在圖片編輯中對 其大小進行剪裁處理，也可在頁面上選中圖片對其長寬進行設置， 使得圖片的大小與先前設置的單元格的大小相匹配。在設置文字滾動的時候，我一開始時讓歌詞自左向右滾動，并讓它當鼠標移開時滾動，至于文字之上時停止，我一開始將順序弄 反了，將停止放在前，滾動放在后，使得文字無法停止。我覺得設 置代碼的效果很神奇，就在網(wǎng)上搜索了很多關(guān)于控制語言的代碼介 紹各個參數(shù)的用法，以下是搜索結(jié)果：創(chuàng)建一個滾動的字幕相關(guān)參數(shù)：direction 表示滾動的方向，值可以是left , right , up, down, 默認為left ; beh

19、avior表示滾動的方式，值可以是scroll （連續(xù) 滾動）、slide （滑動一次）、alternate （來回滾動）；loop 表示循環(huán)的次數(shù)，值是正整數(shù)，默認為無限循環(huán)；scrollamount 表示運動速度，值是正整數(shù)，默認為 6; scrolldelay表示停頓時間，值是正整數(shù)，默認為 0,單位是秒；valign 表示元素的垂直對齊方 式，值可以是 top , middle , bottom,默認為 middle ; align 表示 元素的水平對齊方式，值可以是left , center , right，默認為left ; bgcolor表示運動區(qū)域的背景色，值是 16進制的RG胸色，默認 為白色；height、width表示運動區(qū)域的高度和寬度，值是正整數(shù)(單位是像素)或百分數(shù)