網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽(tīng)設(shè)計(jì)新課題，是網(wǎng)頁(yè)設(shè)計(jì)者以所處時(shí)代所能獲取的技術(shù)和藝術(shù)經(jīng)驗(yàn)為基礎(chǔ)，依照設(shè)計(jì)目的和要求自覺(jué)地對(duì)網(wǎng)頁(yè)的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng)，必然要成為設(shè)計(jì)藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面上看，它不過(guò)是關(guān)于網(wǎng)頁(yè)版式編排的技巧與方法，而實(shí)際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。

一、網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的內(nèi)容

設(shè)計(jì)活動(dòng)中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁(yè)主題之后，首先要明確和熟悉設(shè)計(jì)的對(duì)象和構(gòu)成的要素。網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)涉及的具體內(nèi)容很多，可以概括為視聽(tīng)元素和版式設(shè)計(jì)兩個(gè)方面。

1.視聽(tīng)元素

這里所說(shuō)的視聽(tīng)元素，主要包括：文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂(lè)、動(dòng)態(tài)影像等。無(wú)論是文字、圖形、動(dòng)畫(huà)，還是音頻、視頻，網(wǎng)頁(yè)設(shè)計(jì)者所要考慮的是如何以感人的形式把它們放進(jìn)頁(yè)面這個(gè)“大畫(huà)布”里。多媒體技術(shù)的運(yùn)用大大豐富了網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的表現(xiàn)力。

以上各視聽(tīng)元素大多數(shù)瀏覽器本身都可以顯示或收聽(tīng)，無(wú)需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動(dòng)畫(huà)。還有些多媒體文件（如MP3音樂(lè)）需要先下載到本地硬盤(pán)上，然后啟動(dòng)相應(yīng)的外部程序來(lái)播放。另外，在瀏覽器使用插件（Plug-in）可以播放更多格式的多媒體文件。微軟推出IE瀏覽器后，提供了基于OLE的ActiveX技術(shù)，用來(lái)在網(wǎng)頁(yè)中播放多媒體。目前ActiveX已經(jīng)成為熱門(mén)技術(shù)。另一種播放多媒體的技術(shù)是JavaApplet。它是用Java語(yǔ)言編寫(xiě)的應(yīng)用于網(wǎng)頁(yè)之中的小應(yīng)用程序，相比于插件和ActiveX，JavaApplet具有更大的靈活性和良好的跨平臺(tái)能力，因此具有很好的發(fā)展前景?？傊夹g(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中的綜合運(yùn)用越來(lái)越廣泛，使瀏覽者可以享受到更加完美的視聽(tīng)效果。這些新技術(shù)的出現(xiàn)，也對(duì)網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)提出了更高的要求。

各位領(lǐng)導(dǎo)、同志們、大家好

在緊張繁忙的鐵路春運(yùn)全面啟動(dòng)的時(shí)候，**鐵路局“我們與社會(huì)同行”專(zhuān)題網(wǎng)頁(yè)正式開(kāi)通了，這是河南省委、宣傳部、新華社河南分社、新華網(wǎng)河南頻道各位大力支持的結(jié)果，是中央以及省市媒體熱心關(guān)注的結(jié)果，是網(wǎng)站技術(shù)人員辛勤的工作的結(jié)果。我代表**鐵路局向今天出席專(zhuān)題網(wǎng)頁(yè)開(kāi)通儀式省委宣傳部劉少宇部長(zhǎng)、張百新社長(zhǎng)、王耕社長(zhǎng)、新華社河南分社顧立林總編，新華網(wǎng)河南頻道穆曉麗表示感謝，向中央以及省市媒體的朋友表示熱烈的歡迎！向?yàn)榫W(wǎng)站和網(wǎng)頁(yè)建設(shè)技術(shù)人員表示誠(chéng)摯的問(wèn)候。去年春運(yùn)和鐵路第六次大提速期間，我們**鐵路局先后與新華網(wǎng)河南頻道合辦的宣傳網(wǎng)頁(yè)得到社會(huì)好評(píng)，在這個(gè)基礎(chǔ)上我們向省委宣傳部、鐵道部政治部宣傳部，新華社河南分社進(jìn)行匯報(bào)，希望在權(quán)威的新華網(wǎng)開(kāi)辦一個(gè)固定鐵路信息，提供旅客參考，展示河南鐵路發(fā)展成就，接受社會(huì)監(jiān)督的陣地。我們的想法得到省委宣傳部、新華社河南分社領(lǐng)導(dǎo)的支持，新華網(wǎng)河南頻道抽出更強(qiáng)大的力量給我們搭建了平臺(tái)。我們是第一個(gè)鐵路局與中央新聞媒體合作開(kāi)辦的專(zhuān)題網(wǎng)頁(yè)，這個(gè)網(wǎng)頁(yè)的開(kāi)通，不僅意味著互聯(lián)網(wǎng)增添了一個(gè)新的結(jié)點(diǎn)，也表明了**的鐵路與社會(huì)溝通的橋梁。體現(xiàn)了中國(guó)鐵路服務(wù)大眾的宗旨，這是一個(gè)理解、溝通的平臺(tái)。

近年來(lái)，**鐵路局服務(wù)大局，在推動(dòng)中原崛起作出了我們應(yīng)做的貢獻(xiàn)，在這個(gè)過(guò)程中通過(guò)新聞?shì)浾撨@個(gè)平臺(tái)，我們宣傳鐵路建設(shè)成就，宣傳經(jīng)濟(jì)社會(huì)發(fā)展，增進(jìn)了社會(huì)各界對(duì)鐵路工作，特別是對(duì)我們地處中原**鐵路局工作的理解。開(kāi)辦“我們與社會(huì)同行”網(wǎng)頁(yè)進(jìn)一步擴(kuò)展和延伸這個(gè)平臺(tái)，進(jìn)一步加大鐵路宣傳進(jìn)程的力度，進(jìn)一步加大地方各級(jí)黨委政府支持舉措宣傳力度，進(jìn)一步加大社會(huì)民眾參與、配合支持鐵路工作宣傳力度，從而最大限度的增大理解支持，為推動(dòng)河南鐵路建設(shè)增添強(qiáng)大的發(fā)展動(dòng)力。

其次這是服務(wù)社會(huì)的窗口，鐵路是一個(gè)公益性、服務(wù)型的行業(yè)，為廣大旅客提供服務(wù)是我們的天職。多年來(lái)，**鐵路局始終把提升服務(wù)質(zhì)量，創(chuàng)新服務(wù)方式，滿(mǎn)足旅客需求，作為我們的不懈追求。隨著鐵路六次大提速的實(shí)施，鐵路的服務(wù)能力和水平都有了明顯的提升。但是我們依然認(rèn)為旅途有終點(diǎn)，服務(wù)無(wú)止境，開(kāi)辦“我們與社會(huì)同行”網(wǎng)頁(yè)就是在服務(wù)方面進(jìn)行新的探索，這個(gè)網(wǎng)頁(yè)將利用互聯(lián)網(wǎng)快捷的信息載體，更新、新的信息。為廣大旅客提供內(nèi)容新、容量大服務(wù)庫(kù)。使旅客出行不再受時(shí)間和空間的限制，從而更好地滿(mǎn)足廣大乘客的需求。

第三這是一個(gè)雙向交流的渠道，在黨的十七大期間，我曾經(jīng)到新華社河南分社作客，就河南建設(shè)的情況，與廣大的網(wǎng)民進(jìn)行互動(dòng)的交流，那一次的對(duì)話(huà)讓我深感河南人民對(duì)鐵路的情節(jié)，我在思考在信息的時(shí)代和開(kāi)放的社會(huì)鐵路工作要不斷的改進(jìn)和發(fā)展，必須依靠全社會(huì)的力量，要做到這一點(diǎn)，就要加強(qiáng)鐵路與社會(huì)，雙向交流，“我們與社會(huì)同行”專(zhuān)題網(wǎng)頁(yè)為我們提供了暢通的渠道。作為鐵路部門(mén)，我們將通過(guò)網(wǎng)頁(yè)的各項(xiàng)互動(dòng)的欄目，認(rèn)真的聽(tīng)取意見(jiàn)，接受社會(huì)的監(jiān)督，進(jìn)而改進(jìn)我們的工作，努力在社會(huì)發(fā)展中做出更大的貢獻(xiàn)。

各位領(lǐng)導(dǎo)、朋友們，同行是一種緣分，更是一種責(zé)任，在推進(jìn)中原崛起的工作中，**鐵路局將為社會(huì)構(gòu)建和諧，也希望在**鐵路局發(fā)展建設(shè)的進(jìn)程中，我們能與大家一路同行，共同譜寫(xiě)新的篇章。新春佳節(jié)即將到來(lái)，在這里我祝大家新春愉快，工作順利，身體健康，合家歡樂(lè)，謝謝大家！

摘要：隨著時(shí)代的發(fā)展，網(wǎng)站建設(shè)越來(lái)越接近于一門(mén)藝術(shù)而不僅僅是一項(xiàng)技術(shù)。網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)，日益被網(wǎng)站建設(shè)者所注重。在目前國(guó)內(nèi)對(duì)此領(lǐng)域研究甚少的情況下，作者將網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)與其他藝術(shù)設(shè)計(jì)形式進(jìn)行比較，嘗試從網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的內(nèi)容、原則和特點(diǎn)等三個(gè)方面，對(duì)這個(gè)新的藝術(shù)設(shè)計(jì)領(lǐng)域進(jìn)行初步的歸納總結(jié)和理論探討。作者認(rèn)為網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是藝術(shù)與技術(shù)的高度統(tǒng)一，指出網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)包含視聽(tīng)元素與版式設(shè)計(jì)兩項(xiàng)內(nèi)容；以主題鮮明、形式與內(nèi)容相統(tǒng)一、強(qiáng)調(diào)整體為設(shè)計(jì)原則；具有交互性與持續(xù)性、多維性、綜合性、版式的不可控性、藝術(shù)與技術(shù)結(jié)合的緊密性等五個(gè)特點(diǎn)。在明確了網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)與網(wǎng)站主題的關(guān)系的基礎(chǔ)上，提出了“美”和“功能”都是為了更好地表達(dá)網(wǎng)站主題這一觀點(diǎn)。

網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽(tīng)設(shè)計(jì)新課題，是網(wǎng)頁(yè)設(shè)計(jì)者以所處時(shí)代所能獲取的技術(shù)和藝術(shù)經(jīng)驗(yàn)為基礎(chǔ)，依照設(shè)計(jì)目的和要求自覺(jué)地對(duì)網(wǎng)頁(yè)的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng)，必然要成為設(shè)計(jì)藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面上看，它不過(guò)是關(guān)于網(wǎng)頁(yè)版式編排的技巧與方法，而實(shí)際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。

一、網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的內(nèi)容

設(shè)計(jì)活動(dòng)中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁(yè)主題之后，首先要明確和熟悉設(shè)計(jì)的對(duì)象和構(gòu)成的要素。網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)涉及的具體內(nèi)容很多，可以概括為視聽(tīng)元素和版式設(shè)計(jì)兩個(gè)方面。

1.視聽(tīng)元素

這里所說(shuō)的視聽(tīng)元素，主要包括：文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂(lè)、動(dòng)態(tài)影像等。無(wú)論是文字、圖形、動(dòng)畫(huà)，還是音頻、視頻，網(wǎng)頁(yè)設(shè)計(jì)者所要考慮的是如何以感人的形式把它們放進(jìn)頁(yè)面這個(gè)“大畫(huà)布”里。多媒體技術(shù)的運(yùn)用大大豐富了網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的表現(xiàn)力。

時(shí)間在不斷前進(jìn)，而我們的科技也發(fā)展飛速，與我們生活緊密聯(lián)系的互聯(lián)網(wǎng)也在不斷改變，互聯(lián)網(wǎng)的基礎(chǔ)在于網(wǎng)站的建設(shè)，而網(wǎng)站建設(shè)的基礎(chǔ)在于網(wǎng)頁(yè)設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)的優(yōu)秀與否對(duì)網(wǎng)站建設(shè)有一定的作用，沒(méi)有十全十美的事物，同樣網(wǎng)頁(yè)設(shè)計(jì)也會(huì)有自己的缺陷，它的缺陷往往在于安全問(wèn)題，很多網(wǎng)頁(yè)由于設(shè)計(jì)存在安全的問(wèn)題經(jīng)常會(huì)被黑客、病毒等所侵襲，結(jié)果就是會(huì)給企業(yè)的經(jīng)濟(jì)帶來(lái)一些不利的影響。這篇文章目的在于對(duì)網(wǎng)頁(yè)建設(shè)的網(wǎng)頁(yè)設(shè)計(jì)的安全缺陷進(jìn)行分析，并給出相對(duì)的一些建議。我們生活在21世紀(jì)，現(xiàn)在每個(gè)人的生活幾乎都與互聯(lián)網(wǎng)有聯(lián)系，互聯(lián)網(wǎng)已與我們的生活融會(huì)貫通，互聯(lián)網(wǎng)的發(fā)展對(duì)于個(gè)人還有很多企業(yè)及事業(yè)單位等都有益處。而利用互聯(lián)網(wǎng)已被絕大多數(shù)人使用這個(gè)特點(diǎn)，企業(yè)等單位都會(huì)運(yùn)行自己?jiǎn)为?dú)的網(wǎng)站進(jìn)行自己的宣傳進(jìn)而達(dá)到自己的目的，這種做法不僅提高了辦事效率，而且也減少了辦事的復(fù)雜程度。有利必有弊，呼之欲出的問(wèn)題就是網(wǎng)站建設(shè)中網(wǎng)頁(yè)設(shè)計(jì)的安全問(wèn)題，安全問(wèn)題涉及了許多信息，除了企業(yè)用戶(hù)的私人信息外，也包含一些企業(yè)內(nèi)部工作的重要信息，所以安全缺陷是必須需要重要分析和修復(fù)的。否則面對(duì)的問(wèn)題就是網(wǎng)站由于安全缺陷被入侵，嚴(yán)重的入侵將會(huì)影響到企業(yè)，對(duì)企業(yè)的利益造成不可估計(jì)的損失。

一、網(wǎng)站建設(shè)中網(wǎng)頁(yè)安全的重要性

互聯(lián)網(wǎng)科技不斷進(jìn)步，網(wǎng)站建設(shè)也在不斷創(chuàng)新和改進(jìn)，網(wǎng)站的建設(shè)是由兼有各種不相同功能的網(wǎng)頁(yè)所構(gòu)成，它們共同形成了網(wǎng)站的建設(shè)。而從形式上劃分，網(wǎng)頁(yè)分為兩種，即靜態(tài)和動(dòng)態(tài)，靜態(tài)網(wǎng)頁(yè)相對(duì)而言是比較早期的一種技術(shù)，它的形式已經(jīng)過(guò)時(shí)，人們?cè)L問(wèn)瀏覽器，進(jìn)入后的網(wǎng)頁(yè)是已經(jīng)設(shè)計(jì)完成的，看到的內(nèi)容都是靜態(tài)的，包括網(wǎng)頁(yè)中常見(jiàn)的文字和圖片，沒(méi)有動(dòng)畫(huà)模式那么用戶(hù)訪(fǎng)問(wèn)網(wǎng)頁(yè)時(shí)會(huì)產(chǎn)生枯燥感，在網(wǎng)頁(yè)的修改方面，也都是需要人工完成，人工的完善是有限的，種種因素使得靜態(tài)網(wǎng)頁(yè)逐漸淘汰。而隨著網(wǎng)絡(luò)的發(fā)展，現(xiàn)在的網(wǎng)絡(luò)建設(shè)演變成了動(dòng)態(tài)形式，動(dòng)態(tài)形式的網(wǎng)頁(yè)也適合于現(xiàn)在的時(shí)代，在動(dòng)態(tài)網(wǎng)頁(yè)中，網(wǎng)頁(yè)隨著人們的操作而發(fā)生變化，從而得到所要的信息，滿(mǎn)足人們的需求。海量的腳本語(yǔ)言運(yùn)用在了網(wǎng)頁(yè)設(shè)計(jì)中，如C++、JAVA，這些腳本語(yǔ)言的發(fā)展具有程式化，它們作用于網(wǎng)站資源的高效管理，動(dòng)態(tài)的網(wǎng)頁(yè)使網(wǎng)站的工作效率得到了提高。但是，如果腳本的語(yǔ)言的編程出現(xiàn)了安全性問(wèn)題，那么要及時(shí)解決，反之這些問(wèn)題一旦嚴(yán)重，企業(yè)方面則會(huì)遭受損失。

二、網(wǎng)站建設(shè)

網(wǎng)絡(luò)建設(shè)在不斷發(fā)展，建設(shè)過(guò)程雖逐漸完善，但還未成熟。所以在網(wǎng)站建設(shè)的過(guò)程以及以后的完善中，都需要網(wǎng)站工作人員極其看重這個(gè)問(wèn)題。在這個(gè)不斷變化且復(fù)雜的社會(huì)中，之前只是想抱有好奇心或滿(mǎn)足成就感的不法分子已經(jīng)悄悄進(jìn)化為專(zhuān)門(mén)盜取商業(yè)的保密文件和侵犯?jìng)€(gè)人的隱私的不安居心的部分人群。在這樣的環(huán)境下，就需要設(shè)計(jì)人員對(duì)設(shè)計(jì)的網(wǎng)頁(yè)的安全缺陷加以熟悉，進(jìn)而及時(shí)修復(fù)改進(jìn)，達(dá)到提高網(wǎng)站安全性的目的。對(duì)于網(wǎng)絡(luò)建設(shè)來(lái)說(shuō)，它包括對(duì)用戶(hù)的需求進(jìn)行分析，對(duì)網(wǎng)站的界面進(jìn)行美化并設(shè)計(jì)，對(duì)相關(guān)程序進(jìn)行進(jìn)一步的研發(fā)，最后設(shè)計(jì)的網(wǎng)站并進(jìn)行運(yùn)營(yíng)。這些過(guò)程還需要加上非常多的復(fù)雜的配置，最終形成網(wǎng)站。

三、網(wǎng)頁(yè)設(shè)計(jì)的安全缺陷

本規(guī)范既是一個(gè)開(kāi)發(fā)規(guī)范，也是一個(gè)腳本語(yǔ)言參考，本規(guī)范并不是一個(gè)一成不變的必須嚴(yán)格遵守的條文，特殊情況下要靈活運(yùn)用，做一定的變通。但是，請(qǐng)大家千萬(wàn)不要隨意更改規(guī)范。如果有任何問(wèn)題，請(qǐng)及時(shí)與我聯(lián)系，我會(huì)及時(shí)更改本規(guī)范的相關(guān)代碼樣例和文檔。

基本要求

1.在網(wǎng)站根目錄中開(kāi)設(shè)imagescommontemp三個(gè)子目錄，根據(jù)需要再開(kāi)設(shè)media子目錄，images目錄中放不同欄目的頁(yè)面都要用到的公共圖片，例如公司的標(biāo)志、banner條、菜單、按鈕等等；common子目錄中放css、js,、php、include等公共文件；temp子目錄放客戶(hù)提供的各種文字圖片等等原始資料；media子目錄中放flash,avi,quicktime等多媒體文件。

2.在根目錄中原則上應(yīng)該按照首頁(yè)的欄目結(jié)構(gòu)，給每一個(gè)欄目開(kāi)設(shè)一個(gè)目錄，根據(jù)需要在每一個(gè)欄目的目錄中開(kāi)設(shè)一個(gè)images和media的子目錄用以放置此欄目專(zhuān)有的圖片和多媒體文件，如果這個(gè)欄目的內(nèi)容特別多，又分出很多下級(jí)欄目，可以相應(yīng)的再開(kāi)設(shè)其他目錄。

3.temp目錄中的文件往往會(huì)比較多，建議以時(shí)間為名稱(chēng)開(kāi)設(shè)目錄，將客戶(hù)陸續(xù)提供的資料歸類(lèi)整理。

4.除非有特殊情況，目錄、文件的名稱(chēng)全部用小寫(xiě)英文字母、數(shù)字、下劃線(xiàn)的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請(qǐng)盡量以英文為指導(dǎo)，不到萬(wàn)不得已不要以拼音作為目錄名稱(chēng)，經(jīng)驗(yàn)證明，用拼音命名的目錄往往連一個(gè)月后的自己都看不懂，

目錄：

引言…………………………………………………………………..2

1系統(tǒng)設(shè)計(jì)目標(biāo)和使用的主要技術(shù)……………………………….4

1．1設(shè)計(jì)目標(biāo)………………………………………………………4

1．2主要技術(shù)………………………………………………………4

1．2．1模板技術(shù)………………………………………………….4

一連上了兩個(gè)星期的網(wǎng)頁(yè)實(shí)訓(xùn)課，可以說(shuō)學(xué)到很多以前沒(méi)有學(xué)到的東西。雖然在大一的時(shí)候我們的專(zhuān)業(yè)出開(kāi)設(shè)了網(wǎng)頁(yè)設(shè)計(jì)課，但感覺(jué)這兩個(gè)星期學(xué)到的遠(yuǎn)遠(yuǎn)比以前學(xué)一個(gè)學(xué)期的要多，要豐富。

每一天都有新的內(nèi)容要學(xué)，讓人感覺(jué)很興奮，很高興，恨不得馬上就把它給學(xué)會(huì)。通過(guò)這次實(shí)訓(xùn)使我更熟練掌握Dreamweaver、Flash、Fireworks、Photoshop等軟件的功能和應(yīng)用。不但如此，更增加了同學(xué)間的友誼，陪養(yǎng)了彼此間的團(tuán)結(jié)。

在這期間，每一天老師都會(huì)發(fā)一些素材和實(shí)訓(xùn)給我們，首先是網(wǎng)頁(yè)素材的準(zhǔn)備，在網(wǎng)上查看一些網(wǎng)頁(yè)背景和背景顏色搭配，讓我了解到網(wǎng)頁(yè)的顏色不能多過(guò)3種色彩。接下來(lái)的幾天再結(jié)合自己的網(wǎng)頁(yè)來(lái)進(jìn)行策劃，在做首頁(yè)之前，先用圖紙把網(wǎng)頁(yè)的結(jié)構(gòu)畫(huà)出來(lái)，內(nèi)容和結(jié)構(gòu)都想清楚用Fireworks把網(wǎng)頁(yè)設(shè)計(jì)出來(lái)，再切割圖片，把它們導(dǎo)成Html格式在Dreamweaver中進(jìn)行進(jìn)一步的編輯。

我們的網(wǎng)站主要是圍繞宿舍而展開(kāi)的一串活動(dòng)、人物等，宿舍給我們一種很溫馨、很快樂(lè)的感覺(jué)，所以我們決定將這次的網(wǎng)頁(yè)名叫funnyroom。主題確定好了，那么分工出就明確了，我們組有三個(gè)人，兩個(gè)人負(fù)責(zé)找素材，另一個(gè)美術(shù)好的就負(fù)責(zé)網(wǎng)頁(yè)的頁(yè)面設(shè)計(jì)，但是我們始終不是學(xué)美術(shù)方面的，所以色彩方面搭配的不是很好，后來(lái)采用了色彩比較清新自然的綠色來(lái)作為首頁(yè)的主色調(diào)，讓人第一眼看上去就有難忘的感覺(jué)。而從第二頁(yè)開(kāi)始就采用粉色為主色調(diào)，讓人可以感受到我們的主題，因?yàn)槭醉?yè)和其它的顏色不一樣，所以我們就把首頁(yè)當(dāng)作是過(guò)渡頁(yè)，第二頁(yè)開(kāi)始才是網(wǎng)頁(yè)的內(nèi)容。為了增加網(wǎng)頁(yè)的新鮮感和活潑感，還適當(dāng)在添加一些透明flash和一些網(wǎng)頁(yè)特效。在這實(shí)訓(xùn)的時(shí)間里面，我們分工合作，共同努力，對(duì)網(wǎng)頁(yè)反復(fù)調(diào)試和修改，特別是對(duì)于Fireworks軟件不那么熟悉，有很多的實(shí)例都要看過(guò)老師的演示才會(huì)明白，不過(guò)這也恰恰讓我學(xué)到更多。雖然中途難不免會(huì)有因?yàn)橐庖?jiàn)的不合而發(fā)生一些小小的爭(zhēng)吵，但我覺(jué)得不影響我們的網(wǎng)頁(yè)設(shè)計(jì)，反而會(huì)因?yàn)檫@些不同的意見(jiàn)而重新學(xué)到更多的知識(shí)。

【摘要】Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱(chēng)。它采用所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)，利用它可以輕松的組織、編輯網(wǎng)頁(yè)并將其到指定的站點(diǎn)上，而且在之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。

【關(guān)鍵字】Frontpage創(chuàng)建站點(diǎn)、新建頁(yè)面、文字、超鏈接

現(xiàn)在流行的網(wǎng)頁(yè)制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有AdobePagemill3.0--制作多框架，表單和Imagemap圖像的網(wǎng)頁(yè)工具、Netscape等等。其中Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱(chēng)。它采用所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)，利用它可以輕松的組織、編輯網(wǎng)頁(yè)并將其到指定的站點(diǎn)上，而且在之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。

工具準(zhǔn)備好了，可根據(jù)你的個(gè)人喜好來(lái)選擇一些素材，如圖片、喜歡的文章等?，F(xiàn)在就讓我們從第一步的建立站點(diǎn)來(lái)踏上建造網(wǎng)上家園之旅。

用FRONTPAGE創(chuàng)建站點(diǎn)是很容易的。首先，我們來(lái)看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)。選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，這時(shí)新建站點(diǎn)對(duì)話(huà)框就彈出來(lái)了，在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置，單擊“只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)”圖標(biāo)，單擊“確定”按鈕。這就建立好站點(diǎn)了，我們現(xiàn)在來(lái)看一下新的站點(diǎn)里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個(gè)網(wǎng)頁(yè)文件，名字叫做“index.htm”。我們知道，每一個(gè)站點(diǎn)都要有一個(gè)主頁(yè)，這個(gè)主頁(yè)也是一個(gè)網(wǎng)頁(yè)文件。瀏覽者訪(fǎng)問(wèn)站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁(yè)。主頁(yè)的名字在一般情況下就叫做“index.htm”。就是說(shuō)我們新建只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)時(shí)，F(xiàn)RONTPAGE就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁(yè)了。這個(gè)新建的站點(diǎn)主頁(yè)時(shí)空的，我們可以向里面添加內(nèi)容。

在文件列表里除了主頁(yè)之外，還有文件夾。新建站點(diǎn)時(shí)，F(xiàn)RONTPAGE都會(huì)在站點(diǎn)所在位置下新建兩個(gè)文件夾，一個(gè)是“images”另一個(gè)是“_private”。我們?cè)诰庉嬚军c(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片。“private”文件夾比較特殊，其中的文件對(duì)瀏覽者來(lái)說(shuō)是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁(yè)文件放在這個(gè)文件夾里，比如：我們可以在這個(gè)文件夾里存放注冊(cè)用戶(hù)的個(gè)人信息。

尊敬的各位領(lǐng)導(dǎo)、各位青年朋友：

下午好！

經(jīng)過(guò)兩個(gè)多月緊鑼密鼓的籌備，由團(tuán)市委主辦，XX集團(tuán)信息中心、中國(guó)電信XX分公司、XX信通公司、XX協(xié)助舉辦的XX青年招商創(chuàng)業(yè)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)大賽，于今天正式開(kāi)始了，通過(guò)評(píng)委會(huì)專(zhuān)家對(duì)全市43位參賽選手作品的初步評(píng)選，來(lái)自全市各縣區(qū)、市直部分單位的19名選手進(jìn)入了今天的最后決賽。此次網(wǎng)頁(yè)設(shè)計(jì)大賽是團(tuán)市委在2003年圍繞市委、市政府“招商引資”工作所的“十件大事”之一，也是認(rèn)真貫徹落實(shí)中央關(guān)于加快國(guó)民經(jīng)濟(jì)和社會(huì)信息化的有關(guān)精神，全面推進(jìn)共青團(tuán)信息化建設(shè)，以加強(qiáng)全團(tuán)工作聯(lián)系和信息溝通為目的，實(shí)施縣縣上網(wǎng)工程，加快構(gòu)建共青團(tuán)組織和青少年工作的信息網(wǎng)絡(luò)體系的一項(xiàng)重要舉措。下面請(qǐng)?jiān)试S我介紹一下今天來(lái)到大賽現(xiàn)場(chǎng)的領(lǐng)導(dǎo)，他們是團(tuán)市委副書(shū)記XX同志，團(tuán)市委副書(shū)記XX同志，XX集團(tuán)總經(jīng)辦主任XX同志，原XX總經(jīng)理、現(xiàn)XX縣電信分公司總經(jīng)理經(jīng)理XX同志，XX市天博網(wǎng)絡(luò)公司經(jīng)理XXX同志。擔(dān)任此次大賽的評(píng)委有團(tuán)市委辦公室主任XXX、原XX總經(jīng)理、現(xiàn)XX縣電信公司總經(jīng)理XXX、XX師專(zhuān)計(jì)算機(jī)系高級(jí)講師XXX、XX職業(yè)學(xué)院計(jì)算機(jī)系講師XXX、XX集團(tuán)團(tuán)委副書(shū)記XX、新浪XX網(wǎng)網(wǎng)站高級(jí)工程師XXX。

此次大賽得到了XX集團(tuán)信息中心、XX信通公司、XX等單位的鼎力支持，在此我代表團(tuán)市委和所有的參賽選手對(duì)他們表示衷心的感謝！

一、網(wǎng)頁(yè)界面設(shè)計(jì)的特征

網(wǎng)頁(yè)界面設(shè)計(jì)是一將藝術(shù)與技術(shù)相結(jié)合的一門(mén)學(xué)科，早期人們會(huì)有一種誤解，認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)主要體現(xiàn)在“技術(shù)”的應(yīng)用上，而忽視了“設(shè)計(jì)”的層面，導(dǎo)致許多網(wǎng)頁(yè)布局不合理、頁(yè)面平淡無(wú)奇、內(nèi)容雜亂無(wú)章等。因此，在充分傳達(dá)內(nèi)容和信息的基礎(chǔ)之上，網(wǎng)頁(yè)界面還必須具備一定的藝術(shù)特征，這種藝術(shù)是基于功能性之上，并且為其服務(wù)的。

（一）以功能性為主網(wǎng)頁(yè)界面設(shè)計(jì)和平面設(shè)計(jì)一樣，必須遵循一定的設(shè)計(jì)原則，在必須具備平面設(shè)計(jì)特征的同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)還具有其特有的基本特性。網(wǎng)頁(yè)界面設(shè)計(jì)應(yīng)時(shí)刻圍繞“信息傳達(dá)”這一主題來(lái)進(jìn)行。因此，它是一種以功能性為主的設(shè)計(jì)。主要體現(xiàn)在以下兩個(gè)方面：1.信息傳達(dá)的功能網(wǎng)頁(yè)界面設(shè)計(jì)以信息傳達(dá)為主要功能，并且信息必須準(zhǔn)確、清晰明了，具有明確的受眾對(duì)象和宣傳目標(biāo)，注重時(shí)效性。2.一定的審美功能網(wǎng)頁(yè)界面的審美功能具有一定的綜合性。以?xún)?nèi)容為主，藝術(shù)為輔，除了界面布局合理，色彩搭配美觀，有清晰的導(dǎo)航功能，內(nèi)容吸引人等，還必須考慮到用戶(hù)操作的簡(jiǎn)易性和信息接受心理等因素。

（二）形象明確，易于接受格羅佩斯在他的《藝術(shù)家與技術(shù)家在何處相會(huì)》一文中提到：“如果物體的形象很適合于它的工作，它的本質(zhì)就能被人看得清楚明確?！泵鞔_地指出了“形象”在信息傳遞和接納過(guò)程中所起到的重要作用。人們?cè)诮佑|外界事物的時(shí)候，總是先通過(guò)視覺(jué)來(lái)接受信息，從而觸發(fā)一系列的心理活動(dòng)。例如：看到天空飛翔的小鳥(niǎo)，會(huì)聯(lián)想到自由，看到長(zhǎng)城、故宮，會(huì)聯(lián)想到中國(guó)傳統(tǒng)文化。因此，在設(shè)計(jì)網(wǎng)頁(yè)界面的時(shí)候，必須以通俗易懂的形象來(lái)傳遞信息，同時(shí)，也要考慮到網(wǎng)頁(yè)受眾的年齡、職業(yè)、文化層次、興趣的差異性，盡可能地使用簡(jiǎn)單的宣傳形式來(lái)滿(mǎn)足所有層次的受眾。在可口可樂(lè)的網(wǎng)頁(yè)中，用戶(hù)可以從水珠、人物等形象中充分聯(lián)想到活力四射、清涼的感覺(jué)，形象通俗易懂，傳達(dá)的信息易于接受，具有良好的傳達(dá)效果。

二、網(wǎng)頁(yè)界面設(shè)計(jì)的視覺(jué)構(gòu)成要素

網(wǎng)頁(yè)無(wú)論其類(lèi)型、大小、功能，風(fēng)格，其具備的基本要素都是一致的，與平面設(shè)計(jì)相比，除了圖像和文字之外，網(wǎng)頁(yè)界面包含更多的要素，如聲音、視頻、動(dòng)畫(huà)等多媒體要素，以及由Javascript、VBscript等動(dòng)態(tài)語(yǔ)言實(shí)現(xiàn)的網(wǎng)頁(yè)特效和交互功能。