《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第十一章-綜合項(xiàng)目：傳奇互動游戲公司網(wǎng)站（一）學(xué)習(xí)資料_第1頁
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第十一章-綜合項(xiàng)目：傳奇互動游戲公司網(wǎng)站（一）學(xué)習(xí)資料_第2頁
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第十一章-綜合項(xiàng)目：傳奇互動游戲公司網(wǎng)站（一）學(xué)習(xí)資料_第3頁
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第十一章-綜合項(xiàng)目：傳奇互動游戲公司網(wǎng)站（一）學(xué)習(xí)資料_第4頁
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第十一章-綜合項(xiàng)目：傳奇互動游戲公司網(wǎng)站（一）學(xué)習(xí)資料_第5頁
已閱讀5頁，還剩13頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第十一章游戲公司網(wǎng)站（一）理論內(nèi)容網(wǎng)站整體規(guī)劃網(wǎng)站功能設(shè)計(jì)網(wǎng)站頁面設(shè)計(jì)制作首頁1.網(wǎng)站整體規(guī)劃傳奇互動游戲公司是網(wǎng)絡(luò)游戲開發(fā)商、運(yùn)營商和發(fā)行商，致力于打造中國領(lǐng)先的網(wǎng)絡(luò)游戲平臺。傳奇互動游戲包括大型多人在線角色扮演游戲（MMORPG）、高級休閑游戲、網(wǎng)頁游戲、社交游戲和移動互聯(lián)網(wǎng)游戲等多款差異化游戲產(chǎn)品。網(wǎng)站整體規(guī)劃本項(xiàng)目開發(fā)的是傳奇互動游戲公司企業(yè)網(wǎng)站的前端頁面部分所謂企業(yè)網(wǎng)站，是企業(yè)在互聯(lián)網(wǎng)上開展網(wǎng)絡(luò)營銷和形象宣傳的平臺類似于企業(yè)的網(wǎng)絡(luò)名片，不僅對企業(yè)的形象是一個(gè)良好的宣傳，同時(shí)可以輔助企業(yè)的銷售，通過網(wǎng)絡(luò)直接幫助企業(yè)實(shí)現(xiàn)產(chǎn)品的銷售。傳奇互動游戲公司的網(wǎng)站包括公司信息和公司游戲兩大組成部分分為首頁、公司介紹、案例介紹、游戲大廳四大功能宣傳公司的信息和產(chǎn)品，為公司的客戶和游戲玩家提供快速使用游戲功能的入口。2.網(wǎng)站功能設(shè)計(jì)網(wǎng)站功能設(shè)計(jì)包括首頁、公司介紹、案例介紹、游戲大廳四大功能首頁用于集中展示網(wǎng)站的重要信息。首頁內(nèi)容顯示“關(guān)于傳奇互動”、“服務(wù)項(xiàng)目”、“案例展示”等信息公司介紹主要發(fā)布公司信息、公司的聯(lián)系方式等內(nèi)容。案例介紹以圖文的方式顯示公司的產(chǎn)品和案例信息，方便網(wǎng)站的訪問者集中查詢和了解公司的業(yè)務(wù)內(nèi)容。游戲大廳是傳奇互動游戲公司運(yùn)營的棋牌類游戲入口頁面，提供游戲注冊、下載、客服、公告、新聞等綜合功能。網(wǎng)站的總體功能設(shè)計(jì)圖2.網(wǎng)站功能設(shè)計(jì)網(wǎng)站功能文件及目錄規(guī)劃功能文件或目錄說明index.html首頁about.html公司介紹sample.html案例介紹game.html游戲大廳css.cssindex.html、about.html、sample.html的樣式文件basic.cssgame.html使用的基礎(chǔ)樣式文件layout.cssgame.html使用的布局樣式文件css樣式文件的目錄images網(wǎng)站圖片的目錄3.網(wǎng)站頁面設(shè)計(jì)（1）傳奇互動游戲公司首頁效果網(wǎng)站頁面設(shè)計(jì)（2）公司簡介的頁面效果網(wǎng)站頁面設(shè)計(jì)（3）案例介紹的頁面效果網(wǎng)站頁面設(shè)計(jì)（4）游戲大廳的頁面效果4.制作首頁（1）在DreamweaverCC中新建HTML5文檔，保存為index.html，然后編寫首頁布局的頁面結(jié)構(gòu)主體代碼<body><divclass="boxindex_box1"></div><divclass="boxindex_box2"></div><divclass="boxindex_box3"></div><divclass="boxindex_box4"></div><divclass="boxindex_box5"></div></body>單列布局制作首頁（2）新建文件css.css并保存到css目錄，然后鏈接到index.html文件，在css.css文件中編寫首頁布局的CSS3主體代碼.box{ width:100%;}.index_box1{ height:97px; background:url('../images/topnav_bg.png')no-repeattopcenter;}/*省略*/.index_box5{ height:34px; background:url('../images/footer.png')repeat-x;}div寬度div高度div背景圖片div高度div背景圖片制作首頁（3）在index.html中編寫首頁頁頭的頁面結(jié)構(gòu)主體代碼<divclass="boxindex_box1"> <divclass="wrap">

<divid="logo"><!--省略--></div><divid="nav"><!--省略--></div>

</div><divid="classic_case"><!--省略--></div></div>經(jīng)典案例按鈕LOGO圖片導(dǎo)航菜單欄制作首頁（4）首頁頁頭的CSS3主體代碼.wrap{ margin:0auto; width:980px;}#logo{ float:left; /*省略*/}#nav{ float:right; /*省略*/}#classic_case{ float:right; /*省略*/}/*省略*/制作首頁（5）在index.html中編寫首頁頁腳的頁面結(jié)構(gòu)主體代碼<divclass="boxindex_box5"><divclass="wrapfooter"> <!--省略--></div></div>.footer{ text-align:center;}.footerspan{ font-family:'Arial'}制作首頁（6）首頁正文部分頁面結(jié)構(gòu)主體代碼<divclass="boxindex_box3"><!--省略--></div><divclass="boxindex_box4"><divclass="wrap"><divid="index_about"><!--省略--></div><divid="index_news"><!--省略--></div><divid="index_case"><!--省略--></div></div></div>查看更多按鈕關(guān)于傳奇互動服務(wù)項(xiàng)目案例展示制作首頁（7）

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論