初稿城市印象網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

1、 本科畢業(yè)論文（設(shè)計(jì)）題 目： 城市印象網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 學(xué) 生： 侯立虎 學(xué)號(hào)： 201140910311 學(xué) 院： 計(jì)算機(jī)信息與工程學(xué)院 專(zhuān) 業(yè)： 計(jì)算機(jī)科學(xué)與技術(shù)專(zhuān)業(yè) 入學(xué)時(shí)間： 2011 年 9 月 15 日指導(dǎo)教師： 肖 卓 磊 老 師 職稱： 完成日期： 2015 年 4 月 30 日城市印象網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)摘 要：隨著網(wǎng)絡(luò)的迅速普及，智慧城市的發(fā)展。今天的人們已經(jīng)意識(shí)到，建設(shè)網(wǎng)站已經(jīng)成為一個(gè)城市走向公眾最普遍的方式了。對(duì)于一個(gè)城市說(shuō)，建立新穎的宣傳網(wǎng)站可以迅速提升自己的形象，同時(shí)加快城市融入新世紀(jì)發(fā)展的步伐，開(kāi)拓新的旅游市場(chǎng)！而對(duì)于城市的人們，好的宣傳網(wǎng)站可以讓他們更直接的參與城

2、市建設(shè)交流中，明確這個(gè)城市發(fā)展的目標(biāo)。針對(duì)城市發(fā)展的方向和目的，從城市網(wǎng)站設(shè)計(jì)的整個(gè)流程出發(fā)，通過(guò)自己設(shè)計(jì)的這個(gè)城市網(wǎng)站作品來(lái)說(shuō)明并演示一個(gè)網(wǎng)站制作過(guò)程，這篇論文的主要內(nèi)容是城市網(wǎng)站的設(shè)計(jì)思想整體規(guī)化及相關(guān)的功能實(shí)現(xiàn)。網(wǎng)站的設(shè)計(jì)主要通過(guò)Dreamweaver軟件的HTML語(yǔ)言設(shè)計(jì)，包括網(wǎng)頁(yè)的結(jié)構(gòu)、超文本標(biāo)記語(yǔ)言、管理員、網(wǎng)頁(yè)的風(fēng)格、許愿墻協(xié)議、版面的布局、文字圖片的運(yùn)用等。關(guān)鍵詞： 網(wǎng)頁(yè)設(shè)計(jì); 超文本標(biāo)記語(yǔ)言; 許愿墻AbstractWith the rapid popularization of Internet, the development of smart city. Today,

3、people have realized, the construction site has become a city to the public the most common way. For a city, a new website can improve their image quickly, while speeding up the pace of development of the city into the new century, developing new tourist market!For city people, good website can make

4、 them more directly to participate in the exchange of city construction, clear the city development goals. According to the purpose and direction of development of the city, the whole process of design from the city site of the city, through the website works designed to illustrate and demonstrate a

5、 website production process, the main content of this thesis is the design of website of city overall planning and related functions. Mainly through the HTML language design Dreamweaver software design of the site, including Webpage structure, hypertext markup language, administrator, Webpage style,

6、 Wishing Wall agreement, the layout of the page, the use of words and pictures. Keywords: web design、Html、wishing wall 目 錄AbstractI一、 緒論1（一）網(wǎng)站開(kāi)發(fā)背景1（二）網(wǎng)站開(kāi)發(fā)意義1二、 項(xiàng)目理論分析2（一） 可行性分析2（二） 需求分析3（三） 總體分析4三、 網(wǎng)站功能的設(shè)計(jì)與實(shí)現(xiàn)5（一） 首頁(yè)5（二） 城市簡(jiǎn)介5（三） 最新資訊6（四） 城市景點(diǎn)7（五） 城市地圖7（六） 美文欣賞7（七） 歷史名人7（八） 城市美食7（九） 許愿墻7四、 基于HTML語(yǔ)言建立

7、網(wǎng)頁(yè)鏈接9（一）文字鏈接9（二）圖像鏈接10五、 網(wǎng)站的運(yùn)營(yíng)12（一） 網(wǎng)站測(cè)試12（二） 網(wǎng)站發(fā)布與推廣12（三） 網(wǎng)站維護(hù)13六、 總結(jié)與感想16致 謝17參考文獻(xiàn)18附 錄（）19附錄A: 附加圖、表19附錄B: 主要源程序20一、 緒 論城市印象從廣義的角度來(lái)講，是指一個(gè)城市從古代到現(xiàn)代在政治、經(jīng)濟(jì)、文化等諸多方面的體現(xiàn)，城市印象是指該城市從文化角度給人們留下的一種概念，通俗的說(shuō)是對(duì)某個(gè)城市所產(chǎn)生的印象和遺留感覺(jué)，是在客觀載體下所產(chǎn)生的一種主觀意識(shí)。城市若要給人們留下一個(gè)較美好的印象，她要通過(guò)各種的宣傳媒介向受眾進(jìn)行對(duì)外宣傳，由于網(wǎng)站不受局限且具有“流動(dòng)的美術(shù)展覽”特點(diǎn)，故選擇其作為城

8、市文化的主要宣傳媒介之一。城市印象網(wǎng)站的設(shè)計(jì)是為起到對(duì)該城市的宣傳作用，將城市的特色通過(guò)網(wǎng)頁(yè)的形式展示給人們，從而促進(jìn)文化上的交流。本網(wǎng)站選擇中國(guó)的古城阜陽(yáng)作為研究對(duì)象，一是為了向人們宣傳我國(guó)的城市文化藝術(shù)，讓更多的人了解古城文化，并重視我國(guó)的民族藝術(shù)；二是將民族藝術(shù)運(yùn)用到城市印象主題網(wǎng)站設(shè)計(jì)當(dāng)中，可使人們通過(guò)網(wǎng)站對(duì)阜陽(yáng)這一城市有更多的了解和認(rèn)識(shí)；三是對(duì)網(wǎng)站的主要構(gòu)成元素圖形、色彩和文字在網(wǎng)站設(shè)計(jì)當(dāng)中的運(yùn)用進(jìn)行研究，同時(shí)對(duì)網(wǎng)站設(shè)計(jì)的表現(xiàn)技法以及宣傳方式進(jìn)行嘗試和研究。（一）網(wǎng)站開(kāi)發(fā)背景城市網(wǎng)站是一個(gè)城市發(fā)展不可缺少的部分,它的作用對(duì)于城市的決策者和管理者來(lái)說(shuō)都至關(guān)重要。因此城市網(wǎng)站應(yīng)該能夠?yàn)橛?/p>

9、戶提供充足的城市資訊，但一直以來(lái)人們使用傳統(tǒng)人工的方式(例如：城市海報(bào)，報(bào)紙宣傳等),傳統(tǒng)宣傳方式存在著許多缺點(diǎn),如:效率低、宣傳性較差,另外時(shí)間一長(zhǎng),將產(chǎn)生大量的文件和數(shù)據(jù),這對(duì)于查找、資訊更新帶來(lái)了不少的困難。隨著科學(xué)技術(shù)的不斷提高,計(jì)算機(jī)科學(xué)日漸成熟,其強(qiáng)大的功能已為人們深刻認(rèn)識(shí),它已進(jìn)入人類(lèi)社會(huì)的各個(gè)領(lǐng)域并發(fā)揮著越來(lái)越重要的作用。作為計(jì)算機(jī)應(yīng)用的一部分,使用計(jì)算機(jī)對(duì)網(wǎng)上城市資訊發(fā)布進(jìn)行管理,具有著手于管理所無(wú)法比擬的優(yōu)點(diǎn)例:檢索迅速、查找方便、可靠性高、存儲(chǔ)量大、壽命長(zhǎng)、成本低等。這些優(yōu)點(diǎn)能夠極大地提高網(wǎng)上新聞發(fā)布的效率,也是城市走向現(xiàn)代化化、正規(guī)化管理、與世界接軌的重要條件。（二）網(wǎng)

10、站開(kāi)發(fā)意義計(jì)算機(jī)科學(xué)技術(shù)飛速發(fā)展的今天，加快了人們的生活節(jié)奏。時(shí)間變得更加寶貴，任何產(chǎn)品需要很好的被使用，其知名度就至關(guān)重要。比如人們生活中更多接觸的便是電視、電腦、手機(jī)這些科技產(chǎn)品。那么對(duì)于城市領(lǐng)域設(shè)計(jì)出來(lái)的宣傳網(wǎng)站，城市應(yīng)該如何對(duì)其推廣宣傳和普及。源于這一思考，設(shè)想如果每個(gè)城市能紛紛建立起屬于自己的城市映像網(wǎng)站，展示城市各個(gè)方面的風(fēng)景人文，那么去推廣這個(gè)城市相對(duì)來(lái)講更加的省時(shí)省力，這是提高城市知名度的有效途徑。同時(shí)建設(shè)城市網(wǎng)站，這樣也可以很好的對(duì)外展示城市文化，是城市實(shí)力的一種體現(xiàn)方式今天，各行各業(yè)的競(jìng)爭(zhēng)日趨激烈，每個(gè)企業(yè)所面臨的主要任務(wù)是提高工作效率和工作質(zhì)量。城市網(wǎng)站的建立可以大量降低

11、人力資源方面的成本付出，突破了時(shí)間和空間的限制，人們對(duì)城市的詳細(xì)了解可以在任何時(shí)間和地點(diǎn)進(jìn)行，可以即時(shí)進(jìn)行。有了城市宣傳的網(wǎng)站平臺(tái)，人們就不需要海量去查詢城市詳情，可以借助網(wǎng)絡(luò)平臺(tái)了解這個(gè)城市，通過(guò)網(wǎng)站的瀏覽，大大便捷了游客及城市人們的出行及游玩問(wèn)題。鑒于互聯(lián)網(wǎng)的諸多優(yōu)勢(shì)以及對(duì)國(guó)內(nèi)外智慧城市發(fā)展的研究分析，我此次的設(shè)計(jì)是開(kāi)發(fā)一個(gè)集成了發(fā)布城市資訊、介紹城市美食、城市人文歷史、交通路線查詢等功能于一體的城市印象網(wǎng)站，以微小的力量推動(dòng)中國(guó)互聯(lián)網(wǎng)的發(fā)展。二、項(xiàng)目理論分析建立一個(gè)城市的網(wǎng)站，把它作為一個(gè)門(mén)戶，在這個(gè)門(mén)戶中我們可以把各類(lèi)與城市建設(shè)相關(guān)的業(yè)務(wù)聯(lián)系都引入其中（例如：城市建設(shè)規(guī)劃、城市教育論壇

12、、城市旅游宣傳、城市地圖導(dǎo)航 等）。你會(huì)發(fā)現(xiàn)這個(gè)城市的門(mén)戶無(wú)所不能了，這是利用延伸互聯(lián)網(wǎng)信息門(mén)戶的整合能力，而在技術(shù)上是完全可以達(dá)到的。本網(wǎng)站主要展現(xiàn)城市的風(fēng)景人文地理，以及城市生活的方方面面。達(dá)到更好的宣傳城市效果，是城市走向普通大眾的基礎(chǔ)平臺(tái)。本章主要分析印象網(wǎng)站的需求、可行性以及總體結(jié)構(gòu)，使城市印象網(wǎng)站的建設(shè)與運(yùn)行，更加適合城市發(fā)展的需要。圖2.0 項(xiàng)目理論分析圖（1） 可行性分析 (1) 技術(shù)上可行： 該系統(tǒng)是基于Dreamweaver軟件的HTML語(yǔ)言，所設(shè)計(jì)的城市印象網(wǎng)，所需硬件設(shè)備，如服務(wù)器，計(jì)算機(jī)，而且申請(qǐng)一個(gè)域名也沒(méi)多大技術(shù)上的要求，有些網(wǎng)站還提供相關(guān)的技術(shù)支持、管理與維護(hù)。

13、在軟件上，操作系統(tǒng)采用Windows系列操作系統(tǒng)，這些軟件在網(wǎng)站建設(shè)中被大量采用，技術(shù)上都比較成熟,因此在技術(shù)上是可行的。 (2) 經(jīng)濟(jì)上可行： 由于我們做的是畢業(yè)設(shè)計(jì)，在成本方面都是由個(gè)人自己解決，所以對(duì)經(jīng)費(fèi)沒(méi)有很高的要求和控制。 綜上所述，網(wǎng)站建設(shè)在技術(shù)上、經(jīng)濟(jì)上都是可行的。（二） 需求分析 互聯(lián)網(wǎng)可以做到隨時(shí)隨地接入，提高效率，是輔助決策的很好的工具，并能實(shí)現(xiàn)與國(guó)際供應(yīng)鏈連接有了互聯(lián)網(wǎng)的接入門(mén)戶，對(duì)于城市建設(shè)發(fā)展的一切行為都在最快捷最準(zhǔn)確的掌握之中，無(wú)論身在何方，隨時(shí)隨地接入，城市就在眼前，這對(duì)于提高決策效率的幫助是任何形式都不可比擬的。特別是在智慧城市來(lái)臨之時(shí)，中國(guó)城市如何能夠適應(yīng)國(guó)際

14、化的競(jìng)爭(zhēng)，進(jìn)入全球化供應(yīng)鏈?zhǔn)紫仍诔鞘行畔⒒慕ㄔO(shè)方面就在進(jìn)行有一個(gè)充足的準(zhǔn)備，世界格局的變化，競(jìng)爭(zhēng)開(kāi)放城市的信息化也要適用這種變化。當(dāng)前，社會(huì)信息化和經(jīng)濟(jì)全球化發(fā)展日益加快，網(wǎng)絡(luò)經(jīng)濟(jì)迅速發(fā)展，互聯(lián)網(wǎng)正以驚人的速度滲透到經(jīng)濟(jì)的各個(gè)領(lǐng)域，對(duì)城市經(jīng)濟(jì)發(fā)展和社會(huì)生活產(chǎn)生了深遠(yuǎn)的影響，隨著我國(guó)經(jīng)濟(jì)轉(zhuǎn)型，城市發(fā)展不可避免地要面對(duì)全球化引發(fā)更加激勵(lì)的市場(chǎng)競(jìng)爭(zhēng)。城市門(mén)戶網(wǎng)站的主要功能： 1、于城市內(nèi)部是發(fā)展和建設(shè)： 2、對(duì)外則是城市宣傳網(wǎng)站： 3、使城市能夠釋放存儲(chǔ)在內(nèi)部和外部的各種信息；（三） 結(jié)構(gòu)分析1.網(wǎng)頁(yè)界面風(fēng)格新穎大方，操作簡(jiǎn)單，快捷。2.實(shí)現(xiàn)用戶瀏覽信息，許愿墻許愿。3.隨時(shí)更新天氣，路況信息。4

15、實(shí)現(xiàn)管理員發(fā)布資訊，許愿墻的管理。5.保障網(wǎng)站的運(yùn)行穩(wěn)定，安全可靠。6網(wǎng)站的易于維護(hù)，操作。三、網(wǎng)站功能的設(shè)計(jì)與實(shí)現(xiàn) 每個(gè)城市都應(yīng)有獨(dú)一無(wú)二，無(wú)與倫比的宣傳網(wǎng)站。而每個(gè)網(wǎng)站都會(huì)有一個(gè)首頁(yè)，就功能上而言，它代表著一個(gè)城市的風(fēng)格與特色，就網(wǎng)站架構(gòu)上而言，它代表了網(wǎng)站的第一層架構(gòu)，至于網(wǎng)站上其它Web頁(yè)，原則上都必須通過(guò)首頁(yè)來(lái)連接散播出去，可見(jiàn)首頁(yè)是多么的重要。首頁(yè)的布局有很多方法，在這里我所用到的是表格的“布局模式”?！安季帧蹦Ｊ街械谋砀穹Q為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時(shí)，必須從“標(biāo)準(zhǔn)”模式切換到“布局”模式。直接單擊“布局”按鈕圖3.0城市映象首頁(yè)結(jié)構(gòu)圖（一） 首頁(yè)

16、 首頁(yè)功能包括管理員登陸功能，以及瀏覽用戶可以了解城市的資訊等等。圖3.1.0管理員登入頁(yè)面圖3.1.1城市印象網(wǎng)站管理員與瀏覽用戶功能（二） 城市簡(jiǎn)介城市是歷史的積淀，每個(gè)城市都有其自身的產(chǎn)生、發(fā)展過(guò)程，經(jīng)歷了一代又一代人的建設(shè)與改造，不同時(shí)代有不同的產(chǎn)生風(fēng)景樣貌。城市景觀只是一個(gè)過(guò)程，沒(méi)有最終結(jié)果。城市景觀隨著城市的發(fā)展而變化。圖3.2 城市簡(jiǎn)介頁(yè)面每個(gè)城市都有其特定的自然地理環(huán)境，有各自的歷史文化背景，以及在長(zhǎng)期的實(shí)踐中形成的特有的建筑形式與風(fēng)格，加上當(dāng)?shù)鼐用竦乃刭|(zhì)及所從事的各項(xiàng)活動(dòng)構(gòu)成了一個(gè)城市特有的景觀。首先，城市要滿足多種多樣的生活要求，包括要有美好的公共空間。其次，城市要保護(hù)、利

17、用和創(chuàng)造美的自然環(huán)境。再次，城市需要具有豐富的文化傳統(tǒng)和地方特色的建筑環(huán)境。從中也可看到城市文化、城市文化環(huán)境、城市建筑文化環(huán)境，每一個(gè)層次均具有廣泛的內(nèi)容，同時(shí)它們之間又具有多么密不可分的關(guān)系。建筑文化環(huán)境在城市文化環(huán)境的營(yíng)造中的確有著舉足輕重的作用。（3） 最新資訊 城市資訊主要是幫助用戶能在最短時(shí)間內(nèi)，及時(shí)地獲得城市發(fā)展建設(shè)并利用它而能夠在相對(duì)短的時(shí)間內(nèi)給自己帶來(lái)價(jià)值的信息,資訊有時(shí)效性和地域性,它必須被消費(fèi)者利用；并且“提供使用（閱讀或利用）反饋”之間能夠形成一個(gè)長(zhǎng)期穩(wěn)定的CS鏈,具有這些特點(diǎn)才可以稱之為資訊.資訊從嚴(yán)格的意義上講,新聞是一種資訊,資訊是一種信息,涵蓋的不只是新聞,還可

18、以包括其他媒介,如親臨專(zhuān)家講座等等.新聞的目標(biāo)受眾相對(duì)寬泛,沒(méi)有嚴(yán)格的受眾劃分,學(xué)語(yǔ)言的人可以去閱讀科技新聞,學(xué)技術(shù)的也完全可以去閱讀文學(xué)新聞；而資訊的受眾的目標(biāo)性相對(duì)比較強(qiáng)烈.圖3.3 最新資訊頁(yè)面 (四) 城市景點(diǎn)通過(guò)歷史名人，講訴這個(gè)城市的歷史文化，人文關(guān)懷城市景觀( cityscape )，城市中由街道、廣場(chǎng)、建筑物、園林綠化等形成的外觀及氣氛。城市景觀是指景觀功能在人類(lèi)聚居環(huán)境中固有的和所創(chuàng)造的自然景觀美，它可使城市具有自然景觀藝術(shù)，使人們?cè)诔鞘猩钪芯哂惺孢m感和愉快感。城市型風(fēng)景區(qū)一般具有如下幾方面特征：(1)空間上與城市接壤或被城市所包圍；(2)對(duì)城市環(huán)境的美化、城市特色的形成等

19、具有重要作用；(3)在城市未來(lái)的人居環(huán)境、城市文化、生態(tài)建設(shè)等方面具有深刻影響；(4)已成為城市形象的標(biāo)志或在未來(lái)具有成為城市形象標(biāo)志的潛力。圖3.4 城市景點(diǎn)頁(yè)面（5） 城市地圖城市地圖是以城市為范圍的各種類(lèi)型的基礎(chǔ)性、綜合性和單要素的普通和專(zhuān)題地圖。反映城市的基本面貌和各種設(shè)施，如行政區(qū)劃、街區(qū)、道路和經(jīng)濟(jì)發(fā)展?fàn)顩r，是為城市管理、城市建設(shè)和旅游服務(wù)的。同時(shí)也可以為你導(dǎo)航的功能。圖3.5 城市地圖頁(yè)面（6） 美文欣賞每天與您分享優(yōu)美的語(yǔ)句、文章。應(yīng)用不支持收藏、評(píng)論，只提供瀏覽功能！文章涉及生活方方面面，促使我們從生活中感受自己。圖3.6 美文欣賞頁(yè)面（七） 歷史名人歷史名人，根據(jù)他們對(duì)歷史

20、發(fā)展、社會(huì)進(jìn)步在客觀上所起的推動(dòng)或阻礙作用 ，對(duì)人民有利還是有害而予以肯定或否定，這是評(píng)價(jià)歷史人物的基本標(biāo)準(zhǔn)。只有明確標(biāo)準(zhǔn)，才能以辯證唯物主義和歷史唯物主義為理論指導(dǎo)，閱讀古人我們不僅要學(xué)會(huì)怎樣生活，更要學(xué)會(huì)做人！圖3.7 歷史名人頁(yè)面（八） 城市美食特色美食的歷史淵源、典故以及做法、吃法的介紹，讓您在游玩的途中，不僅能夠品嘗到地道的地方美食，還能了解到當(dāng)?shù)氐奶厣幕?。美食，顧名思義就是美味的食物，貴的有山珍海味，便宜的有街邊小吃。其實(shí)美食是不分貴賤的，只要是自己喜歡的，都可以稱之為美食。中國(guó)固有”烹飪王國(guó)“這個(gè)美譽(yù)。在中國(guó)這個(gè)大家庭里，我們有五十六個(gè)小家庭，每個(gè)家庭都有自己的特色美食。美食吃

21、前有期待、吃后有回味的東西。美食遭遇心情的時(shí)候，美食已不僅僅是簡(jiǎn)單的味覺(jué)感受，更是一種精神享受。也是一種場(chǎng)合。場(chǎng)合好吃起來(lái)也有味道、人人都想吃上自己喜歡的。世界各地美食文化博大精深，營(yíng)養(yǎng)物質(zhì)各不相同，品味更多美食，享受更多健康。不同城市的歷史有長(zhǎng)有短，地理面積有大有小，經(jīng)濟(jì)有強(qiáng)有弱，人口有多有少，民族構(gòu)成、宗教信仰、政權(quán)性質(zhì)和經(jīng)濟(jì)結(jié)構(gòu)也有差異，故而每個(gè)城市的飲食文化也是不一樣的。隨著個(gè)人消費(fèi)水平的提高，每個(gè)人對(duì)美食的概念不一樣，其中特例就是山珍海味、街邊小吃的產(chǎn)生，以及選擇等等?。ň牛?許愿墻圖3.9 許愿墻頁(yè)面在許愿墻上,你可以：1、訴說(shuō)自己的情緒-（傾訴功能）現(xiàn)代人之間面對(duì)面交流逐漸減少，

22、傾訴的機(jī)會(huì)變少了，有些人比較靦腆保守，不敢大聲說(shuō)出自己的心里話，期盼，表白之類(lèi)的，容易造成壓力過(guò)大，許愿墻可以匿名，提供大家安全隱秘方便的傾訴平臺(tái)。2、許下對(duì)自己的期望（自我激勵(lì)）寫(xiě)下自己的目標(biāo)、理想、愿望等，激勵(lì)自己奮斗，積極向上。3、表達(dá)對(duì)親友的祝福（寄托思念）有些是無(wú)法寄出的信，有些是無(wú)法實(shí)現(xiàn)的夢(mèng)，有些是無(wú)法說(shuō)出的話，有些是無(wú)法做到的事.寫(xiě)出來(lái)做一個(gè)精神寄托。4、對(duì)城市發(fā)展的建議（城市建設(shè)）5、瀏覽其他用戶的許愿（品味人間真情）四、基于HTML語(yǔ)言建立網(wǎng)頁(yè)鏈接 HTML即超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)準(zhǔn)語(yǔ)言下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)?！俺谋尽本褪侵疙?yè)面內(nèi)可以包含圖片，鏈接，甚至音

23、樂(lè)，程序等非文字元素。它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件，通過(guò)在文本文件中添加標(biāo)記符，可以告速瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫(huà)面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁(yè)文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對(duì)書(shū)寫(xiě)出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過(guò)程，編制者只能通過(guò)顯示效果來(lái)分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋?zhuān)蚨赡軙?huì)有不同的顯示效果。作為一個(gè)組織或者個(gè)人在萬(wàn)維網(wǎng)上放置開(kāi)始點(diǎn)的頁(yè)面稱為主頁(yè)（外語(yǔ)：Homepage）或首頁(yè)，主頁(yè)中通常包括有指向其他相關(guān)頁(yè)面或其

24、他節(jié)點(diǎn)的指針（超級(jí)鏈接），所謂超級(jí)鏈接，就是一種統(tǒng)一資源定位器指針，通過(guò)激活（點(diǎn)擊）它，可使瀏覽器方便地獲取新的網(wǎng)頁(yè)。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。在邏輯上將視為一個(gè)整體的一系列頁(yè)面的有機(jī)集合稱為網(wǎng)站（Website或Site）。超級(jí)文本標(biāo)記語(yǔ)言（英文縮寫(xiě)：HTML）是為“網(wǎng)頁(yè)創(chuàng)建和其它可在網(wǎng)頁(yè)瀏覽器中看到的信息”設(shè)計(jì)的一種標(biāo)記語(yǔ)言。網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言，通過(guò)結(jié)合使用其他的WEB技術(shù)（如：腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)（Web）編程的基礎(chǔ)，也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱為超文

25、本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。（一） 文字鏈接在網(wǎng)站文字鏈接代碼：這里是網(wǎng)站名稱img src=圖片地址width=180 height=60 圖片寬度和高度target=_blank重新打開(kāi)窗口 href=鏈接地址HTML語(yǔ)言中用超鏈接標(biāo)記指向一個(gè)目標(biāo)。其基本格式為：超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）HTML（HyperText Mark-up Language）是一種制作萬(wàn)維網(wǎng)頁(yè)面的標(biāo)準(zhǔn)語(yǔ)言，是萬(wàn)維網(wǎng)瀏覽器使用的一種語(yǔ)言，它消除了不同計(jì)算機(jī)之間信息交流的障礙。它是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。HTML文件是由H

26、TML命令組成的描述性文本，HTML命令可以說(shuō)明文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。HTML文件的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容a href=”URL”文本內(nèi)容舉個(gè)簡(jiǎn)單的“文本鏈接”的實(shí)例，該實(shí)例相對(duì)應(yīng)的HTML代碼如下所示。文字鏈接a href-“index2.html”target=”-blank” 平面設(shè)計(jì)（新開(kāi)窗口，-blank)相冊(cè)（原窗口，默認(rèn)為空）留言解釋 href:是標(biāo)記的一種屬性，該屬性中的URL等于鏈接目標(biāo)文件的地址。 Target:也是標(biāo)記的一種屬性，相當(dāng)于Dreamweaver“屬性面板

27、”中的“目標(biāo)”，它的值等于-blank,效果是在新窗口中打開(kāi)。除此之外還包括其它3種：-parent,-self和-top。這和Dreamweaver中“目標(biāo)”下拉列表中的內(nèi)容是一模一樣的。 文本內(nèi)容：如代碼實(shí)例中的“平面設(shè)計(jì)”。這些文本將放在使用了鏈接屬性href和目標(biāo)屬性target的 與標(biāo)記之間，產(chǎn)生了鏈接的效果。提示再提醒讀者一下，為段落標(biāo)記，在Dreamweaver中是由Enter（回車(chē)）鍵產(chǎn)生的。（二） 圖像鏈接網(wǎng)站圖片鏈接代碼：舉個(gè)簡(jiǎn)單的“圖像鏈接”的實(shí)例。該實(shí)例相對(duì)應(yīng)的代碼所示。圖像鏈接（新開(kāi)窗口，-blank）（原窗口，默認(rèn)為空）a href=”3d/3d-001.htm”解

28、釋仔細(xì)觀察代碼可以發(fā)現(xiàn)，“圖像鏈接”與“文本鏈接”惟一的差別就在于與之間的內(nèi)容?！拔谋炬溄印敝信c之間的內(nèi)容是文字內(nèi)容，而“圖像鏈接”中就肯定是圖片內(nèi)容了。之前講過(guò)，插入圖片使用“img src=”圖像的“”的標(biāo)記，這里當(dāng)然也不會(huì)例外。而是還可以使用”img 的屬性，如alt（替換文本）、width（寬）、height（高）、及border（邊框）等HTML圖片鏈接代碼5、 網(wǎng)站的運(yùn)營(yíng) 主要包括網(wǎng)站測(cè)試、網(wǎng)站發(fā)布與推廣、網(wǎng)站維護(hù)三個(gè)方面的正常運(yùn)行。（1） 網(wǎng)站測(cè)試1：安全性測(cè)試它需要對(duì)網(wǎng)站的安全性（服務(wù)器安全，腳本安全），可能有的漏洞測(cè)試，攻擊性測(cè)試，錯(cuò)誤性測(cè)試。對(duì)電子商務(wù)的客戶服務(wù)器應(yīng)用程序、

29、數(shù)據(jù)、服務(wù)器、網(wǎng)絡(luò)、防火墻等進(jìn)行測(cè)試！用相對(duì)應(yīng)的軟件進(jìn)行測(cè)試！2：基本測(cè)試包括色彩的搭配，連接的正確性，導(dǎo)航的方便和正確，CSS應(yīng)用的統(tǒng)一性3：網(wǎng)站優(yōu)化測(cè)試好的電子商務(wù)網(wǎng)站是看它是否經(jīng)過(guò)搜索引擎優(yōu)化了，網(wǎng)站的架構(gòu)、網(wǎng)頁(yè)的欄目與靜態(tài)情況等。（2） 網(wǎng)站的發(fā)布與推廣1：網(wǎng)站發(fā)布（傳統(tǒng)媒體宣傳）（1）報(bào)紙宣傳（2）戶外媒體宣傳，在報(bào)紙上投放一些宣傳文。（3）電視媒體宣傳2：不斷完善網(wǎng)站系統(tǒng)，提供更好的服務(wù)隨著業(yè)務(wù)的發(fā)展，網(wǎng)站的功能也應(yīng)該不斷完善以滿足顧客的需要，此時(shí)使用集成度高的電子商務(wù)應(yīng)用系統(tǒng)可以更好的實(shí)現(xiàn)網(wǎng)上業(yè)務(wù)的管理和開(kāi)展，從而將城市的發(fā)展建設(shè)帶向更高的階段，也將取得更大的收獲。3：互惠鏈接在

30、映象網(wǎng)站上連接和很多同類(lèi)型非同產(chǎn)品的公司網(wǎng)站連接，這樣的話，可以增加彼此的點(diǎn)擊率，是一種雙贏的政策，無(wú)論是哪個(gè)網(wǎng)站都是樂(lè)意的。4：新聞發(fā)布找出具有新聞價(jià)值的事件，然后在網(wǎng)站上發(fā)布主體，引發(fā)討論。（3） 網(wǎng)站維護(hù)制定相關(guān)網(wǎng)站維護(hù)的規(guī)定，將網(wǎng)站維護(hù)制度化、規(guī)范化；1.印象網(wǎng)站站安全維護(hù)隨著黑客人數(shù)日益增長(zhǎng)和一些入侵軟件昌盛，網(wǎng)站的安全日益遭到挑戰(zhàn)，像sql注入、跨站腳本、文本上傳漏洞等，而網(wǎng)站安全維護(hù)也成日益重視的模塊。而網(wǎng)站安全的隱患主要是源于網(wǎng)站的漏洞存在，而世界上不存在沒(méi)有漏洞網(wǎng)站，所以網(wǎng)站安全維護(hù)關(guān)鍵在于早發(fā)現(xiàn)漏洞和及時(shí)修補(bǔ)漏洞。而網(wǎng)上也有專(zhuān)門(mén)的網(wǎng)站漏洞掃描工具，而發(fā)現(xiàn)漏洞要及時(shí)修補(bǔ)，特別采用一些開(kāi)放源碼的網(wǎng)站。2.網(wǎng)站內(nèi)容更新建站容易維護(hù)難。對(duì)于網(wǎng)站來(lái)說(shuō)，只有不斷地更新內(nèi)容，才能保證網(wǎng)站的生命力，否則網(wǎng)站不僅不能起到應(yīng)有的作用，反而會(huì)對(duì)城市自身形象造成不良影響。如何快捷方便地更新網(wǎng)頁(yè)，提高更新效率，是很多網(wǎng)站面臨的難題?，F(xiàn)在網(wǎng)頁(yè)制作工具不少，但為了更新信息而日復(fù)一日地編輯網(wǎng)頁(yè)，對(duì)信息維護(hù)人員來(lái)說(shuō)，疲于應(yīng)付是普遍存在的問(wèn)題。 內(nèi)容更新是網(wǎng)站維護(hù)過(guò)程中的一個(gè)