/計(jì)算機(jī)系1０網(wǎng)絡(luò)班指導(dǎo)老師：金秋樂設(shè)計(jì)：齊致遠(yuǎn)計(jì)算機(jī)系1０網(wǎng)絡(luò)班指導(dǎo)老師：金秋樂設(shè)計(jì)：齊致遠(yuǎn)靜態(tài)網(wǎng)頁個(gè)人網(wǎng)站設(shè)計(jì)與制作課程名:靜態(tài)網(wǎng)頁實(shí)驗(yàn)課題：個(gè)人網(wǎng)站設(shè)計(jì)與制作實(shí)驗(yàn)要求：靜態(tài)網(wǎng)頁，至少包含主頁，日志，相冊，留言板,個(gè)人資料制作準(zhǔn)備：確定網(wǎng)站主題風(fēng)格,網(wǎng)站結(jié)構(gòu)，顏色搭配，搜集素材。制作環(huán)境:ＡｄobｅDreａｍweavｅｒCS4指導(dǎo)老師：金秋樂老師主頁頁面1、馬鞍山即使天氣預(yù)報(bào)代碼〈ｉfｒａmｅsｒc＝＂"width=＂2４5＂heiｇｈt＝＂110”margｉｎwidｔh=”0”marｇiｎheｉght=”０＂ｈｓpace=＂0"vspace="0”ｆrameｂorder="0＂scrｏlliｎg="No”alｌowTraｎspａｒencｙ＝"trｕe＂（允許透明=“真”）〉〈/iframe>2、訪客記錄代碼<divid=”aｐDｉv２＂〉</dｉv＞<ｐ＞〈tdｗidth="383＂rowｓｐan＝＂2＂〉〈ｃenｔｅr＞<spａｎclasｓ=＂df"〉您是第</span>〈spanclaｓｓ="STYLE1６”>〈scriptｓrc=＂”ｌangｕａge=”JavａScript"chａrset="gb231２＂〉<／scripｔ>〈/span＞<spanclass＝”ｄf"＞位來訪客</spａn＞＜ｓｐanclaｓs="STYLＥ16”>〈ｓpanclａss＝”df"＞?！?spaｎ>＜/span〉</cenｔｅr時(shí)間代碼用到了JavaScｒiｐt腳本語言前期圖片美化、裁剪多次用到photｏshopCS4多次用到Ｍａp鏈接日志頁面１、日志頁面用到Spｒy選項(xiàng)卡式面板參數(shù)為默認(rèn)2、“日志名”居左，“推薦"居右3、每篇日志中的每個(gè)“上一篇"和“下一篇”和“返回日志列表"都是真實(shí)有效的，規(guī)格參數(shù)都一樣1、在日志里加入了媒體元素，*.swf游戲和＊。flv視頻媒體元素的Ｈｔml鏈接目標(biāo)均設(shè)置為＿ｂlank，方便返回主頁面。相冊頁面相冊的建立用到了FireworｋsCS４很方便的建立了整個(gè)相冊相冊封面借助PS統(tǒng)一了風(fēng)格每個(gè)相片的頁面也都能進(jìn)入其他頁面，例如下一頁,前一頁，留言板,音樂4、相冊ＤearＦaｍilｙ用到了行為〈maｐnａｍｅ="Map6"id＝"Ｍaｐ6”>〈aｒeashapｅ＝”rｅcｔ"ｃooｒdｓ="５3,31，１54，１08＂hｒef=”#”ｏncliｃk=”MM_poｐupMsｇ(’對不起，您暫時(shí)沒有訪問權(quán),'）”／〉＜/map＞5、相冊befｏrelove用到鼠標(biāo)經(jīng)過圖像音樂頁面1、歌詞的顯示和歌曲的滾動(dòng)都用到了Marquee語句，本頁面還利用行為播放聲音代碼如下ｄivａliｇn=”ｃｅnteｒ”>〈spanclaｓs="粗1">正在播放＜/spaｎ＞<ｓpanｃlass=＂Ｂluｅ1＂onfｏcｕs="MM_contｒolＳouｎd('ｐｌay’,’dｏcuｍent．CS4０＇，’Dowｎloａd/胡彥斌—閃亮的日子。ｍp３’)”＞〈marqｕeebehaviｏr=”sｃroll＂diｒeｃtion=＂ｌeｆｔ”scrollaｍount=”３"loｏｐ=＂-1"sｃrolldelａy="300"heiｇｈt="５0”oｎmoｕseoｕt＝"sｔart（)"onmｏuｓｅover="ｓtop()"〉〈ｐ＞＜spａnｃlａss="ＳTYＬＥ1＂〉<sｐaｎcｌａsｓ="SＴYLE3"onｆocus＝”MM_ｃontrｏlSound('play'，’ｄocuｍent。CＳ96',’Ｍusic/胡彥斌－閃亮的日子.mp3’）＂〉<imgsrc=”pｉc/mｕs/ｈｕ．ｊpg＂nａme＝＂Iｍage３７”wｉdth=＂２5"heｉgｈt＝”２5”boｒder＝”0"id＝"Imaｇｅ3７”／〉胡彥斌-—閃亮的日子〈/span></spaｎ＞</p＞＜/marqｕee>＜／span〉</ｄiｖ>（詳見日志：滾動(dòng)文字Maｒquｅe(cuò)屬性及參數(shù)設(shè)置）多次用到Spry菜單欄來顯示歌曲ｕl．ＭenuBarVertiｃal｛?maｒｇin:0;／／控制菜單欄與上下表格的距離?padｄing：０;//控制內(nèi)邊距，相對于mａrｇｉn外邊距 list—sｔyle-ｔype：none;?fｏｎt－siｚe:10０％；?cｕrｓor：defaulｔ;//是默認(rèn)的小箭頭指向 wｉｄｔh：8ｅm；//控制菜單欄之間的寬度}ul.MenuBａrVｅrtｉcalul｛……width:6．２ｅm；//控制二級菜單的可視寬度,但不是二級菜單的實(shí)際寬度(不太好描述，結(jié)合下一注釋和實(shí)際操作更好理解^＿^） ……}ul。ＭenｕBarVeｒtｉcａlｕllｉ｛ widｔｈ：6.４ｅｍ;／/這個(gè)才是控制二級菜單的寬度，如果這個(gè)wiｄth設(shè)置為８em，上一個(gè)width還是6。2em,這個(gè)二級菜單的實(shí)際寬度為8em，但可以看到寬6．4ｅm的界面，剩下1．6em的透明界面，但是二級菜單的右邊框還是顯示在另一菜單上。}隨筆頁面隨筆頁面利用表格和圖片做出種筆記本的感覺，只是在表格里設(shè)置背景圖像ｒｅpeat——-y出現(xiàn)點(diǎn)小問題。分享頁面1、Sprｙ選項(xiàng)卡式面板電子書籍下載用到下載鏈接游戲分享插入了*swf格式小游戲Html目標(biāo)設(shè)置為_blank方便返回主頁面好友頁面之前沒有設(shè)置這個(gè)頁面，是想放一些外鏈的，做了好久發(fā)現(xiàn)不是很美觀就換做這個(gè)好友秀頁面了……本來是想把同學(xué)做的網(wǎng)站連在一起,那樣好像也算是一個(gè)班級的網(wǎng)站，可惜沒連上……留言板頁面鼠標(biāo)經(jīng)過圖像Mａｒquｅe(cuò)語句控制的向上滾動(dòng)的寄語用到表單,文本域，按鈕，單選框４、這只是個(gè)留言板的靜態(tài)模擬，期待能做出動(dòng)態(tài)的留言板.資料頁面簡單的表格布局，一直在思考漂亮點(diǎn)的模式,可是一直沒想到只好用這個(gè)簡單的模式了制作總結(jié):在做網(wǎng)站前要養(yǎng)成建站點(diǎn)在站點(diǎn)里操作的習(xí)慣。在制作網(wǎng)站的過程中大量用到表格，掌握了表格的嵌套,拆分，添加,刪除……。在制作網(wǎng)站的過程中運(yùn)用到CＳS樣式，了解到其強(qiáng)大的功能,聽說DIV+CＳＳ樣式功能更強(qiáng)大，可惜DIＶ控制不