項目2 網(wǎng)站的規(guī)劃與建設(shè)_第1頁
項目2 網(wǎng)站的規(guī)劃與建設(shè)_第2頁
項目2 網(wǎng)站的規(guī)劃與建設(shè)_第3頁
項目2 網(wǎng)站的規(guī)劃與建設(shè)_第4頁
項目2 網(wǎng)站的規(guī)劃與建設(shè)_第5頁
已閱讀5頁，還剩32頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

項目二網(wǎng)站的規(guī)劃與建設(shè)了解網(wǎng)站開發(fā)制作的流程掌握Xmind思維導(dǎo)圖軟件規(guī)劃網(wǎng)站目錄規(guī)劃一個化妝品網(wǎng)站案例學(xué)習(xí)目標Contents目錄網(wǎng)站的建設(shè)與規(guī)劃任務(wù)1DreamweaverCC2017站點建設(shè)任務(wù)2初識Dreamweaver01創(chuàng)建站點的準備02創(chuàng)建與設(shè)置站點03任務(wù)2DreamweaverCC2017站點建設(shè)網(wǎng)站開發(fā)制作的流程01應(yīng)用Xmind思維導(dǎo)圖軟件規(guī)劃網(wǎng)站欄目02任務(wù)1網(wǎng)站的設(shè)計與規(guī)劃化妝品網(wǎng)站項目分析03任務(wù)1網(wǎng)站的設(shè)計與規(guī)劃1.網(wǎng)站開發(fā)制作的流程1.需求分析2.設(shè)計階段3.程序開發(fā)階段4.測試和上線5.維護推廣1.網(wǎng)站開發(fā)制作的流程1.需求分析(1)確定網(wǎng)站主題(2)收集素材(3)確定網(wǎng)站風(fēng)格（4）規(guī)劃站點1.網(wǎng)站開發(fā)制作的流程1.需求分析（4）規(guī)劃站點一個網(wǎng)站的設(shè)計成功與否,很大程度上取決于設(shè)計者的規(guī)劃水平。網(wǎng)站規(guī)劃包含很多內(nèi)容,如網(wǎng)站的結(jié)構(gòu)、欄目,網(wǎng)站的風(fēng)格、導(dǎo)航、顏色搭配、版面布局、文字圖片的運用以及畫出網(wǎng)站內(nèi)容版塊的草圖等。只有在制作網(wǎng)頁之前把這些方面都考慮到了,才能在制作時輕車熟路。網(wǎng)站設(shè)計與規(guī)劃大致包括二個方面：1、網(wǎng)站的總規(guī)劃書2、網(wǎng)站的目錄結(jié)構(gòu)1.網(wǎng)站開發(fā)制作的流程1.需求分析（4）規(guī)劃站點①網(wǎng)站的總規(guī)劃書以云南少數(shù)民族服飾網(wǎng)站為例政府為了宣揚云南多民族的大團結(jié)的形象，特地制作以介紹云南少數(shù)民族的服飾的網(wǎng)站，在網(wǎng)站規(guī)劃時可以考慮以下幾個方面：(1)云南有26個少數(shù)民族，找有代表性的民族進行介紹宣傳：(2)服飾保養(yǎng)是大部分購買服飾的客戶感興趣的內(nèi)容,可以作為輔助資料。

(3)從方便交流少數(shù)民族文化又設(shè)了交流欄目在制作網(wǎng)站之前,首先確定一個簡單的策劃方案,如圖2-1-2所示。其次，結(jié)合主題設(shè)計網(wǎng)站各網(wǎng)頁的結(jié)構(gòu)草圖(如圖2-1-3所示)：結(jié)構(gòu)草圖可以手繪或借助Photoshop等圖像處理工具,根據(jù)預(yù)先規(guī)劃的網(wǎng)站布局添加版面內(nèi)容,如圖2-1-4所示。網(wǎng)站名稱：云南少數(shù)民族服飾網(wǎng)站目標：屬于形象推廣類網(wǎng)站列出具有代表性的民族服飾保養(yǎng)與客戶建立網(wǎng)上交流。網(wǎng)站地圖(欄目及分布)：

網(wǎng)站首頁

網(wǎng)站標準色：以橙色為基調(diào)網(wǎng)頁分辨率:1920*1080網(wǎng)站風(fēng)格:簡潔彝族白族傣族納西族…壯族服飾保養(yǎng)在線交流圖2-1-2策劃書1.網(wǎng)站開發(fā)制作的流程1.需求分析（4）規(guī)劃站點②.網(wǎng)站的目錄網(wǎng)站的目錄結(jié)構(gòu)是指網(wǎng)站中對網(wǎng)頁文件進行管理所建立的目錄結(jié)構(gòu),對網(wǎng)站資源的管理、更新和維護非常重要。表2-1-4是根據(jù)網(wǎng)站欄目及內(nèi)容規(guī)劃的目錄結(jié)構(gòu),進一步建立網(wǎng)站文件和文件夾,如圖2-1-5所示在Dreamweavercc2017中實現(xiàn)效果圖：根目錄文件夾及文件名稱欄目說明D:\wear<images><CSS><HTML>Index.html文字.txt網(wǎng)站中用到的所有圖像文件夾網(wǎng)站中用到的所有樣式文件夾存放除了主頁以外的子網(wǎng)頁的文件夾

首頁存放文字內(nèi)容的文件1.網(wǎng)站開發(fā)制作的流程2.設(shè)計階段根據(jù)網(wǎng)站草圖由美工制作成效果圖。首先畫出效果圖然，效果圖可以手繪，也可以用軟件繪制。如圖2-1-6所示。1.網(wǎng)站開發(fā)制作的流程3.程序開發(fā)階段根據(jù)草圖劃分頁面結(jié)構(gòu)和設(shè)計前端和后臺可以同時進行。前端根據(jù)美工效果負責(zé)制作靜態(tài)頁面；后臺根據(jù)頁面結(jié)構(gòu)和設(shè)計，設(shè)計數(shù)據(jù)庫數(shù)據(jù)結(jié)構(gòu)和開發(fā)網(wǎng)站后臺。在本地搭建服務(wù)器，測試網(wǎng)站是否存在問題。若無問題，則可以將網(wǎng)站打包，使用FTP上傳至網(wǎng)站空間或者服務(wù)器。在網(wǎng)站上線之后，根據(jù)實際情況完善網(wǎng)站的不足，定期維護網(wǎng)站，保障網(wǎng)站運營順暢，然后對網(wǎng)站進行推廣宣傳等。4.測試和上線5.維護推廣感謝您的觀看！任務(wù)1網(wǎng)站的建設(shè)與規(guī)劃2.應(yīng)用Xmind思維導(dǎo)圖軟件規(guī)劃網(wǎng)站欄目思維導(dǎo)圖可以應(yīng)用于生活和工作的方方面面，例如，寫作、設(shè)計、演講、管理、會議等，運用思維導(dǎo)圖能使人思維清晰、有條理。我們在做網(wǎng)站開發(fā)的前期也可以用思維導(dǎo)圖軟件整理工作的步驟和方案，以及網(wǎng)站欄目，本節(jié)我們將介紹運用XMind思維導(dǎo)圖軟件規(guī)劃網(wǎng)站欄目。任務(wù)1網(wǎng)站的設(shè)計與規(guī)劃2.應(yīng)用Xmind思維導(dǎo)圖軟件規(guī)劃網(wǎng)站欄目使用Xmind思維導(dǎo)圖軟件1.登錄Xmind官網(wǎng)下載免費版的XMind軟件，如圖所示2.下載安裝好后，就可以啟動xmind軟件，可以選擇一種現(xiàn)有的模板如圖1-44所示，也可以創(chuàng)建空白的文檔。XMind使用非常簡單，使用ENTER(回車鍵)創(chuàng)建同級主題，Tab鍵創(chuàng)建一下級主題。任務(wù)1網(wǎng)站的建設(shè)與規(guī)劃2.應(yīng)用Xmind思維導(dǎo)圖軟件規(guī)劃網(wǎng)站欄目使用Xmind思維導(dǎo)圖軟件運用Xmind創(chuàng)建云南少數(shù)民族網(wǎng)站欄目，如圖所示技能拓展自己擬定一個網(wǎng)站的主題,用XMind軟件規(guī)劃出該網(wǎng)站的欄目，以jpg的格式導(dǎo)出來。感謝您的觀看！任務(wù)1網(wǎng)站的建設(shè)與規(guī)劃3.

化妝品網(wǎng)站項目分析1)項目背景2）項目分析3）項目制作3.

Buteor化妝品網(wǎng)站項目分析1)項目背景

Buteor作為中國領(lǐng)先的護膚品牌,專注于純凈無污染的美肌能量和深海護養(yǎng)成分,為千萬女性提供全面、全新的護膚體驗,深受消費者青睞和信任。旗下8大明星產(chǎn)品系列針對20-35歲美麗女性。網(wǎng)站屬于獨立產(chǎn)品的宣傳型網(wǎng)站。請從項目背景中提煉出項目的重要信息3.

Buteor化妝品網(wǎng)站項目分析2)項目分析3.

Buteor化妝品網(wǎng)站項目分析2)項目分析Ubteor

(網(wǎng)站定位)獨立產(chǎn)品的宣傳型網(wǎng)站,需要突出產(chǎn)品特征,符合年輕女性的審美感受關(guān)鍵詞補水、健康、干凈、柔美、白富美、滋潤3.

Buteor化妝品網(wǎng)站項目分析2)項目分析Buteor網(wǎng)站功能(展示型)首頁關(guān)于我們Buteor簡介品牌故事大事記資質(zhì)榮譽卓越團隊全線產(chǎn)品最新產(chǎn)品產(chǎn)品列表最新動態(tài)公司新聞行業(yè)動態(tài)媒體報道美麗分享美麗學(xué)院成功案例Buteor沙龍會員專區(qū)加入Buteor會員商城服務(wù)專區(qū)售后服務(wù)聯(lián)系方式在線反饋3.

Buteor化妝品網(wǎng)站項目分析2)項目分析Buteor廣告語剔透水肌源自阿爾卑斯山，盡顯女性魅力FromAlps,showfemalecharm水潤精華露強化保濕，讓肌膚24小時持久水潤美麗分享分享一段美麗的文字美麗在遠方，那是陌生的感覺給你的美...而只能隔著厚厚的木質(zhì)柵欄，注目著那些用圖片和文字...【詳情】2022.3.33.

Buteor化妝品網(wǎng)站項目分析2)項目分析網(wǎng)站的尺寸要求：版心寬度:1000PX整站寬度:1920PX首屏高度:800PX導(dǎo)航高度:40PX導(dǎo)航文字:14PXButeor聯(lián)系方式電話:4000388866地址:中國·廣州市白云區(qū)白云一路夢天大廈18樓郵箱:Buteor@微博·微信·騰訊QQ3.

Buteor化妝品網(wǎng)站項目分析2)項目分析公司喜歡的風(fēng)格3.

Buteor化妝品網(wǎng)站項目分析2)項目分析公司喜歡的風(fēng)格3.

Buteor化妝品網(wǎng)站項目分析2)項目分析公司喜歡的風(fēng)格3.

Buteor化妝品網(wǎng)站項目分析2)項目分析公司喜歡的風(fēng)格3.

Buteor化妝品網(wǎng)站項目分析2)項目分析公司喜歡的風(fēng)格3.

Buteor化妝品網(wǎng)站項目分析2)項目設(shè)計尋找素材：水波紋、泡泡等素材選擇形象代言人啟動PS制作網(wǎng)站首頁效果圖3)項目制作感謝您的觀看！認識DreamweaverCC201801建立本地站點02任務(wù)2DreamweaverCC2018站點建設(shè)站點文件管理031認識Dreamwea

溫馨提示

  • 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)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論