《web前端網(wǎng)頁設(shè)計(jì)》課程設(shè)計(jì)-著名景點(diǎn)推廣類網(wǎng)站前端大作業(yè)

1、 HTML5網(wǎng)頁設(shè)計(jì)大作業(yè)HTML5網(wǎng)頁設(shè)計(jì)期末大作業(yè) 題 目： 迪士尼 專 業(yè)： 班 級： 學(xué) 號： 姓 名： TOC o 1-2 h u 目錄TOC o 1-2 h u HYPERLINK l _Toc3215 一 需求分析 PAGEREF _Toc3215 3 HYPERLINK l _Toc10732 1. 功能需求 PAGEREF _Toc10732 3 HYPERLINK l _Toc14022 2.軟件需求 PAGEREF _Toc14022 3 HYPERLINK l _Toc31316 二.詳細(xì)設(shè)計(jì) PAGEREF _Toc31316 3 HYPERLINK l _Toc26

2、247 1.頁面一代碼 PAGEREF _Toc26247 3 HYPERLINK l _Toc26247 2.頁面二代碼6 HYPERLINK l _Toc26247 3.頁面一代碼10 HYPERLINK l _Toc26247 4.頁面一代碼14 HYPERLINK l _Toc26247 5.頁面一代碼19 HYPERLINK l _Toc26247 6.頁面一代碼23 HYPERLINK l _Toc31316 三.課程總結(jié)與感想28需求分析功能需求上海迪士尼樂園無論老幼，都可以在此感受充滿創(chuàng)造力、冒險和刺激的樂趣，你可以在此親歷許多迪士尼樂園的經(jīng)典項(xiàng)目，包括較大的迪士尼城堡、以海盜

3、為主題的園區(qū)、較長的迪士尼花車巡游路線等，身臨其境地感受神奇王國。為宣傳迪士尼做此網(wǎng)頁2.軟件需求HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫.二.詳細(xì)設(shè)計(jì)1.頁面一代碼 上海迪士尼樂園 首頁米奇大街 奇想花園 夢幻世界 童話城堡 聯(lián)系我們 上海迪士尼樂園 上海迪士尼樂園，是中國內(nèi)地首座迪士尼主題樂園，位于上海市浦東新區(qū)川沙新鎮(zhèn)，于2016年6月16日正式開園。它是中國第二個、中國內(nèi)地第一個、亞洲第三個、世界第六個迪士尼主題公園。上海迪士尼樂園擁有七大主

4、題園區(qū)：米奇大街、奇想花園、探險島、寶藏灣、明日世界、夢幻世界、玩具總動員；兩座主題酒店：上海迪士尼樂園酒店、玩具總動員酒店；一座地鐵站：迪士尼站；并有多個全球首發(fā)游樂項(xiàng)目。2016年3月8日，上海迪士尼度假區(qū)在其官方網(wǎng)站公布首批園內(nèi)實(shí)景圖。園內(nèi)的創(chuàng)極速光輪將成為全球迪士尼主題樂園中首創(chuàng)的景點(diǎn)。 歷史沿革 2009年，上海迪士尼項(xiàng)目正式獲得國家批準(zhǔn)，選址川沙。2011年底，川沙開始拆遷新建迪士尼樂園。2011年4月8日，上海迪士尼樂園項(xiàng)目正式開工建設(shè)。2016年6月16日，上海迪士尼樂園正式開園。 環(huán)境布局上海迪士尼樂園位于上海市浦東區(qū)川沙新鎮(zhèn)，上海迪士尼樂園面積 116公頃總規(guī)劃面積7平方公

5、里，迪士尼樂園中心位置處于北緯314 東經(jīng)12135。 景區(qū)布局 以核心區(qū)、發(fā)展功能區(qū)為基礎(chǔ)，著力構(gòu)建“一核、五片”的空間發(fā)展格局。(一)核心區(qū)代表性項(xiàng)目迪士尼項(xiàng)目。(二)南片區(qū)綜合娛樂商業(yè)區(qū)代表性項(xiàng)目1現(xiàn)代娛樂商業(yè)綜合體。代表性項(xiàng)目2超級秀場集聚區(qū)。(三)西片區(qū)生態(tài)保護(hù)旅游區(qū)代表性項(xiàng)目1橫沔古鎮(zhèn)。代表性項(xiàng)目2大型主題婚慶基地。代表性項(xiàng)目3旅游創(chuàng)意產(chǎn)業(yè)園區(qū)。(四)北片區(qū)高端總部休閑區(qū)代表性項(xiàng)目高端總部休閑基地。 主要景點(diǎn) 版權(quán)所有上海迪士尼樂園 2.頁面二 上海迪士尼樂園 首頁米奇大街 奇想花園 夢幻世界 童話城堡 聯(lián)系我們 米奇大街 米奇大街 奇想花園 夢幻世界 童話城堡 聯(lián)系我們 米奇大街

6、 “米奇大街”是奇思妙想的發(fā)源地，這個街區(qū)布滿了各式各樣的商店和餐館。從步入這里起將感受到上海迪士尼樂園歡快的氛圍，遠(yuǎn)離塵囂進(jìn)入各個充滿探險、夢幻和未來感的主題園區(qū)?！懊灼娲蠼帧庇性S多美麗的馬賽克拼瓷，下面這幅米奇與唐老鴨馬賽克拼瓷便是其中之一，描繪了四季中的迪士尼明星。大鐘塔在上海迪士尼樂園的入口處有一座大鐘塔，其靈感來源于經(jīng)典的米奇腕表設(shè)計(jì)。巨大的編排表示著樂園的中英文名字，并充滿中式設(shè)計(jì)的元素和色彩。M大街購物廊“M大街購物廊”座落于“米奇大街”上，將為游客提供主題樂園內(nèi)最豐富的禮品和紀(jì)念品選擇，包括一系列精選服裝、配飾、禮品、家飾品和首飾。這頂繡著中文“米奇”的經(jīng)典款米奇大耳帽就是特別

7、設(shè)計(jì)的迪士尼商品之一。米奇好伙伴美味集市奇好伙伴美味集市”是一間柜臺點(diǎn)餐式餐廳。游客在享用中西式美食的同時，還能觀賞到鄰近的花園、“幻想曲旋轉(zhuǎn)木馬”和“奇幻童話城堡”的美景。小米大廚烘焙坊“小米大廚烘焙坊”是以美食總動員中的角色小米為原型的法式烘焙坊，提供各式面包、糕點(diǎn)和松餅，還有餐廳廚房制作的新鮮甜點(diǎn)。木制百葉窗、花箱、露天座椅和以法式咖啡館為靈感的裝飾畫，令烘焙坊別具特色。甜心糖果“甜心糖果”代表著米妮童年的家。采用安妮女王式風(fēng)格設(shè)計(jì)的糖果店是為了慶賀迪士尼第一對情侶米奇和米妮。會在店內(nèi)看到講述這對情侶戀愛故事的壁畫和甜蜜場景。店內(nèi)布滿了鮮花、愛心、以及靈感來自米妮經(jīng)典的紅白相間波點(diǎn)裙等的

8、設(shè)計(jì)元素。首次向原創(chuàng)米奇致敬“蒸汽船米奇噴泉”將在上海迪士尼樂園首次亮相，這是向華特迪士尼先生于1928年創(chuàng)作的動畫致敬，該動畫首度將米奇介紹給全世界?！罢羝灼鎳娙边\(yùn)用了比華特早期原版動畫更為現(xiàn)代的米奇造型，并賦予了其時尚風(fēng)格。 版權(quán)所有上海迪士尼樂園 3.頁面三 上海迪士尼樂園 首頁米奇大街 奇想花園 夢幻世界 童話城堡 聯(lián)系我們 奇想花園 米奇大街 奇想花園 夢幻世界 童話城堡 聯(lián)系我們 奇想花園 特別為上海迪士尼樂園打造的“奇想花園”贊頌著大自然的奇妙和想象力帶來的快樂。游客們將平日生活拋諸腦后，徜徉于七座神奇花園中：時而駕著“幻想曲旋轉(zhuǎn)木馬”體驗(yàn)回旋的歡樂，時而乘著“小飛象”在天

9、空中盡情翱翔，時而陶醉于“音悅園”的美景與旋律中?！捌嫦牖▓@”擁有風(fēng)景迷人的小橋步道，交織通達(dá)各個主題園區(qū)，是親朋好友相聚的理想之地。漫步園中，游客們將遇見米奇和他的伙伴們，更可以前往觀景階梯欣賞城堡舞臺表演與夜光幻影秀。該園區(qū)包括七座風(fēng)格各異的花園“十二朋友園”、“音悅園”、“浪漫園”、“碧林園”、“妙羽園”、“幻想曲園”和“童話城堡園”，分別呈現(xiàn)了親情、友情與歡樂的主題。每座花園都充滿了趣味盎然的活動，花繁葉錦的景觀設(shè)計(jì)，以及歡樂的合影機(jī)會。故事家雕塑在園區(qū)入口，一座真實(shí)比例的迪士尼創(chuàng)始人華特迪士尼先生與米奇的高大銅像正歡迎來到上海迪士尼樂園這片歡樂之地。這座雕塑將成為熱門的拍照景點(diǎn)。米奇

10、童話專列日間主題巡游“米奇童話專列”將滿載奇幻、浪漫、音樂與歡笑，穿行于上海迪士尼樂園的主題園區(qū)?！懊灼嫱拰Ａ小睂⒃谀Хɑ疖囶^帶領(lǐng)下駛過全球迪士尼樂園中最長的巡游路線。一整列主題花車前后相隨，并伴著令人振奮的音樂節(jié)拍和多姿多彩的演出人員。每一部花車都以一部迪士尼電影中的角色、故事和音樂為主題，“米奇童話專列”將帶著神奇。十二朋友園“十二朋友園”是上海迪士尼樂園的全球首創(chuàng)。在這座神奇花園里，有12幅大型馬賽克壁畫，生動描繪出化身中國十二生肖的迪士尼及迪士尼皮克斯動畫的角色。可以找到屬于各自的生肖形象，在這面由中國手工藝匠打造的生肖壁畫墻前合影留念。在中國，十二生肖有著舉足輕重的地位，迪士尼深諳

11、于此?！笆笥褕@”將迪士尼標(biāo)志性的故事講述和傳統(tǒng)中國元素完美融合，創(chuàng)造與本命年生肖合影的絕佳機(jī)會，與親朋好友一起在此留下永恒的美好回憶。為了栩栩如生地表現(xiàn)出十二生肖的屬相特征，同時又能吻合其各自獨(dú)特的角色性格，上海迪士尼度假區(qū)精挑細(xì)選出十二位迪士尼動畫明星。十二生肖有鼠年、牛年、虎年、兔年、龍年、蛇年、馬年、羊年、猴年、雞年、狗年、豬年。幻想曲旋轉(zhuǎn)木馬上海迪士尼樂園獨(dú)有的“幻想曲旋轉(zhuǎn)木馬”將為游客帶來迪士尼傳奇影片幻想曲中的角色和交響樂， 裝扮為魔法師學(xué)徒的米奇也將前來做伴。這個大型的旋轉(zhuǎn)木馬由中國手工藝匠打造，72種絢爛顏色美妙地交織，62匹飛馬爸爸、飛馬媽媽和飛馬寶寶與兩輛馬車在其中回旋

12、翱翔。不同于其他迪士尼樂園里的傳統(tǒng)中世紀(jì)風(fēng)格旋轉(zhuǎn)木馬，這將是全球迪士尼樂園中第一座繽紛多彩的旋轉(zhuǎn)木馬。 版權(quán)所有上海迪士尼樂園 4.頁面四 上海迪士尼樂園 首頁米奇大街 奇想花園 夢幻世界 童話城堡 聯(lián)系我們 夢幻世界 米奇大街 奇想花園 夢幻世界 童話城堡 聯(lián)系我們 夢幻世界 受迪士尼動畫電影啟發(fā)而設(shè)計(jì)的“夢幻世界”是上海迪士尼樂園中最大的主題園區(qū)，宏偉壯麗的“奇幻童話城堡”便坐落其中。可以在城堡上俯瞰童話村莊和神奇森林，也可以在各類精彩有趣的景點(diǎn)中沉浸于倍受喜愛的迪士尼故事?！皦艋檬澜纭敝械拿總€角落都將深深地吸引各年齡層的家庭成員。在這個童話仙境中，游客將乘坐“晶彩奇航”經(jīng)歷熟悉的迪士尼故

13、事。這一奇幻的游覽體驗(yàn)也將成為上海迪士尼樂園又一全球首發(fā)游樂項(xiàng)目。無論是年輕人還是擁有年輕心態(tài)的游客都將沉浸于這個永恒的園區(qū)中，在這里見證童話的誕生和長存。游客將乘著“七個小矮人礦山車”在閃耀著寶石光芒的礦洞隧道中穿梭，暢游在“小飛俠天空奇遇”里俯瞰倫敦，和小熊維尼探索“百畝森林”，和愛麗絲一起漫游華麗的“仙境迷宮”。晶彩奇航“晶彩奇航”將從水上穿越和游覽“夢幻世界”。歡快的噴泉和雕塑在水邊林立，慶頌神奇和幻想洋溢的經(jīng)典故事，激發(fā)游客的美夢和想象力。在旅程的終點(diǎn)，駛?cè)腚[藏在“奇幻童話城堡”下的巖洞中，伴隨著搖曳的燈光和池水沉浸在神奇的音樂和色彩中。七個小矮人礦山車取材于迪士尼經(jīng)典動畫電影白雪公

14、主和七個小矮人，“七個小矮人礦山車”是適合全家人一起乘坐的過山車項(xiàng)目。乘坐礦車穿過蜿蜒連綿的山脈、經(jīng)過池塘瀑布、在離開寶石礦之后，最后來到七個小矮人的小屋。每輛礦車都安裝有支架狀樞軸，可在更換軌道時來回?cái)[動。在這里，會欣賞到迪士尼經(jīng)典影片的音樂和動畫人物表演，還會遇到樂于助人的森林小動物們。旋轉(zhuǎn)瘋蜜罐在“百畝森林”中，“旋轉(zhuǎn)瘋蜜罐”是一處闔家同樂的景點(diǎn)，游客將坐進(jìn)旋轉(zhuǎn)瘋蜜罐內(nèi)體驗(yàn)這個因小熊維尼最愛的食物而得名的游樂項(xiàng)目。維尼喜歡以自己的方式在裝滿蜂蜜的陶罐上標(biāo)注“瘋蜜”。在捆扎著蜂巢的篷頂下，熱情的蜜蜂們在身邊哼唱著小熊維尼之歌。通過轉(zhuǎn)動蜜罐中心的方向盤，自由地控制蜜罐的旋轉(zhuǎn)速度。蜜罐上的各處

15、細(xì)節(jié)，包括雙語標(biāo)簽都用心設(shè)計(jì)。遠(yuǎn)遠(yuǎn)看去，每只蜜罐都像裝滿鮮美欲滴的蜂蜜一樣。愛麗絲夢游仙境迷宮專為上海迪士尼樂園設(shè)計(jì)的“愛麗絲夢游仙境迷宮”是全球迪士尼樂園中第一個以蒂姆波頓的真人電影愛麗絲夢游仙境為主題的景點(diǎn)。游客在前往瘋狂帽子茶會派對時，可以選擇自己的道路通過仙境的異想世界。一路上，游客們會遇到妙妙貓、白兔以及電影中人物的雕塑，包括專橫的紅心皇后。在綠籬、石墻、巨花和奇幻雕塑組成的迷宮內(nèi)，一場全家出動的冒險將帶來無窮的樂趣。小飛俠天空奇遇搭乘“小飛俠天空奇遇”的“飛”船，游客將翱翔在倫敦上空，向著夢幻島出發(fā)。在小飛俠的帶領(lǐng)下，游客將經(jīng)歷一系列刺激的冒險，對抗虎克船長和他的海盜船員，體驗(yàn)前所

16、未有的翱翔，同時感受小男孩放飛想象力的勇氣。這個經(jīng)典景點(diǎn)在上海迪士尼樂園得到全新升級，新的迪士尼神奇體驗(yàn)將“飛船”與場景靠得更近，將被仙塵包圍，并面對面邂逅迪士尼的經(jīng)典角色。冰雪奇緣: 歡唱盛會在“林間劇場”，觀眾們將跟隨著冰雪奇緣中的朋友們和阿倫黛爾的村民們一同分享故事，歡聲歌唱，感受充滿歡樂的冰雪互動表演。兩位來自阿倫黛爾的節(jié)慶導(dǎo)游將主持慶典并介紹音樂劇的每位成員。聞名遐邇的艾莎、安娜和克里斯托夫?qū)⒓尤脒@場盛會，歡迎各年齡層的游客跟隨心愛的冰雪奇緣音樂一起歡唱。老藤樹食?！袄咸贅涫硹！弊湓趬艋檬澜绲纳种校湓O(shè)計(jì)靈感來自于迪士尼動畫魔發(fā)奇緣中的小鴨酒館。盤根錯節(jié)的巨型樹根仿佛將“老藤樹食

17、?！鄙盥裨跁r光里，豐富的細(xì)節(jié)設(shè)計(jì)將重現(xiàn)電影中的小酒館喧囂吵鬧的環(huán)境。將在這郁郁蔥蔥的林地中享受豐盛的一餐。皮諾丘鄉(xiāng)村廚房“皮諾丘鄉(xiāng)村廚房”帶領(lǐng)游客走進(jìn)迷人的迪士尼童話木偶奇遇記。這里提供品種豐富多元的美食，無論是匹薩、西式面點(diǎn)還是亞洲米飯，都能在這里找到，在享用美食的同時。 版權(quán)所有上海迪士尼樂園 5.頁面五 上海迪士尼樂園 首頁米奇大街 奇想花園 夢幻世界 童話城堡 聯(lián)系我們 童話城堡 米奇大街 奇想花園 夢幻世界 童話城堡 聯(lián)系我們 童話城堡 “奇幻童話城堡”不僅是上海迪士尼樂園中的最高建筑，也是世界上最高、最大、最具互動性的迪士尼城堡，它將成為樂園中最引人注目的地標(biāo)。坐落于上海迪士尼樂園

18、的心臟位置，宏偉壯麗的“奇幻童話城堡”將為游客提供各種身臨其境的體驗(yàn)：高雅的點(diǎn)餐服務(wù)餐廳、深受小朋友喜愛的“繽紛變幻沙龍”、及其他購物和娛樂設(shè)施。不同于其他迪士尼城堡為一位公主而建，“奇幻童話城堡”將首次聚集從迪士尼豐富且雋永的傳統(tǒng)中所誕生的每一位公主。從設(shè)計(jì)階段對建筑信息模型（BIM）和沉浸式數(shù)字模擬演示廳（DISH）技術(shù)的創(chuàng)新應(yīng)用，到后期的主題飾面工作，高新科技與創(chuàng)意在“奇幻童話城堡”的開發(fā)中展現(xiàn)淋漓。華特迪士尼幻想工程-上海與本地合作伙伴共同合作，在城堡建造過程中大量運(yùn)用創(chuàng)新科技。DISH和BIM技術(shù)是在進(jìn)入實(shí)際施工階段之前即開始采用數(shù)字化的設(shè)計(jì)方法，以提高工作效率、完善故事講述。迎賓閣

19、在這個私密的城堡庭院中，游客將有機(jī)會遇見迪士尼公主、皇室友人、米奇和唐老鴨。門關(guān)的高雅標(biāo)牌將說明當(dāng)天接見訪客的公主及皇室友人。宮廷中的裝飾包括五顏六色的鮮花和常年生長的藤蔓，以及用玉雕刻而成的“奇幻童話城堡浮雕”。這幅安置在柱子之間的大型浮雕背景?！捌婊猛挸潜ぁ比臻g舞臺秀“奇幻童話城堡”矗立于上海迪士尼樂園的中心，是浪漫、歡樂、探險和圓滿的幸福之源。在城堡舞臺上演的“金色童話盛典”將演繹白雪公主、安娜和艾莎、茉莉、愛麗兒和梅莉達(dá)等迪士尼公主的精彩故事。通過經(jīng)典角色和歌曲的演繹，這場日間的盛典將綻放迪士尼的神奇魅力，傳達(dá)堅(jiān)定的信仰夢想一定會實(shí)現(xiàn)?！包c(diǎn)亮奇夢：夜光幻影秀”當(dāng)夜幕低垂，“點(diǎn)亮奇夢：

20、夜光幻影秀”拉開帷幕，上演投影、激光和煙火交相輝映的壯麗表演，將這座全球最大的迪士尼城堡渲染成如夢似幻的魔法世界。城堡外墻映出令人驚嘆的全新世界，充滿了色彩和動感。在“夜光幻影秀”中，米奇將發(fā)現(xiàn)神奇火花點(diǎn)燃了他的想象，讓他可以自由翱翔在空中。這是一次令每個人點(diǎn)亮心中奇夢與想象的旅程。漫游童話時光宏偉蜿蜒的城堡階梯將引領(lǐng)游客踏上“漫游童話時光”之旅，這個特別為上海迪士尼樂園設(shè)計(jì)的游樂項(xiàng)目將帶給游客難忘的體驗(yàn)。游客將第一次在全球迪士尼樂園中與動畫版的白雪公主互動，漫步于她的故事世界。穿過“魔鏡”進(jìn)入神奇的童話世界，游客還將遇見白雪公主的朋友并見證壞人的惡行，通過現(xiàn)實(shí)交互式技術(shù)分享白雪公主的夢境?！?/p>

21、漫游童話時光”對于中國游客來說意義非凡白雪公主動畫電影于1938年2月8日在上海首映，而白雪公主也是首位在中國廣為人知的迪士尼公主。繽紛變幻沙龍從選擇發(fā)型到挑選正式舞會禮服，每位家庭成員都將在“繽紛變幻沙龍”的小女孩魔法變身計(jì)劃中獲得無限樂趣。沙龍中的色彩和設(shè)計(jì)旨在讓游客有身臨公主們的神奇世界之感。這家沙龍的別致室內(nèi)設(shè)計(jì)主打白花壁紙、薰衣草面板、洛可可式的木框門道和金箔裝飾。 版權(quán)所有上海迪士尼樂園 峰想了又想，不如一個破爛的貧民6.頁面六 上海迪士尼樂園 首頁米奇大街 奇想花園 夢幻世界 童話城堡 聯(lián)系我們 聯(lián)系我們 米奇大街 奇想花園 夢幻世界 童話城堡 聯(lián)系我們 聯(lián)系我們 昵稱： 郵箱： 性別： 男 女 類型： 請選擇 投訴 網(wǎng)站建議 其他 標(biāo)題： 留言： 提交留言 版權(quán)所有上海迪士尼樂園 得格外刺眼。嘶！張峰三課程總結(jié)與感想一學(xué)期結(jié)束了，這個課程對我來說對我來說有點(diǎn)難、感覺學(xué)到很吃力。功夫不負(fù)有心人。每節(jié)課都認(rèn)真聽講、跟著老師的節(jié)奏。一步一個腳印，做好相應(yīng)的筆記。一學(xué)期下來學(xué)會了不少。我們的老師非常的負(fù)責(zé)人。每節(jié)課耐心為我們講解。解決我們的疑難問題。很高興也很感謝與老師度過了這個學(xué)期 ，希望下學(xué)期還遇