web設(shè)計(jì)基礎(chǔ)報(bào)告-個(gè)人網(wǎng)頁(yè)設(shè)計(jì)和實(shí)現(xiàn)-全文預(yù)覽
【正文】 t: 10px。 width:1127px。 } a:active { textdecoration: none。 } a:visited { textdecoration: none。 left: 62px。 } Layer2 { position:absolute。 top: 20px。 width:148px。 } body,td,th { color: FF0000。 top: 36px。 1 width:200px。 zindex:2。 top: 5px。 width:131px。 zindex:1。 } /style/head 1 body p align=center class=STYLE1 /p div id=Layer2span class=STYLE1 embed src=music/英格瑪 謎 慢嗨 .mp3 width=16 height=8/embed /span/div p align=center class=STYLE1a href=我的資料 .html target=mainFrame我的檔案/a/p p align=center class=STYLE1 /p p align=center class=STYLE2a href=我的日志 .html target=mainFrame我的日志/a/p p align=center class=STYLE1 /p p align=center class=STYLE1a href=我的班級(jí) .html target=mainFrame我的班級(jí)/a/p p align=center class=STYLE1 /p p align=center class=STYLE1a href=我的寵物 .html target=mainFrame我的寵物/a/p p align=center class=STYLE1 /p p align=center class=STYLE1a href=我的朋友 .html target=mainFrame視頻欣賞/a/p p /p p img src=image/ width=80 height=130 //p p align=center ┭ a href=index_my target=mainFram返回主頁(yè) /a/p /body /html html xmlns= head meta equiv=ContentType content=text/html。 } a:hover { textdecoration: none。 } a:link { textdecoration: none。 height:18px。 fontfamily: 幼圓 。 zindex:1。 fontfamily: 幼圓 。 （ 2）新建網(wǎng)頁(yè)： 如圖，選擇創(chuàng)建新項(xiàng)目的 HTML，或者選擇模板建立； 創(chuàng)建好六個(gè)頁(yè)面，分別保存名稱為： index，我的 檔案 ，我的 日志 ，我的 班級(jí) ，我的 寵物，視頻欣賞 ； 打開頁(yè)面，選擇布局模式，使用左右下 模板，保存主頁(yè)面標(biāo)題為 ,標(biāo)題改為“我 的主頁(yè)”；試運(yùn)行，保存兩個(gè)框架； 在 左層模塊添加插件音樂，并縮小插件 ； （如圖 1） 設(shè)置導(dǎo)航欄，為每個(gè)分類的文字添加鏈接， 將文字 添加鏈接到“我的 檔案 ”等各個(gè)子分頁(yè)，并且分頁(yè)鏈接目標(biāo)選擇 mainframe（ 如圖 2） ： 圖 1： 1 圖 2： 在 mainframe 中插入自己在 Photoshop 中制作的動(dòng)態(tài)歡迎圖片，添加到 layer1 中可以調(diào)試位置； 在下方框架中插入各種照片，運(yùn)動(dòng)滾動(dòng)效果的代碼實(shí)現(xiàn)其功能； 為了美化在各個(gè)模塊中背景插入了相框，條紋等動(dòng)態(tài)閃動(dòng)圖片；讓視覺效果更震撼； 圖一頁(yè)面代碼如下： html head titlemy web/title style type=text/css ! body { backgroundcolor: 000000。 功能要求 實(shí)現(xiàn)鏈接、滾動(dòng)字幕或圖片、插入音頻、視頻等插件 的功能 ； 三、 總體設(shè)計(jì) 運(yùn)用 Dreamweaver 的框架功能；圍繞關(guān)于我自己的一些相關(guān)信息進(jìn)行分類，實(shí)現(xiàn)分類的鏈接進(jìn)行制作；并且要注重網(wǎng)頁(yè)的一體化，美感，還有色彩的搭配 ，音樂的選取等； 功能設(shè)計(jì)： 利用框架（選取了左右下的框架結(jié)構(gòu)）設(shè)置基本模樣。網(wǎng)站 的首頁(yè)設(shè)置了背景音樂，使訪問者在 瀏覽的 同時(shí)還能欣賞到悠揚(yáng)的旋律。 本網(wǎng)站 是以靜態(tài)網(wǎng)頁(yè)為基礎(chǔ)，以 Dreamweaver 為制作軟件、以 Photoshop為設(shè)計(jì)軟件而成的 。 功能要求 ： ................................................................................1 三、總體設(shè)計(jì) .............................................................錯(cuò)誤 !未定義書簽。 1 課題的背景 ..................................................
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1