汽車網(wǎng)站規(guī)劃報(bào)告

2017-03-27

11119

網(wǎng)站規(guī)劃報(bào)告題目：專業(yè)：班級：姓名：學(xué) 號：指導(dǎo)教師：設(shè)計(jì)日期： Ferrari(法拉利)-中國XXXXXXXXXX 學(xué)院XXXXXX 系

網(wǎng)站規(guī)劃報(bào)告

題目：

專業(yè)：班級：姓名：學(xué) 號：指導(dǎo)教師：設(shè)計(jì)日期： Ferrari(法拉利)-中國

XXXXXXXXXX 學(xué)院

XXXXXX 系

班級：姓名：學(xué)號：得分：

關(guān)于Ferrari(法拉利)-中國網(wǎng)站規(guī)劃的報(bào)告

站點(diǎn)名稱：Ferrari

轉(zhuǎn)向域名：HTTP://XXXX

辦站宗旨：

為了各好的讓中國人更多的去了解法拉利汽車，了解法拉利公司，使法拉利公司屬下汽車在中國有更大的推廣。作為1位Ferrari 的忠實(shí)車迷，出于對Ferrari 汽車的熱愛，特此自制了一個(gè)網(wǎng)站“Ferrari(法拉利)-中國”。

汽車網(wǎng)站是一個(gè)汽車企業(yè)的" 商標(biāo)" ，每一個(gè)汽車企業(yè)里的每一個(gè)系列汽車都有自己的特色，每一個(gè)系列都有自己的個(gè)性。在這個(gè)高度信息化的社會里，建立自己汽車企業(yè)網(wǎng)站是最直接的宣傳手段。網(wǎng)站的超時(shí)空特性，不僅能讓地區(qū)內(nèi)的人們了解該汽車企業(yè)的文化，更可讓世界了解你的汽車發(fā)展過程。

1．汽車是企業(yè)的最好宣傳。

2．聯(lián)系方式：聯(lián)系方式是企業(yè)發(fā)展不可缺少的力量

3．企業(yè)時(shí)訊與汽車風(fēng)采圖庫建設(shè)讓企業(yè)、顧客和社會各界及時(shí)了解企業(yè)動態(tài)

4．企業(yè)與顧客，員工與員工之間的交流有了全新的方式

5．網(wǎng)站能夠提供數(shù)字化了解汽車的平臺

6．提高教學(xué)效率，能實(shí)現(xiàn)企業(yè)資源的合理分配

7．汽車企業(yè)網(wǎng)站是最佳的汽車研究院

站點(diǎn)風(fēng)格：

本站點(diǎn)采用靜態(tài)網(wǎng)頁技術(shù)，運(yùn)用網(wǎng)頁三劍客軟件及PHOTOSHOP 軟件進(jìn)行網(wǎng)站開發(fā)、制作，整體頁面采用的是模版加表格的形式，適當(dāng)加如CSS 特效編程使網(wǎng)頁變的越加生動和新穎。

利用現(xiàn)在時(shí)下非常流行的引導(dǎo)頁加首頁的樣式，此樣式最大的特點(diǎn)在于，引導(dǎo)頁給予閱讀者一個(gè)網(wǎng)站總體的感受，第一印象是最重要的，所以我們要抓住這第一印象，給予讀者一個(gè)數(shù)字化的網(wǎng)站新概念。

站點(diǎn)工作人員（顧問、總負(fù)責(zé)、技術(shù)員、資料提供）：韓健

軟硬件需求:

一、軟件:

1.Internet Explorer 6.0以上，Adobe Dreamweaver , fireworks , Flash,Photoshop

等設(shè)計(jì)軟件。

2．支持Flash 播放

二、硬件：

1. 最低配置

支持系統(tǒng):Windows XP (32-64 bits) /Windows Vista (32-64 bits)/Windows 7 (32-64 bits)

處理器: Intel Pentium III 450MHz 或 AMD Athlon64 2800 或更高

內(nèi)存: 128MB Windows XP / 1 GB Windows Vista - Windows 7

顯卡: NVIDIA GF4或ATI 7500 64 MB或更高

聲卡:DirectX 9.0 –compliant sound card

2. 推薦配置：支持系統(tǒng): Windows XP / Vista/Win7

處理器: Intel Core 2 Duo E5300 2.6 GHz；AMD Athlon 64 X2 6000 或更高內(nèi)存: 2 GB (3 GB 推薦)

顯卡: GeForce 8600 GT；ATI Radeon HD 4700 256M或更高

聲卡: DirectX 9.0 or 10.0 compliant sound card (5.1 sound card recommended) DirectX 版本: DirectX 9.0

站點(diǎn)更新：

原則：更新速度更快，信息量更大，版面設(shè)計(jì)更新穎。

具體：車輛系列、新聞活動和精彩圖片每周更新一次。

其余欄目根據(jù)具體時(shí)間作不定期更新。

預(yù)設(shè)站點(diǎn)欄目：

1．首頁：簡單介紹本網(wǎng)站設(shè)計(jì)者，設(shè)計(jì)者對網(wǎng)站簡單說明。

2．今日法拉利：展示今日法拉利公司，以及更多法拉利介紹。

3．關(guān)于我們：介紹法拉利中國公司代理。

4．車型系列：介紹和了解法拉利現(xiàn)階段各大車型。

5．聯(lián)系方式：法拉利公司的中國代理商的聯(lián)系方式。

6．新聞活動：介紹法拉利公司近期動態(tài)。

7．精彩圖片：法拉利現(xiàn)階段車型的宣傳和圖片下載支持。

8．火柴人動畫：此板塊僅為增加對網(wǎng)站和對瀏覽者的娛樂。

具體實(shí)施方案（見附則）

關(guān)于Ferrari(法拉利)-中國網(wǎng)站規(guī)劃的報(bào)告

（附則）

根據(jù)本人對法拉利汽車的喜愛，做為法拉利的忠實(shí)車迷，特制作了此網(wǎng)站，以表示對

法拉利汽車制作中國代理網(wǎng)站，應(yīng)做到更新速度快，內(nèi)容全，更加娛樂化。

結(jié)合目前制作網(wǎng)站的流行趨勢，制作中可以選擇兩種方式進(jìn)行。

一、分頁制方式

此分頁式采用“引導(dǎo)頁” “主頁”構(gòu)成。站點(diǎn)內(nèi)各欄目均在主頁中體現(xiàn)出來。

1．引導(dǎo)頁

要求：

1.1顏色新穎，能充分體現(xiàn)本網(wǎng)站的特色。

1.2動靜結(jié)合，給人第一印象要佳。

1.3單擊引導(dǎo)頁面上各信息欄目，自動進(jìn)入主頁或分頁。

2．主頁

欄目有首頁、今日法拉利、關(guān)于我們、車型系列、聯(lián)系方式、新聞活動、精彩圖片、火柴人動畫共8個(gè)。

要求：各欄目由模版進(jìn)行新的頁面，各欄目間進(jìn)行鏈接，并且又不同的版式。

3．分頁

與主頁顏色搭配一致, 在設(shè)計(jì)時(shí)與主頁有部分區(qū)別.

二、欄目制方式

在主頁上放置網(wǎng)站中各欄目，每一欄目設(shè)置成獨(dú)立的一塊。

1主頁

欄目有首頁、今日法拉利、關(guān)于我們、車型系列、聯(lián)系方式、新聞活動、精彩圖片、火柴人動畫共8個(gè)。

要求：

1.1部分欄目中要求加入FLASH 效果。

1.2火柴人動畫增加娛樂性。

1.3精彩圖片有圖片下載。

2分頁

與主頁顏色搭配一致，動靜結(jié)合。注意每一個(gè)欄目的獨(dú)立性。

三、具體設(shè)計(jì)步驟：

1．建立站點(diǎn)。站點(diǎn)建立必須為英文路徑，我設(shè)定為‘G:Study Filesweb?rrari’，指定網(wǎng)頁文件夾地址，然后在其下建立圖像文件夾‘images ’,css 樣式文件夾‘style ’，模版文件夾‘Templates ’，音樂文件夾‘music ’,Flash 文件夾‘Flash ’, 文本資料文件夾‘Data ’。

2．收集材料，整理材料。本網(wǎng)站資料均來自Ferrari 意大利官方網(wǎng)站，經(jīng)過截圖，F(xiàn)ireworks 、Photoshop 圖像處理，切片處理得到。然后對其進(jìn)行整理歸納，把相同列別的圖片放到相同文件夾中，并且對其進(jìn)行重命名，以達(dá)到資料的整齊，使顧客和教師能夠更好的理解每

一張圖片的含義，在其以后設(shè)計(jì)時(shí)，更好的方便插入圖片。

3．Logo 設(shè)計(jì)。此logo 設(shè)計(jì)是利用了Fireworks 和Photoshop 中切片技術(shù)和照片合成技術(shù)，在原汽車網(wǎng)站上對其Ferrari 進(jìn)行截圖，并且對其放置到新的圖片中進(jìn)行合成, 如圖:

4．Flash 設(shè)計(jì)制作。本網(wǎng)站在二個(gè)地方進(jìn)行了Flash 的添加，一處是首頁，一處是末葉，首頁是利用了在Flash 授課上案例對Flash 的理解之上，利用自身設(shè)計(jì)思想進(jìn)行設(shè)計(jì)。而末葉的則是利用網(wǎng)絡(luò)資源，搜索之后，找到的一個(gè)搞笑的動畫，目的完全是為了瀏覽者對瀏覽網(wǎng)站時(shí)娛樂化，而不是很乏味。也在于對此動畫設(shè)計(jì)者的敬佩，敬佩其設(shè)計(jì)思想。

5．網(wǎng)站上的文字資料說明。來自官方網(wǎng)站，并做出文檔，使以后客戶尋找資料達(dá)到方便。

6．在把資料完全收集起并整理好之后，開始了對網(wǎng)站的設(shè)計(jì)工作，由于我本人對DIV 的定位經(jīng)驗(yàn)不足，所以本網(wǎng)站采用的是模版加表格的形式。引導(dǎo)頁是采用了表格形式，由靜態(tài)頁組成，添加了1首背景音樂，所有鏈接則采用了CSS 樣式中的a.hover ，使的鏈接上有更好的視覺效果。

7．背景音樂代碼為：‘’

8．模版的設(shè)計(jì)：

8．1 模版為ferrari 和cars 兩個(gè)，出于對頁面數(shù)量大的原因，本人做了兩個(gè)模版和兩個(gè)3個(gè)普通HTML 頁面，鏈接也都是運(yùn)用了CSS 樣式中的a.hover ，布局為框架式，如圖：