![個人網站-我的博客第九章_第1頁](http://file4.renrendoc.com/view12/M04/22/1E/wKhkGWbPMqiANiVDAAGP68tKs2s149.jpg)
![個人網站-我的博客第九章_第2頁](http://file4.renrendoc.com/view12/M04/22/1E/wKhkGWbPMqiANiVDAAGP68tKs2s1492.jpg)
![個人網站-我的博客第九章_第3頁](http://file4.renrendoc.com/view12/M04/22/1E/wKhkGWbPMqiANiVDAAGP68tKs2s1493.jpg)
![個人網站-我的博客第九章_第4頁](http://file4.renrendoc.com/view12/M04/22/1E/wKhkGWbPMqiANiVDAAGP68tKs2s1494.jpg)
![個人網站-我的博客第九章_第5頁](http://file4.renrendoc.com/view12/M04/22/1E/wKhkGWbPMqiANiVDAAGP68tKs2s1495.jpg)
版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
個人網站-我的博客第九章第9章個人網站——我的博客9.1網頁效果圖主頁效果圖9.1網頁效果圖子頁效果圖9.2客戶需求“博客”一詞是從英文單詞Blog音譯而來,一種表達個人思想和網絡鏈接,內容按照時間順序排列,并且不斷更新的出版方式。
個人博客(個人網站)的作用有以下幾點:作為網絡個人日記;個人展示自己某個方面的空間;網絡交友的地方;學習交流的地方;通過博客賺外快;通過博客展示自己的企業(yè)形象或企業(yè)商務活動信息。9.2客戶需求
對于個人博客,客戶往往都希望能夠制作出既美觀又能彰顯自己風格的頁面,這就要求做到以下幾點:1.簡潔為美:博客的裝飾盡量簡單,放棄那些不實的設計,即使要有也不要因為裝飾影響到文章的閱讀。2.要有自己的見解:對于某個事物你必須有自己的態(tài)度;對于你提供的信息和內容,必須做到真實、廣博、生動、高品位;轉載別人的文章要寫名出處,無法查究出處的要寫明轉載。3.結構清晰:可分為個人區(qū)域(如個人介紹、日志等)、交際區(qū)域(如好友、留言等)和服務區(qū)域(如音樂、視頻、新聞等)。4.持續(xù)更新:做到至少一個星期更新一次,隔幾天最好。9.3頁面風格定位
個人博客的風格定位相對容易,主要取決于作者的性格、喜好,總體上來講體現為以下四個方面:
1.顏色風格:選擇一種體現個人形象、延伸個人內涵的色彩。
2.字體風格:一般網頁默認的字體是宋體。為了體現站點的“與眾不同”和特有風格,可以根據需要選擇一些特別字體。
3.內容風格:布局簡單明了,內容清新,欄目齊全便于交流。
4.語言風格:通俗易懂,便于溝通與交流。9.4網站建設方案網站建設方案包括以下幾個部分:客戶情況分析;網站需要實現的目的和目標;網站形象說明;網站的欄目板塊和結構;網站內容的安排,相互鏈接關系;使用軟件、硬件和技術分析說明;開發(fā)時間進度表;宣傳推廣方案;維護方案;制作費用;本公司簡介:成功作品,技術,人才說明等。9.5網站主頁設計效果圖設計個人網站比較簡單,內容信息較少,往往是利用空閑時間來發(fā)展網站,這就造成了投入網站的人力和時間都非常有限,網頁布局結構比較單一。由于網站面向的瀏覽者也相對較少,所以要在主頁面上優(yōu)先提供最重要的信息,提供可以吸引瀏覽者注意的信息。本網站把個人日志放在內容區(qū)的主要位置。個人網站要想做大很難,所以就要在已有的基礎上做出自己的特點。首先,網站定位要準確。個人網站最好走個性化路線,避開與大網站的正面競爭。網站要小而精,不要一來就搞個大而全的東西。其次,內容、觀點要獨特。內容是最好的推廣載體,它的重要性不言而喻。最后,適當加些動畫和交互功能。這樣可以使瀏覽者記住你的網站,并用幫助推廣你的網站。9.5網站主頁設計效果圖設計9.5網站主頁設計主頁制作用Fireworks完成效果圖切片
本案例中的頁面分割要進行的工作很少,主要是將一幅大的圖片分割成三部分,分別用于頁面頂部、導航、頁面底部的背景圖,起到上下輝映的效果。9.5網站主頁設計主頁制作用Flash完成動畫設計
網頁中的動畫已成為網站創(chuàng)立獨特風格的重要手段,本案例中使用Flash的遮罩特效實現百葉窗效果。畫面轉換的時間要恰到好處,太快會使瀏覽者看不清楚要傳達的信息,創(chuàng)意沒有意義。太慢則感覺空洞、單調,使瀏覽者厭倦、注意力分散。9.5網站主頁設計主頁制作用Flash完成動畫設計
⑴打開FlashCS3并新建一文檔。⑵修改文檔屬性,寬為210像素,高為130像素。⑶在圖層1導入第一幅圖片,并調整圖片大小與場景1同大。⑷新建一圖層,再導入第二幅圖片,同樣,調整到與場景1同大。⑸新建一元件,選擇“影片剪輯”,命名為“矩形”。⑹在影片剪輯“矩形”中畫一無線框的長矩形,長210高13,并讓其中心對齊。⑺在第20幀處插入關鍵幀,將矩形尺寸改為210*1。⑻設置1-20幀為Shape(形狀)動畫。
9.5網站主頁設計主頁制作用Flash完成動畫設計
⑼新建一元件,選擇“影片剪輯”,命名為“百葉窗”。⑽打開庫面板,并拖出十個“矩形”影片剪輯,并整齊地排列,使其完全覆蓋主場景。⑾回到場景1中,并新建一圖層,命名為“百葉窗”。把“百葉窗”影片剪輯拖入進來,并中心對齊。⑿設置“百葉窗”層為遮罩層。⒀預覽,導出。9.5網站主頁設計主頁制作Javascript腳本設計
JavaScript使網頁增加互動性。JavaScript使有規(guī)律地重復的HTML文段簡化,減少下載時間。JavaScript能及時響應用戶的操作,對提交表單做即時的檢查,無需浪費時間交由CGI驗證。JavaScript的特點是無窮無盡的,只要你有創(chuàng)意。
9.5網站主頁設計Javascript腳本設計
1.制作JavaScript時間特效之退出顯示訪問時間。編寫代碼fangWen=newDate();functionbye(){tuiChu=newDate();minutes=(tuiChu.getMinutes()-fangWen.getMinutes());seconds=(tuiChu.getSeconds()-fangWen.getSeconds());time=(seconds+(minutes*60));if(time==1){time=(time+"second");}else{time=(time+"seconds");}alert('您在這兒呆了'+time+'.歡迎再來!');}9.5網站主頁設計Javascript腳本設計
1.制作JavaScript時間特效之退出顯示訪問時間。引用腳本<scriptsrc="others/tuichu.js"></script>把<body>區(qū)域改為<bodyonUnload="bye()">9.5網站主頁設計Javascript腳本設計
2.制作JavaScript狀態(tài)欄特效之動態(tài)顯示狀態(tài)欄。編寫代碼varmess="歡迎光臨我的博客";varshiJian=300;//設置時間間隔seq=0;functionscroll(){len=mess.length;window.status=mess.substring(0,seq+1);//在狀態(tài)欄上顯示msg的第一到seq+1個字符,seq每次遞加seq++;if(seq>=len){seq=0};//當seq的長度大于等于msg的字符長度時,seq=0window.setTimeout("scroll();",shiJian);//每個時間間隔調用一次scroll函數}
9.5網站主頁設計Javascript腳本設計
2.制作JavaScript狀態(tài)欄特效之動態(tài)顯示狀態(tài)欄。引用腳本<scriptsrc="others/scroll..js"></script>把<body>區(qū)域改為<bodyonload="scroll()"">9.5網站主頁設計主頁制作用Dreamweaver完成頁面整合
9.5網站主頁設計主頁制作用Dreamweaver完成頁面整合
網頁頂部設計
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 銀行合規(guī)披露制度
- 綠色環(huán)保倡議書模板匯編(35篇)
- 市場營銷策劃的步驟(企業(yè)培訓課件)
- 山西省臨汾市洪洞縣2024屆九年級上學期1月期末考試數學試卷(含答案)
- 中班健康《小衣服-抱抱臂》
- 【培訓課件】營銷職業(yè)生涯規(guī)劃
- 2024年安全員-C證理論試題及答案
- 黑龍江省綏化市青岡縣一中2025屆高三沖刺模擬數學試卷含解析
- 云南省大理市下關鎮(zhèn)第一中學2025屆高考全國統(tǒng)考預測密卷數學試卷含解析
- 安徽省示范中學2025屆高三3月份模擬考試語文試題含解析
- 2024-2025學年高二上學期期末數學試卷(基礎篇)(含答案)
- 前程無憂測評題庫及答案
- 《中韓關系演講》課件
- 直系親屬股權無償轉讓合同(2篇)
- 2023-2024學年廣東省廣州市白云區(qū)九年級(上)期末語文試卷
- 2024統(tǒng)編版初中八年級語文上冊第六單元:大單元整體教學設計
- 五年級上冊數學試題試卷(8篇)
- 2024-2025學年四年級科學上冊第三單元《運動和力》測試卷(教科版)
- 學術規(guī)范與論文寫作智慧樹知到答案2024年浙江工業(yè)大學
- 2024年典型事故案例警示教育手冊15例
- 2023年希望杯數學培訓100題-二年級(含答案)
評論
0/150
提交評論