畢業(yè)設計-個人網站體育站設計與實現(編輯修改稿)
2025-01-06 19:25 本頁面
【文章內容簡介】 置、名字方便以后查找。 4. 熟悉頁面設計中所用到的相關軟件及如何操作。 11 第 3 章 網站 頁面 設計 設計需求 硬件需求： ? CPU： Celeron（ R） ； ? 內存： 256MB。 軟件需求： ? 操作系統(tǒng)： Windows XP 以上； ? 需求軟件： Dreamweaver、 Macromedia Fireworks Photoshop； ? 瀏覽器： ； 分辨率：最佳效果 1024 768。 網站結構 網站頁 面 采用靜 態(tài) 的方式，靜態(tài)主頁方式 包括： 1. 引頁：由一張圖片為主進入網站首頁。 2. 首頁：由引頁進入后，可以一眼看出此網站主題風格及內容。首頁內容可以由導航條作出分類，其中可以包含： 引頁、 Mylove（首頁）、我的相冊、各種收藏、心情日記、個人簡歷等 。 3. 各級分頁：頁面色彩、背景須與首頁一致，以達到 色彩統(tǒng)一，有層次感。 此次做的是 個人球迷 網站 。這個網站主要的目的就是 針對 個人愛好 進行了設計 ，并且加入了自我介紹，以方便訪問者了解我。 總的來說，對于這個網站我是很滿意的。從布局，選色，做圖還有文字都是我花了很多的時間。雖然不算專業(yè)性的網站，但是最后還是做成了，簡單有意義。 結構圖 12 ： 圖 主結構圖 頁面結構 ： 頁面內容由： ? 標題欄 ? 導航條 ? 公告欄 ? 日歷 ? 鏈接區(qū) 正文信息等組成。 以下的是我在做此網站期間認為比較不錯的頁面以及它的實現過程 ,在此貼出來給大家首頁 My Love 我的相冊 各種收藏 心情日記 個人簡歷 雁過留聲 13 欣賞下 。 引頁圖片如下： 圖 引頁 絲絲小雨，帶給我們多少溫柔與浪漫，這篇教程里，我們將會用 Fireworks 里的運動模糊濾鏡來制作出絲小雨的動畫特效．希望大家在網頁設計中能有幫助． 第一步 .先選擇一張做為背景的圖片： 圖 選則背景圖 14 第二步 .轉換到層面板添加一個新圖層。 圖 新建圖層 第三步 .選中第二層，回到圖片編輯窗口，用圖形工具在圖片上方拉出一個大出畫布，然后填充為黑色的長方形。 圖 編輯畫布 第四步 .保持長方形選中的狀態(tài)，為其添加效果：效果 — 雜點 — 新增雜點，設置數量為：400 15 圖 新增雜點 第五步 .再為其添加濾鏡效果：濾鏡 — 模糊 — 運動模糊。 圖 增加運動模糊 第六步 .接著調整它的透明度，這樣才能把背景顯示出來。 圖 調整透明度 第七步 .這時候圖片有點像下雨的感覺吧。 圖 顯示調整透明度后圖片 第八步 .要做成動態(tài)下雨的效果，下面就是關鍵步驟！轉到幀面板為長方形添加一幀。 16 圖 插入幀 第九步 .調整該幀長方形的位置，虛線為本來的位置，藍線是調整后的位置。 圖 調整幀位置 第十步 .重復 89 的步驟再添加一幀。 第十一步 .最后，回到層面板，選擇背景所在的層，雙擊該層名稱在彈出的對話框中把“共享交疊層”項勾上，作品到此也就完成了。 17 圖 共享交疊層 切換圖片： 每隔 2秒都會出現形式多變的圖片 ,既增添了網站的內容，又增添了不少色彩。 圖片切換效果 代碼如下： script language=JavaScript ! // BannerAD var bannerAD=new Array()。 var bannerADlink=new Array()。 var adNum=0。 bannerAD[0]=picture/inter/。 bannerADlink[0]=。 bannerAD[1]=picture/inter/。 bannerADlink[1]=。 bannerAD[2]=picture/inter/。 bannerADlink[2]=。 bannerAD[3]=picture/inter/。 18 bannerADlink[3]=。 bannerAD[4]=picture/inter/。 bannerADlink[4]=。 bannerAD[5]=picture/inter/。 bannerADlink[5]=。 var preloadedimages=new Array()。 for (i=1。i。i++){ preloadedimages[i]=new Image()。 preloadedimages[i].src=bannerAD[i]。 } function setTransition(){ if (){ =(()*23)。 ()。 } } function playTransition(){ if () () } function nextAd(){ if(adNum)adNum++ 。 else adNum=0。 setTransition()。 =bannerAD[adNum]。 19 playTransition()。 theTimer=setTimeout(nextAd(), 5000)。 } function jump2url(){ jumpUrl=bannerADlink[adNum]。 jumpTarget=39。_blank39。 if (jumpUrl != 39。39。){ if (jumpTarget != 39。39。)(jumpUrl,jumpTarget)。 else =jumpUrl。 } } function displayStatusMsg() { status=bannerADlink[adNum]。 = true。 } // /script A onmouseover=displayStatusMsg()。return href=javascript:jump2url()IMG style=FILTER: revealTrans(duration=2,transition=20) height=208 src=picture/inte
公司管理相關推薦
鄂ICP備17016276號-1