個(gè)人生活網(wǎng)站的設(shè)計(jì)與制作論文
摘要：如今網(wǎng)絡(luò)遍布世界各地，中國互聯(lián)網(wǎng)經(jīng)過10多年的發(fā)展，已經(jīng)形成了一個(gè)巨大的產(chǎn)業(yè)。建立個(gè)人網(wǎng)站可以使更多地人展示自己的才能，更加的人性與多元化，因此越來越多的人選擇建立自己的個(gè)人網(wǎng)站。學(xué)習(xí)好網(wǎng)站建設(shè)，不僅可以提高計(jì)算機(jī)的專業(yè)技術(shù)水平，更重要的是，今后對(duì)于網(wǎng)站的運(yùn)用可以得心應(yīng)手，方便交流，本網(wǎng)站設(shè)計(jì)主要應(yīng)用了網(wǎng)頁制作軟件dreamreaver、flash、html技術(shù)。以靜態(tài)網(wǎng)頁為主，同時(shí)加入了部分的動(dòng)態(tài)效果，包括簡單的后臺(tái)處理與內(nèi)嵌網(wǎng)頁技術(shù)。
關(guān)鍵詞：個(gè)人網(wǎng)站；Dreamweaver；flash；html
中圖分類號(hào)：TP393文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1009-3044（2013）35-8096-02
1網(wǎng)站制作基本說明
1.1制作人員所需具備技能
靜態(tài)網(wǎng)頁設(shè)計(jì)與制作是網(wǎng)站建設(shè)與開發(fā)的重要步驟，如果要想制作出美觀、實(shí)用的網(wǎng)頁，需要制作人員需掌握網(wǎng)頁設(shè)計(jì)基本工具的使用，首先，制作者要掌握HTML標(biāo)簽和語法規(guī)則，可以使用記事本等工具編寫基本網(wǎng)頁，還要掌握dreamweaver網(wǎng)頁設(shè)計(jì)與制作軟件，同時(shí)，網(wǎng)頁設(shè)計(jì)與制作過程中還要對(duì)圖片進(jìn)行處理，所以制作人員需要熟練操作photoshop等圖像處理軟件。網(wǎng)站制作完成后，制作人員需要具備空間、域名申請(qǐng)和上傳網(wǎng)站的能力。
1.2網(wǎng)站運(yùn)行環(huán)境
硬件環(huán)境
CPU：主頻在166MHz以上，Intel或AMD。
內(nèi)存：容量在32MB以上。
硬盤：空間在1GB以上，轉(zhuǎn)速在5400轉(zhuǎn)/秒或者更高。
顯示器：尺寸在15英寸以上，色彩為16位色以上，分辨率800*600，推薦使用1024*768。
顯卡：VGA顯卡，顯存在1MB以上。
軟件環(huán)境
操作系統(tǒng)：簡體中文版WindowsXP。
瀏覽器：InternetExplorer4.0/5.0。
調(diào)試與運(yùn)行輔助工具：InternetInformationServer。
2網(wǎng)站的總體規(guī)劃
2.1網(wǎng)站總體規(guī)劃
根據(jù)自己的思考和設(shè)計(jì)前的準(zhǔn)備，將此個(gè)人生活網(wǎng)站分為“首頁”、“日志”、“相冊(cè)”、“個(gè)人檔”、“音樂”、“收藏”這6個(gè)網(wǎng)站模塊�？傮w結(jié)構(gòu)圖1所示。
2.2網(wǎng)站的風(fēng)格
網(wǎng)站整體運(yùn)用格布做背景，格布上加入格布花、紐扣等進(jìn)行點(diǎn)綴。風(fēng)格上主要強(qiáng)調(diào)簡潔、大方、布局簡單的特點(diǎn)。主頁由flash制作，通過div+css布局模式進(jìn)行網(wǎng)站布局風(fēng)格的統(tǒng)一，同時(shí)利用CSS層疊樣式表對(duì)網(wǎng)站的導(dǎo)航和字體大小以及版權(quán)信息進(jìn)行統(tǒng)一的設(shè)計(jì)，使得網(wǎng)站的風(fēng)格得到了統(tǒng)一。
3網(wǎng)站開發(fā)過程
3.1素材準(zhǔn)備
素材的準(zhǔn)備是制作網(wǎng)站的基本條件，只有準(zhǔn)備好必備的素材，才能夠快速的制作網(wǎng)站，而不會(huì)浪費(fèi)不必要的時(shí)間和精力。
準(zhǔn)備網(wǎng)站的素材不僅要從網(wǎng)站的各個(gè)欄目的.規(guī)劃考慮，也要考慮各個(gè)頁面用到的圖片、內(nèi)容、特殊效果等等，具體的網(wǎng)站有：網(wǎng)頁大寶庫、懶人圖庫、素材精品屋等。
準(zhǔn)備好素材以后，需要對(duì)文本、圖片、樣式、特效等進(jìn)行基本的處理，同時(shí)還要將素材進(jìn)行分類，具體分類文件夾如：images、flash、music、style。
3.2首頁制作
首先把整理好的素材分別放在images、flash、music三個(gè)文件夾下。
建立站點(diǎn)
1）打開Dreamweaver軟件。
2）單擊“站點(diǎn)”菜單，進(jìn)行“新建站點(diǎn)”操作。
3）在站點(diǎn)定義對(duì)話框中輸入網(wǎng)站名稱“mywebsite”，本地根目錄文件夾”是指你網(wǎng)站保存的磁盤路徑，選擇d：＼myweb后，單擊“確認(rèn)”按鈕。
4）經(jīng)過以上基本操作，一個(gè)站點(diǎn)就建立好了。
5）把images、flash、music三個(gè)文件夾剪切到站點(diǎn)文件夾下，再新建html文件夾。
6）右鍵單擊“站點(diǎn)”面板中根目錄下的html文件夾，新建網(wǎng)頁首頁文件，命名為”index.html”。
7）打開首頁文件index.html進(jìn)入編輯狀態(tài)。
8）建立表格，使表格居中對(duì)齊。
9）點(diǎn)擊表格內(nèi)部在執(zhí)行菜單中，插入——媒體——flash。
10）同樣的方法插入flash背景音樂文件未命名-5.swf。
11）點(diǎn)擊修改——頁面屬性——外觀——背景圖像，單擊瀏覽選擇所需背景圖片。
4模版的建立
1）首先建立一個(gè)大表格并且使表格居中，接著制作嵌套表格，使用插入表格命令，在大表格內(nèi)插入所需行數(shù)和列數(shù)表格，設(shè)置寬度百分比“Percent”（百分比），在文本框中輸入100，單擊“OK”，所插入的表格剛好充滿第一個(gè)單元，然后插入一行三列的表格，左右分別為100寬居中表格寬度為600，最后再居中嵌入一行七列的導(dǎo)航欄和一列的文本內(nèi)容欄。
2）表格嵌套完成后開始編輯導(dǎo)航條，首先輸入導(dǎo)航文字內(nèi)容，給每欄文字分別添加鏈接為【#】點(diǎn)擊導(dǎo)航條表格的，在屬性菜單下編輯邊框大小為3、顏色為#FFCC99。選擇執(zhí)行菜單中，頁面屬性——鏈接，設(shè)置文字鏈接，添加鏈接效果：鏈接顏色與已訪問鏈接顏色為#ffcc99變換圖像鏈接顏色為#ffff00，下劃線樣式為僅在變換圖像是顯示下劃線。
3）添加網(wǎng)頁背景圖案，頁面屬性——外觀——背景圖像，選擇好事先存放在images里的背景圖案。
4）添加table中的背景圖案，單擊在屬性中選擇背景圖像，添加圖像，這樣模板就完成了。
參考文獻(xiàn)：
[1] 中文版Dreamweaver CS4案例教程（1CD）[M].北京：龍騰科技出版 ，2009.
[2] 洪光，馬希敏.靜態(tài)網(wǎng)站建設(shè)[M]. 2版.大連：大連理工出版社，2008.
【個(gè)人生活網(wǎng)站的設(shè)計(jì)與制作論文】相關(guān)文章：
個(gè)人網(wǎng)站的前端設(shè)計(jì)論文11-17
網(wǎng)站設(shè)計(jì)與制作課程體系實(shí)踐的論文11-19
網(wǎng)站規(guī)劃設(shè)計(jì)制作合同03-04
教育網(wǎng)站的設(shè)計(jì)及制作12-06
基于PHP的個(gè)人網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)論文11-17
網(wǎng)站制作個(gè)人鑒定范文06-04