網(wǎng)站設(shè)計(jì)與Web應(yīng)用開發(fā)技術(shù)(第四版)（微課版）ch02 移動(dòng)互聯(lián)網(wǎng)項(xiàng)目策劃設(shè)計(jì)與運(yùn)行環(huán)境設(shè)置

第2章

移動(dòng)互聯(lián)網(wǎng)項(xiàng)目策劃設(shè)計(jì)與運(yùn)行環(huán)境設(shè)置

教學(xué)目標(biāo)教學(xué)重點(diǎn)教學(xué)過程第2頁教學(xué)目標(biāo)理解項(xiàng)目建設(shè)的基本流程項(xiàng)目策劃的總體方法項(xiàng)目設(shè)計(jì)的步驟和策略Web項(xiàng)目運(yùn)行環(huán)境的建立與配置服務(wù)器的安全與防范策略項(xiàng)目開發(fā)模型及評(píng)估第3頁教學(xué)重點(diǎn)項(xiàng)目設(shè)計(jì)的步驟和策略Web項(xiàng)目運(yùn)行環(huán)境的建立與配置第4頁教學(xué)過程理解項(xiàng)目建設(shè)的基本流程項(xiàng)目策劃的總體方法項(xiàng)目設(shè)計(jì)的步驟和策略Web項(xiàng)目運(yùn)行環(huán)境的建立與配置服務(wù)器的安全與防范策略項(xiàng)目開發(fā)模型及評(píng)估第5頁2.1

項(xiàng)目設(shè)計(jì)的總體流程初始會(huì)商：收集待建設(shè)網(wǎng)站的關(guān)鍵信息，包括：站點(diǎn)的目標(biāo)受眾，要發(fā)布的主要內(nèi)容等概念開發(fā)：設(shè)計(jì)人員根據(jù)已收集到的信息，開始構(gòu)思。通常，網(wǎng)站設(shè)計(jì)師以草圖的形式呈現(xiàn)，其中包含整個(gè)網(wǎng)站的結(jié)構(gòu)，不同的布局設(shè)計(jì)及導(dǎo)航等內(nèi)容綜合：當(dāng)設(shè)計(jì)人員的構(gòu)思得到了確認(rèn)，就可以開始制作一些初始圖樣，之后再配合文字加以說明。頁面布局和導(dǎo)航：若前面的設(shè)計(jì)獲得了確認(rèn)，則進(jìn)入編制頁面樣例階段，加入導(dǎo)航器，并進(jìn)行初次的嘗試和體驗(yàn)第6頁2.1

項(xiàng)目設(shè)計(jì)的總體流程媒體制作：經(jīng)反復(fù)修改后，站點(diǎn)的外觀和感受最終得到了認(rèn)可，此時(shí)再制作所需的各種媒體素材，并進(jìn)行優(yōu)化內(nèi)容整合：利用各種技術(shù)將不同的媒體素材(HTML、CSS、JavaScript、JAVA、Python、.NET、Node.js等)，按照項(xiàng)目的目標(biāo)有機(jī)的整合在一起項(xiàng)目測(cè)試：在站點(diǎn)被正式發(fā)布之前，測(cè)試人員要完整測(cè)試整個(gè)項(xiàng)目，盡量減少站點(diǎn)中包含的錯(cuò)誤，并在修改后進(jìn)行必要的回歸測(cè)試交付：一旦測(cè)試完成，就可以正式發(fā)布。這標(biāo)志著項(xiàng)目正式進(jìn)入運(yùn)行階段，當(dāng)然后期的完善還需要持續(xù)的做下去第7頁2.1項(xiàng)目設(shè)計(jì)的總體流程第8頁2.2項(xiàng)目建立的前期工作——方案策劃(1)前期的市場(chǎng)分析(2)建設(shè)的目的及功能定位(3)項(xiàng)目的技術(shù)解決方案(4)

項(xiàng)目?jī)?nèi)容規(guī)劃(5)

界面設(shè)計(jì)(6)項(xiàng)目的測(cè)試(7)項(xiàng)目的發(fā)布與推廣(8)項(xiàng)目的維護(hù)(9)項(xiàng)目建設(shè)日程表(10)費(fèi)用明細(xì)第9頁2.3項(xiàng)目設(shè)計(jì)項(xiàng)目的CI形象設(shè)計(jì)設(shè)計(jì)項(xiàng)目的標(biāo)志(logo)設(shè)計(jì)頁面的主色調(diào)設(shè)計(jì)界面的標(biāo)準(zhǔn)字體設(shè)計(jì)項(xiàng)目的宣傳標(biāo)語第10頁2.3項(xiàng)目的設(shè)計(jì)項(xiàng)目的總體結(jié)構(gòu)設(shè)計(jì)文件的目錄結(jié)構(gòu)合理設(shè)計(jì)網(wǎng)頁間的邏輯結(jié)構(gòu)第11頁2.3項(xiàng)目的設(shè)計(jì)項(xiàng)目的版面設(shè)計(jì)布局的概念布局設(shè)計(jì)的步驟版面布局形式第12頁2.3項(xiàng)目的設(shè)計(jì)項(xiàng)目的色彩設(shè)計(jì)216種安全色彩色彩的意義色彩搭配不同色彩方案在網(wǎng)頁設(shè)計(jì)中的應(yīng)用第13頁2.3項(xiàng)目的設(shè)計(jì)項(xiàng)目的導(dǎo)航設(shè)計(jì)導(dǎo)航需要放置在重要的位置上注意超鏈接顏色與一般文字的區(qū)分測(cè)試所有的超鏈接與導(dǎo)航按鈕的有效性讓超鏈接的字串長(zhǎng)短適中對(duì)較長(zhǎng)的文本提供必要的鏈接在較長(zhǎng)的頁面內(nèi)提供目錄與標(biāo)題暫時(shí)不提供到尚未完成頁面的超鏈接不要在一篇短文里提供太多的超鏈接第14頁2.3項(xiàng)目的設(shè)計(jì)項(xiàng)目信息的可用性設(shè)計(jì)文字列表形式圖片形式圖片加文字內(nèi)容形式使用迷你塊第15頁2.3項(xiàng)目的設(shè)計(jì)項(xiàng)目的交互設(shè)計(jì)基于用戶行為體驗(yàn)的交互設(shè)計(jì)基于用戶情感體驗(yàn)的交互設(shè)計(jì)設(shè)計(jì)的原則和方法第16頁2.4網(wǎng)站的架設(shè)：IIS的安裝與配置

Web服務(wù)器是通過服務(wù)軟件實(shí)現(xiàn)的常用軟件：IIS和Apache等第17頁2.4建立項(xiàng)目的準(zhǔn)備——環(huán)境安裝與配置Web服務(wù)器裝有Web瀏覽器的客戶端網(wǎng)絡(luò)TCP/IPTCP/IPHTTPIP地址Internet

ExplorerHTTP第18頁IIS的基本功能2.4.1MicrosoftInternet信息服務(wù)(IIS)索引服務(wù)安全套接字層WindowsMedia服務(wù)附加的開發(fā)人員支持ActiveServerPages（活動(dòng)服務(wù)頁面）VBScript和JavaScript遠(yuǎn)程管理InternetIIS第19頁2.4.1MicrosoftInternet信息服務(wù)(IIS)IIS1.0WindowsNT3.51IIS2.0WindowsNT4.0IIS3.0WindowsNT4.0withSP3InstalledIIS4.0WindowsNT4.0withOptionPackIIS5.0Windows2000IIS5.1WindowsXPIIS6.0WindowsServer2003IIS7.0Windows7，windows2008IIS8.0windows2012IIS8.5windows2012r2，windows8IIS10.0windows2016，windows10，windows11第20頁IIS的安裝2.4.2使用IIS建立站點(diǎn)第21頁2.4.3IIS的配置第22頁ApacheGFE/GWSNginxLighttpdZeusBEAWebLogicTomcat2.4.4其他Web服務(wù)器第23頁2.5項(xiàng)目運(yùn)行的基礎(chǔ)——安全安全威脅信息截取內(nèi)部竊密和破壞黑客技術(shù)缺陷計(jì)算機(jī)病毒拒絕服務(wù)攻擊第24頁2.5項(xiàng)目運(yùn)行的基礎(chǔ)——安全防范策略操作系統(tǒng)安全加密服務(wù)器安全防火墻安全認(rèn)證反病毒、防木馬入侵檢測(cè)安全掃描工具勤于備份用戶審計(jì)建立良好、可操作的安全制度第25頁2.6項(xiàng)目開發(fā)過程瀑布模型第26頁2.6網(wǎng)站開發(fā)過程敏捷開發(fā)模型測(cè)試驅(qū)動(dòng)開發(fā)代碼重構(gòu)持續(xù)集成結(jié)對(duì)編程計(jì)劃撲克代碼審查每日站會(huì)回顧第27頁2.7項(xiàng)目評(píng)估準(zhǔn)備工作

理解項(xiàng)目的行業(yè)定位、內(nèi)容質(zhì)量、用戶類型等數(shù)據(jù)分析SEO數(shù)據(jù)通過搜索引擎來分析社交平臺(tái)數(shù)據(jù)平臺(tái)自身的社交內(nèi)容數(shù)據(jù)外鏈數(shù)據(jù)分析站用戶聚合第28頁習(xí)題1.項(xiàng)目策劃的主要步驟以及每個(gè)步驟的要求是什么？2.如何判斷本機(jī)是否已安裝或運(yùn)行了Web服務(wù)器？如果沒有，需