web設(shè)計(jì)基礎(chǔ)報(bào)告-個(gè)人網(wǎng)頁設(shè)計(jì)和實(shí)現(xiàn)-展示頁
2024-09-07 16:37本頁面
【正文】 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=我的班級 .html target=mainFrame我的班級/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返回主頁 /a/p /body /html html xmlns= head meta equiv=ContentType content=text/html。 } a:active { textdecoration: none。 } a:hover { textdecoration: none。 } a:visited { textdecoration: none。 } a:link { textdecoration: none。 left: 62px。 height:18px。 } Layer2 { position:absolute。 fontfamily: 幼圓 。 top: 20px。 zindex:1。 width:148px。 fontfamily: 幼圓 。 } body,td,th { color: FF0000。 （ 2）新建網(wǎng)頁： 如圖，選擇創(chuàng)建新項(xiàng)目的 HTML，或者選擇模板建立； 創(chuàng)建好六個(gè)頁面，分別保存名稱為： index，我的 檔案 ，我的 日志 ，我的 班級 ，我的 寵物，視頻欣賞 ； 打開頁面，選擇布局模式，使用左右下 模板，保存主頁面標(biāo)題為 ,標(biāo)題改為“我 的主頁”；試運(yùn)行，保存兩個(gè)框架； 在 左層模塊添加插件音樂，并縮小插件 ； （如圖 1） 設(shè)置導(dǎo)航欄，為每個(gè)分類的文字添加鏈接， 將文字 添加鏈接到“我的 檔案 ”等各個(gè)子分頁，并且分頁鏈接目標(biāo)選擇 mainframe（ 如圖 2） ： 圖 1： 1 圖 2： 在 mainframe 中插入自己在 Photoshop 中制作的動態(tài)歡迎圖片，添加到 layer1 中可以調(diào)試位置； 在下方框架中插入各種照片，運(yùn)動滾動效果的代碼實(shí)現(xiàn)其功能； 為了美化在各個(gè)模塊中背景插入了相框，條紋等動態(tài)閃動圖片；讓視覺效果更震撼； 圖一頁面代碼如下： html head titlemy web/title style type=text/css ! body { backgroundcolor: 000000。 界面設(shè)計(jì)： 本網(wǎng)頁頁面風(fēng)格為 暗色系 ，以 黑色 為主色 其他色系進(jìn)行搭配進(jìn)行制作 。 功能要求 實(shí)現(xiàn)鏈接、滾動字幕或圖片、插入音頻、視頻等插件 的功能 ； 三、 總體設(shè)計(jì) 運(yùn)用 Dreamweaver 的框架功能；圍繞關(guān)于我自己的一些相關(guān)信息進(jìn)行分類，實(shí)現(xiàn)分類的鏈接進(jìn)行制作；并且要注重網(wǎng)頁的一體化，美感，還有色彩的搭配 ，音樂的選取等； 功能設(shè)計(jì)： 利用框架（選取了左右下的框架結(jié)構(gòu)）設(shè)置基本模樣。 能讓人通過本網(wǎng)站可以清晰地了解到我的一些信息。網(wǎng)站 的首頁設(shè)置了背景音樂，使訪問者在 瀏覽的 同時(shí)還能欣賞到悠揚(yáng)的旋律。 分頁面上運(yùn)用了導(dǎo)航條。 本網(wǎng)站 是以靜態(tài)網(wǎng)頁為基礎(chǔ)，以 Dreamweaver 為制作軟件、以 Photoshop為設(shè)計(jì)軟件而成的 。 六、結(jié)語 .............................................................................................. 24 個(gè)人網(wǎng)頁設(shè)計(jì)和 實(shí)現(xiàn) 一、 引言 1 課題的背景 經(jīng)過本學(xué)期對 web 設(shè)計(jì)基礎(chǔ)這門課程的學(xué)習(xí)，對 web 的設(shè)計(jì)以及相關(guān)代碼的使用有了深入的了解，在學(xué)期末制作主題為個(gè)人主頁的網(wǎng)頁，對其設(shè)計(jì)并實(shí)現(xiàn)。 功能要求 ： ................................................................................1 三、總體設(shè)計(jì) .............................................................錯誤 !未定義書簽。 二、需求分析 .......................
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1