攝影網(wǎng)站設(shè)計說明書

濱海學院WEB編程基礎(chǔ)設(shè)計課程PAGE1-WEB編程基礎(chǔ)網(wǎng)站開發(fā)設(shè)計說明書設(shè)計題目：攝影網(wǎng)站 姓名：李家東學號：20101080114班級：10微高指導教師：畢老師完成日期：2011-12-12目錄前言 -2-一、網(wǎng)站的規(guī)劃 -2-1.1網(wǎng)站的整體規(guī)劃 -2-1.1.1網(wǎng)站定位 -2-1.1.2網(wǎng)站版塊的設(shè)置 -3-1.1.3網(wǎng)站設(shè)計的相關(guān)技術(shù) -3-1.2網(wǎng)站的功能設(shè)計 -3-1.2.1首頁功能 -3-1.2.2副頁功能 -3-二、網(wǎng)站的設(shè)計與制作 -4-2.1首頁布局設(shè)計的特點 -4-2.1.1logo設(shè)計 -5-2.1.2Banner的設(shè)計 -5-2.1.3導航的設(shè)計 -6-2.1.4欄目設(shè)計 -6-2.1.5風格與色彩單配 -8-2.2副頁布局設(shè)計特點 -8-三、創(chuàng)新亮點 -9-3.1按鈕點擊圖片的輪換 -9-3.2圖片的自動輪換 -10-四、總結(jié) -11-內(nèi)容。4：可以方便瀏覽者及時快捷的與我們公司取得聯(lián)系，可以通過多種聯(lián)系方式。二、網(wǎng)站的設(shè)計與制作 2.1首頁布局設(shè)計的特點1：首頁主要采用“T”字型的布局每個版塊有序排放，將所有的版塊清晰的羅列出來。2：采用“T”字型可以解決了瀏覽者觀看是產(chǎn)生視覺上的疲勞，并且有種賞心悅目的感覺。2-1網(wǎng)站首頁布局圖注冊登陸公司的名稱首頁作品賞影棚實景影樓簡介聯(lián)系我們Vip會員專區(qū)客戶評價流動歡迎詞（您好！歡迎來到瞬間beautiful）搜索相關(guān)的內(nèi)容搜索引擎我們展示的照片欣賞按鈕輪換照片最新動態(tài)Vip會員在專區(qū)優(yōu)秀作品展示最新動態(tài)套餐介紹友情鏈接2.1.1logo設(shè)計我們公司的logo是英語單詞beautiful，也許會有人對我們不理解，我們之所以將它作為logo，就是象征現(xiàn)在我們的年輕，我們的魅力，我們是有追求的。2.1.2Banner的設(shè)計網(wǎng)站的banner采用黑色的背景，渲染了我們攝影社的神秘，給瀏覽者留下深刻的印象，更加吸引了瀏覽者對我們網(wǎng)站的興趣，我們公司的設(shè)計是公司名與logo相結(jié)合在一起，象征著我們公司的有挑戰(zhàn)新事物的追求，然后緊跟著的使我們的公司攝影口號，只有瞬間才會給你們想要的。2.1.3導航的設(shè)計 導航設(shè)計上采用七個長方塊，利用無序排列的方式，展示了我們服務(wù)項目，向瀏覽者介紹我們公司的大體情況。設(shè)計的代碼：Div：css：2.1.4欄目設(shè)計 我們公司的欄目設(shè)計主要包括六個模塊，主要有最新動態(tài)、vip會員專區(qū)、最新動態(tài)、優(yōu)秀作品、套餐介紹、圖片欣賞，還有一些小的欄目框等。下面為設(shè)計表現(xiàn)圖：圖2-1-4（1）圖2-1-4（2）設(shè)計欄目的設(shè)計，充分展示我們公司的主要情況，給瀏覽者一種大氣的風范，一目了然，簡單易懂感覺，有一種想欣賞的感受，充分體現(xiàn)了一種美的享受等。2.1.5風格與色彩單配我們公司網(wǎng)站首頁以灰色為背景顏色，這樣顯得公司深沉穩(wěn)重，腳踏實地。然后又將一些青春活力的照片加入其中，顯現(xiàn)我們公司的朝氣蓬勃，積極進取的創(chuàng)新的精神。2.2副頁布局設(shè)計特點1：副頁采用了簡單框架的布局方式，向瀏覽者簡單大方的展示了我們網(wǎng)站的情況。2：版塊有條理性，看起來很輕松，賞心悅目。3：更加有力的向瀏覽者尋找到自己想要的信息。2-2網(wǎng)站的副頁布局圖副頁的名稱攝影的賞析影圖欣賞關(guān)于一些攝影攝影套餐的報價介紹聯(lián)系方式友情鏈接副頁向瀏覽者展示我們網(wǎng)站的首頁內(nèi)容的詳細情況，讓瀏覽者更加具體的了解我們公司的情況，同時讓我們公司的網(wǎng)站更加的完善化，整體化。三、創(chuàng)新亮點3.1按鈕點擊圖片的輪換Div：輪換圖片通過圖片的輪換更加襯托了我們網(wǎng)站的技術(shù)強大，通過技術(shù)手段更加證明我們的實力是不可戰(zhàn)勝的，讓更多的廣大顧客朋友認同我們公司的強大，能夠更加的信任我們，只有我們才能給他們帶來自己需求的東西。3.2圖片的自動輪換Js+div：自動圖片輪換四、總結(jié)通過這個學期的學習，我學會了制作網(wǎng)頁，而且知道了知識的重要性。網(wǎng)站設(shè)計是一種非常難做但是又非常有意思的工作，我們可以任意發(fā)揮我們的創(chuàng)意，讓我們飛翔在自由創(chuàng)意的國度里，但做網(wǎng)頁也要謹慎小心，要一絲不茍。在這次網(wǎng)站制作中讓我對Dreamweaver、Fireworks、Flash進一步了解，還懂得了許多的知識。盡管如此，但是我的網(wǎng)頁還存在著一些問題，如顏色的搭配不是很好，框架的結(jié)構(gòu)，可能還有其他一些我沒有發(fā)現(xiàn)的問題，這些問題都是需要注意的，我相信通過學習與老師的悉心教導，下一次的網(wǎng)頁我將會做得更好。不足之處，希望老師指導與批評。信息工程學院《WEB編程基礎(chǔ)》實踐環(huán)節(jié)考核報告單2011-2012學年度第一學期期末排課編號：(2011-2012-1)-0501301-01050-1批閱日期：2011年12月17日姓名李家東班級10微高學號20101080114評分標準及得分評分標準滿分得分簡介：概況清晰，目標明確。5總體需求明確，結(jié)合實際，分析詳細具體全面。10網(wǎng)站架構(gòu)合理，有結(jié)構(gòu)圖。5網(wǎng)站效果圖設(shè)計符合主流審美觀點，色彩搭配合理。10網(wǎng)站風格一致，運用模板生成相關(guān)頁面。5項目開發(fā)符合Web網(wǎng)站開發(fā)標準，表現(xiàn)與內(nèi)容分離。10導航鏈接準確，頁面切換簡潔流暢。5編碼規(guī)范，可讀性強。5網(wǎng)站目錄結(jié)構(gòu)