web前端實(shí)訓(xùn)報(bào)告

《web前端實(shí)訓(xùn)報(bào)告》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、web前端實(shí)訓(xùn)報(bào)告aerdaifu.）、法國的紫色浪漫風(fēng)情（French.）、在雅典，我愿意帶你，走遍陽光灑過的地方（XILA.）、行走在巴黎（BaLi.）、巴塞羅那（Basailuona.）、ReadMe（ReadMe.），所有圖片都經(jīng)過”PS處理過。1.首頁（index.htm）：采用了CSS布局頁面。1）創(chuàng)建了style1.css文件在style文件中。2）插入的Div標(biāo)簽有：date標(biāo)簽，menu標(biāo)簽，main標(biāo)簽，make標(biāo)簽。3）在代碼中插入了背景音樂<bgsoundsrc=pic/吳雨霏-流螢.mp3loop=true/>。4）menu

2、標(biāo)簽中分別設(shè)置了5個超級鏈接。5）插入了APDiv1顯示歌詞、APDiv2滾動歌詞文字，并設(shè)置了歌詞欄的“顯示-隱藏”。2.馬爾代夫的藍(lán)色心情（Maerdaifu.）：采用Spry選項(xiàng)卡式面板+Ap層布局。1）采用spry選項(xiàng)卡式面板布局。2）面板中設(shè)置了四個選項(xiàng)：馬爾代夫簡介+景點(diǎn)游玩及指南1+景點(diǎn)游玩及指南2+圖片欣賞。3）設(shè)置了APDiv1-APDiv14個層。4）APDiv8插入了滾動歌詞，APDiv13插入滾動圖片。5）在代碼中插入了背景音樂<bgsoundsrc=pic/水木年華-多少人曾愛慕你.mp3loop=-1/>。3.法國的紫色浪

3、漫風(fēng)情（French.）：1）采用spry選項(xiàng)卡式面板布局。2）面板中設(shè)置了五個選項(xiàng)：普羅旺斯簡介+活動+主角(1)+主角(2)+圖片欣賞。3）設(shè)置了APDiv2-APDiv15幾個層。4）APDiv15插入了滾動歌詞，APDiv12插入了滾動圖片。5）在代碼中插入了背景音樂<bgsoundsrc=pic/花粥-二十歲的某一天.mp3loop=-1/>。4.在雅典，我愿意帶你，走遍陽光灑過的地方（XILA.）：1）采用表格布局。2）表格中設(shè)置了3個模塊：伯羅奔尼撒半島(Peloponissos)+圣托里尼島(Santorini)+雅典(Athens)

4、。3）設(shè)置了APDiv2-APDiv20幾個層。4）在代碼中插入了背景音樂<bgsoundsrc=pic/ClaudeKelly-IHateLove.mp3loop=-1/>。5.行走在巴黎（BaLi.）：1）采用Ap層布局。2）設(shè)置了APDiv1-APDiv5幾個層。3）APDiv2設(shè)置為滾動圖片。4）在代碼中插入了背景音樂<bgsoundsrc=pic/楊丞琳-差一個擁抱.mp3loop=-1>。6.巴塞羅那（Basailuona.）：1）采用spry選項(xiàng)卡式面板布局。2）設(shè)置了APDiv1-APDiv5幾個層。3）APDiv3設(shè)置為

5、滾動圖片。4）在代碼中插入了背景音樂<bgsoundsrc=pic/王勝男-不想去上班.mp3loop=-1/>。7.ReadMe（ReadMe.）：1）采用Ap層布局+表格布局。2）設(shè)置了APDiv1-APDiv2兩個層。3）APDiv2設(shè)置為滾動字幕，并插入了日期。心得通過《>標(biāo)記被用于創(chuàng)建一個表單，action、method、name為表單標(biāo)記<form>的常用屬性。action屬性用于指定接收并處理表單數(shù)據(jù)的服務(wù)器程序的url地址。method屬性用于設(shè)置表單數(shù)據(jù)的提交方式，其取值為get或post。其中，get為默認(rèn)值，這

6、種方式提交的數(shù)據(jù)將顯示在瀏覽器的地址欄中，保密性差，且有數(shù)據(jù)量的限制。post方式的保密性好，并且無數(shù)據(jù)量的限制，使用method=post可以大量的提交數(shù)據(jù)。input控件：定義單行文本輸入框、單選按鈕、復(fù)選框、提交按鈕、重置按鈕等控件。select控件：可以定義下拉菜單效果。其中，<select></select>標(biāo)記用于在表單中添加一個下拉菜單，<option></option>標(biāo)記嵌套在<select></select>標(biāo)記中，用于定義下拉菜單中的具體選項(xiàng)，每對<select&

7、gt;</select>中至少應(yīng)包含一對<option></option>。textarea控件：定義的多行文本輸入框。cols和ro>標(biāo)記定義表單，并在其中嵌套相應(yīng)的表單控件。另外，由于表單控件屬于內(nèi)塊元素，不會單獨(dú)占據(jù)一行，可以通過<p>標(biāo)記嵌套表單控件使其獨(dú)占一行。2、樣式分析(1)通過最外層的div對頁面進(jìn)行整體控制，需要對其設(shè)置寬度和高度以及背景圖片等。(2)通過form對表單進(jìn)行整體控制，需要對其設(shè)置寬度和內(nèi)外邊距樣式。(3)定義表單標(biāo)題的樣式，主要控制其文本樣式及內(nèi)外邊距。(4)定義各個表單控件

8、的樣式，主要控制他們的寬