網(wǎng)頁設(shè)計論文總結(jié)大全(19篇)

字號:

    在工作、學(xué)習(xí)或生活中,總結(jié)是提高自身能力和經(jīng)驗的重要途徑。在撰寫總結(jié)時,我們可以注重邏輯性、條理性和層次感,使文章更易讀和理解。以下是一些總結(jié)的例文,供大家參考和借鑒,希望能夠?qū)δ阌兴鶐椭?BR>    網(wǎng)頁設(shè)計論文總結(jié)篇一
    網(wǎng)站是企業(yè)或政府向用戶傳遞信息,提供服務(wù)的一種重要方式,是企業(yè)開展電子商務(wù)的重要平臺,是政府面向民眾的重要窗口。網(wǎng)站是直接反應(yīng)企業(yè)形象、政府形象的平臺,因此網(wǎng)頁設(shè)計質(zhì)量的高低將會直接影響到企業(yè)或政府的形象。在網(wǎng)頁設(shè)計中,布局與排版是十分關(guān)鍵的內(nèi)容之一,其會直接影響到瀏覽者對網(wǎng)頁的第一印象與體驗感。因此,對于網(wǎng)頁設(shè)計的布局與排版進(jìn)行研究具有十分重大的實際意義。
    1.1布局與排版設(shè)計原則為了讓瀏覽者在瀏覽網(wǎng)頁過程中擁有更好的瀏覽體驗,在進(jìn)行布局版本過程中要始終秉持以下原則:第一,整體布局,和諧統(tǒng)一。在網(wǎng)頁設(shè)計布局排版過程中整體布局占據(jù)著十分重要的作用。集成是網(wǎng)頁設(shè)計排版布局中常用的一個對稱形式,通過空間的文本與圖形建立其平衡的狀態(tài),從而產(chǎn)生和諧的美感[1]。但是單純的平衡有時候會導(dǎo)致頁面出現(xiàn)過于死板、僵化的情況。因此,可以在對稱平衡設(shè)計中融合一些活潑、有趣的詞匯、圖形,但是要注意需要與頁面和諧統(tǒng)一。第二,主次分明,中心突出。在網(wǎng)頁頁面聚居中需要對視覺中心進(jìn)行充分的考慮,該視覺中西你通常位于頁面的關(guān)鍵區(qū)域—中部與上部的位置。因此,最有價值的信息應(yīng)該擺放在這一位置。網(wǎng)頁布局排版主次分明的最終目的是讓網(wǎng)頁可以形成清晰有序,能夠突出重點(diǎn)的視覺效果。第三,疏密有度,錯落有致。在網(wǎng)頁布局排版中,一定要做好疏密有致,預(yù)留出一定的空白,靈活的使用字間距與行間距,制造出字間距與行間距之間的距離。對于形態(tài)與色彩的搭配運(yùn)用更要合理[2]。例如,黑白搭配、圓形與方形搭配,以便獲得更佳的視覺效果。第四,圖文并茂,生動有趣。圖形美觀與文字的簡潔之間需要合理的搭配。如果圖形在版面設(shè)計中占據(jù)的比例更大,則文字會相應(yīng)減少,從而大大減少頁面的信息量;而如果文字太多則會使得網(wǎng)頁版面變得死板。因此,網(wǎng)頁布局與排版應(yīng)該做到圖文并茂、合理搭配,從而給網(wǎng)頁帶來更加豐富的內(nèi)容,讓網(wǎng)頁變得更加有趣。1.2布局與排版設(shè)計方法網(wǎng)頁設(shè)計布局與排版方法主要包括以以下幾點(diǎn):第一,簡潔明了。布局排版最為重要的原則就是一名了然,讓網(wǎng)頁瀏覽者可以更加順暢的瀏覽信息。第二,主色調(diào)鮮明。網(wǎng)頁設(shè)計給人的第一印象就是由主色調(diào)決定的。主色調(diào)在網(wǎng)頁布局與排版中是十分重要的,主色調(diào)過多會給瀏覽者帶來一種厭煩的感受,不利于瀏覽者長時間瀏覽網(wǎng)頁。因此,網(wǎng)頁版本的主色調(diào)要進(jìn)行合理的控制,其中主色彩不能超過五種,并且要以一種主色調(diào)為主,凸顯以主導(dǎo)地位,另外幾種顏色作為烘托與點(diǎn)綴[3]。一般來說,網(wǎng)頁設(shè)計的主色調(diào)包括黃、藍(lán)、灰、黑和白。第三,字體設(shè)置。在網(wǎng)頁設(shè)計中字體的設(shè)置也應(yīng)該始終秉持著簡易的原則,通常來說不應(yīng)該超過三種字體,并且字體在版面中不宜過大,從而讓更多文字給網(wǎng)頁瀏覽者帶來更多有價值的信息。值得注意的是,要避免閃爍的文字在網(wǎng)頁設(shè)計布局中出現(xiàn),其會給瀏覽者帶來一種厭煩的感覺。同時,在網(wǎng)頁標(biāo)題欄中字體應(yīng)該相對于正文來說要更大,顏色也需要進(jìn)行區(qū)分。
    2.常見布局與排版。
    2.1t字型t型結(jié)構(gòu)是頂部的頁面布局為網(wǎng)站的標(biāo)語和橫幅,下列左側(cè)為主菜單,右側(cè)為內(nèi)容顯示。由于菜單的背景布置顏色更深,因此整體效果視覺類似于英文字母“t”,因此被成為t字型布局。t字型布局是網(wǎng)頁設(shè)計中十分常見的設(shè)計布局,其優(yōu)勢在于頁面結(jié)構(gòu)清晰、明確,容易正確把握主次關(guān)系;缺點(diǎn)在于較為沉悶,缺乏靈活性,如果無法準(zhǔn)確把握,不注重細(xì)節(jié)與色彩的配合,十分容易出現(xiàn)無趣、枯燥的現(xiàn)象[4]。2.2口字型口字型布局給人一個感覺就是在頁面中間最為顯眼的主題內(nèi)容,類似于一個口字型,左側(cè)通常包括注冊信息、內(nèi)容導(dǎo)航、搜索引擎,右側(cè)通常包括動態(tài)消息、熱點(diǎn)資訊和友情鏈接。上下兩部分為橫條廣告與菜單??谧中筒季值膬?yōu)勢在于可以充分利用版面,囊括較大的信息量,缺點(diǎn)在于頁面較為擁擠,過于死板[5]。口字型布局大多被應(yīng)用于國外站點(diǎn)中,國內(nèi)使用頻率較低。2.3pop布局pop布局是將一張合適的照片作為頁面設(shè)計的中心,并且在合適的位置擺放主菜單。pop布局并不是上下或左右對稱的,但是在設(shè)計過程中依然要兼顧平衡與節(jié)奏。pop布局可以實現(xiàn)動態(tài)效果,其優(yōu)勢在于美觀,缺陷在于運(yùn)行速度較為緩慢。2.4同字型同字型的網(wǎng)頁布局一般來說內(nèi)容量都較大,網(wǎng)頁上方為標(biāo)題欄,其中內(nèi)容可以是網(wǎng)站主題或橫幅廣告,在標(biāo)題欄下可能存在小標(biāo)題。在頁面左右兩側(cè)都布置有相應(yīng)的內(nèi)容。通常來說,可能是網(wǎng)站的最新動態(tài)、網(wǎng)站的維護(hù)管理人員以及部分廣告。同字型網(wǎng)頁的主要內(nèi)容是分布在中央位置,從上至下,根據(jù)內(nèi)容的重點(diǎn)、類型來進(jìn)行區(qū)分。網(wǎng)站下部分通常為空白,即使有內(nèi)容也是一些十分常規(guī)的內(nèi)容,包括網(wǎng)站制造方、網(wǎng)站基礎(chǔ)信息等。
    3結(jié)語。
    計算機(jī)網(wǎng)頁設(shè)計布局與排版是一門藝術(shù),針對網(wǎng)頁不同的內(nèi)容可以采用不同的布局排版形式。然而不論采用何種的布局排版形式都需要始終秉持著布局排版的原則,以設(shè)計出美觀、簡潔、便捷、人性化的網(wǎng)頁,讓瀏覽者可以舒適的瀏覽網(wǎng)頁。
    參考文獻(xiàn):。
    網(wǎng)頁設(shè)計論文總結(jié)篇二
    前言。
    科學(xué)技術(shù)的不斷進(jìn)步,促進(jìn)了計算機(jī)技術(shù)以及互聯(lián)網(wǎng)的迅速發(fā)展,在各個國家基本實現(xiàn)了全覆蓋。隨著信息時代的到來,人們對于信息的利用更加頻繁,對網(wǎng)頁的關(guān)注度逐漸升溫,好的計算機(jī)網(wǎng)頁設(shè)計會給企業(yè)以及瀏覽者帶來更大的價值,要想成功吸引更多的人們注意網(wǎng)頁,就需要將圖形設(shè)計完美的融入其中,以達(dá)到想要的效果。
    網(wǎng)頁設(shè)計,是為傳遞信息而進(jìn)行頁面設(shè)計的工作,其主要是依據(jù)企業(yè)的需求,利用計算機(jī)為媒介,將信息展示在瀏覽者面前。作為一種宣傳媒介,網(wǎng)頁設(shè)計的精美程度決定了瀏覽者對其的關(guān)注度,更絕對了其利用價值的大小。網(wǎng)頁設(shè)計包含以下種類:功能型網(wǎng)頁設(shè)計、形象型網(wǎng)頁設(shè)計和信息型網(wǎng)頁設(shè)計,其主要利用顏色、字體、圖片、樣式進(jìn)行美化設(shè)計,根據(jù)用戶要求策劃和設(shè)計出滿意的網(wǎng)頁,高級的網(wǎng)頁設(shè)計甚至?xí)紤]到通過聲光、交互等來實現(xiàn)更好的試聽感受。網(wǎng)頁設(shè)計最為常用的工具包含ps、fl、al、dw等[1]。圖形設(shè)計,是網(wǎng)頁設(shè)計技術(shù)中的重要組成部分,影響著網(wǎng)頁設(shè)計的效果,對提升網(wǎng)頁的設(shè)計感和感染力具有重要作用。圖形設(shè)計重在圖形,它是傳達(dá)信息的圖像符號,通過不同的表現(xiàn)形式,將作品中要表達(dá)的意境表現(xiàn)出來[2],其重在創(chuàng)意上。圖形設(shè)計擁有眾多優(yōu)勢,有直觀性、審美性、指示性、象征性等,這些都能夠提升計算機(jī)網(wǎng)頁的設(shè)計效果。
    圖形設(shè)計的創(chuàng)新性,可以在計算機(jī)網(wǎng)頁設(shè)計的策劃中與眾不同,更能夠提升計算機(jī)網(wǎng)頁設(shè)計的藝術(shù)效果,將網(wǎng)頁的別具一格的設(shè)計展現(xiàn)在用戶面前,讓更多的瀏覽者關(guān)注網(wǎng)頁,激發(fā)用戶群體的瀏覽興趣,起到更好的傳遞信息的效果。在計算機(jī)網(wǎng)頁設(shè)計中,利用圖形設(shè)計中的完整的表達(dá)力,為用戶打造信息傳遞的視覺盛宴,保證計算機(jī)網(wǎng)頁設(shè)計的質(zhì)量。據(jù)相關(guān)調(diào)查顯示,最受關(guān)注的網(wǎng)頁,往往是利用圖形設(shè)計相結(jié)合的。
    2.2增添計算機(jī)網(wǎng)頁設(shè)計色彩,向多元化發(fā)展。
    圖形設(shè)計的形式多種多樣,更可以說是資源豐富多彩,其利用音頻、圖像以及藝術(shù)文字的形式進(jìn)行計算機(jī)網(wǎng)頁的設(shè)計,大大的增添了藝術(shù)色彩和愉悅的氛圍,并使得傳統(tǒng)的單一網(wǎng)頁形式向多元化方向發(fā)展。傳統(tǒng)的計算機(jī)網(wǎng)頁只是通過簡單的元素將信息傳遞給瀏覽者,在表達(dá)上基本上就是文字配以簡單的圖片,在信息的檢索上更是以文字為主[3],將現(xiàn)代的圖形設(shè)計加入到計算機(jī)網(wǎng)頁設(shè)計后,用戶可以通過音頻以及圖片進(jìn)行搜索,這種表現(xiàn)形式的變化圖形設(shè)計所起的作用功不可沒。
    2.3加強(qiáng)了視覺沖擊力與感染力,更加人性化。
    計算機(jī)網(wǎng)頁設(shè)計主要是通過文字和圖像相結(jié)合向使用者展示信息,圖像設(shè)計是將文字與圖像再加工,利用其獨(dú)特的處理技術(shù),將文字與圖像的表現(xiàn)形式更具有視覺沖擊力與感染力,能夠較深瀏覽者的印象,提升瀏覽效率。圖形設(shè)計能夠?qū)⑽淖峙c圖像互相轉(zhuǎn)換,滿足瀏覽者的需求,并給人以簡潔美觀的效果,更能夠體現(xiàn)設(shè)計者的理念,使計算機(jī)網(wǎng)頁設(shè)計更加人性化。
    3.1圖片格式設(shè)置要符合。
    在圖形設(shè)計中,設(shè)計工作者一定要注意計算機(jī)網(wǎng)頁設(shè)計中對圖片格式的要求,只有符合的才能夠?qū)崿F(xiàn)其利用價值,才能夠達(dá)到設(shè)計方案中的實際效果。我們在瀏覽網(wǎng)頁中,經(jīng)常會出現(xiàn)圖片、音頻打不開的現(xiàn)象,使得我們需要的信息沒有很好的讀取。因此,在計算機(jī)網(wǎng)頁設(shè)計中,一定要合理的處理圖像以及連接圖片,使其格式滿足網(wǎng)頁設(shè)計的要求,為用戶展現(xiàn)良好的視覺效果。
    3.2圖像大小要控制在要求范圍內(nèi)。
    在計算機(jī)網(wǎng)頁設(shè)計中,對圖像大小的要求非常嚴(yán)格,如果在利用圖形設(shè)計中不控制好圖像的大小,就會嚴(yán)重影響圖像在瀏覽者面前呈現(xiàn)的效果。計算機(jī)網(wǎng)頁設(shè)計本身就收資源空間大小的限制,只有控制好圖像的質(zhì)量與范圍,才能夠提升網(wǎng)頁設(shè)計質(zhì)量。例如,我們在瀏覽網(wǎng)頁時會經(jīng)??匆娨恍┦д?、或者比例失調(diào)的圖片,不僅影響了我們?yōu)g覽效果,還嚴(yán)重影響了我們繼續(xù)瀏覽下去的興趣。
    3.3圖片顏色配置要科學(xué)。
    不同的色彩表現(xiàn)形式有所不同,同一的色彩會顯得單調(diào),多種色彩搭配會顯得凌亂,在計算機(jī)網(wǎng)頁設(shè)計中使用圖形設(shè)計時,無論哪種顏色都要優(yōu)化配置好,并要有一定的科學(xué)性。在圖形設(shè)計中,可以通過ps實際軟件對圖片進(jìn)行顏色調(diào)整,使其適合計算機(jī)網(wǎng)頁設(shè)計整體色調(diào),為瀏覽者展示良好的畫面感。
    4結(jié)束語。
    計算機(jī)網(wǎng)頁設(shè)計本身就具有一定的難度,圖形設(shè)計的加入使之更加的繁瑣,設(shè)計人員在運(yùn)用過程中一定要加以注意,更具網(wǎng)頁設(shè)計的實際要求進(jìn)行圖形的選擇與處理,才能夠增強(qiáng)圖形設(shè)計在計算機(jī)網(wǎng)頁設(shè)計中的視覺效果,實現(xiàn)其使用價值。
    參考文獻(xiàn)。
    [1]王正紅.探討網(wǎng)頁設(shè)計中圖形的應(yīng)用[j].現(xiàn)代裝飾(理論),20xx,11:86.
    [2]溫雪,畢軍濤,孫授卿.試析計算機(jī)圖形圖像設(shè)計以及視覺傳達(dá)設(shè)計[j].通訊世界,20xx,17:221.
    [3]王燕軍.網(wǎng)頁設(shè)計中計算機(jī)圖像處理技術(shù)的應(yīng)用[j].電子技術(shù)與軟件工程,20xx,13:104.
    網(wǎng)頁設(shè)計論文總結(jié)篇三
    跟學(xué)習(xí)別的東西一樣,學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
    學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心,如果你沒有耐心,你學(xué)不好網(wǎng)頁設(shè)計,應(yīng)為當(dāng)你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了半個月時間才解決。
    現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.注重實用,個人認(rèn)為網(wǎng)頁設(shè)計應(yīng)該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。
    我提倡簡單的美。
    申明我也是個網(wǎng)頁設(shè)計初學(xué)者,并不是什么設(shè)計名師,這是我個人的灼見。
    有什么不對的地方,還請大家。
    見諒。
    網(wǎng)頁設(shè)計論文總結(jié)篇四
     ?跟學(xué)習(xí)別的東西一樣,學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
     ?學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心,如果你沒有耐心,你學(xué)不好網(wǎng)頁設(shè)計,應(yīng)為當(dāng)你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了半個月時間才解決。
     ?現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.注重實用,個人認(rèn)為網(wǎng)頁設(shè)計應(yīng)該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。
     ? 我提倡簡單的美。
     ?申明 我也是個網(wǎng)頁設(shè)計初學(xué)者,并不是什么設(shè)計名師,這是我個人的灼見。
     ? 有什么不對的地方,還請大家
     ??見諒。
    
     真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內(nèi)容的框架擠開;插入的層太多,大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的flash不能產(chǎn)生效果。
     總之問題一籮筐。
     實踐出真知,原來自己還有那么多欠缺的知識。
     于是回歸本源,先把課本上的東西弄通再談其他。
     然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。
     在對基本知識有了詳細(xì)的了解之后,做起東西來就得心應(yīng)手多了,知道引導(dǎo)頁能過加映像之后,我決定為我的網(wǎng)頁設(shè)計一個引導(dǎo)頁。
     然后是主頁和二級頁面的設(shè)置。
     要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式,其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進(jìn)行轉(zhuǎn)換,比如office 97的照片編輯器。
     把準(zhǔn)備在主頁上出現(xiàn)的'圖象放進(jìn)相應(yīng)的目錄里后.
     在一步一步的邊學(xué)邊做的過程中,看著心中的東西一點(diǎn)一點(diǎn)的出來,真的很有成就感。
     雖然自己的網(wǎng)頁技術(shù)還差的遠(yuǎn),但是回顧一下這周真的學(xué)到了很多的東西。
     網(wǎng)頁的調(diào)試
     之前把作過的東西放到u盤里,發(fā)生過圖片顯示不出來的狀況,還好即使找到了解救的方法,把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
    
     1.討論網(wǎng)站主題:因為自己對普羅旺斯很感興趣,于是就想到要是一下為心中的仙境設(shè)計一個旅游網(wǎng)站。
     2.定位網(wǎng)站ci形象:旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。
     于是在網(wǎng)頁設(shè)計上面,根據(jù)普羅旺斯夢幻般的意境,我采用的是清新雋永的ci形象。
     使瀏覽者有賓至如歸的感受。
     3.確定欄目和板塊:
     1]首先要考慮整個網(wǎng)頁的長和寬,以及長度和寬度之間的比例。
     2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
     3]正文的框架設(shè)置 (橫向因素和縱向因素交錯)
     在瀏覽了很多精美的旅游網(wǎng)站之后,再結(jié)合自己的想法,我先在草紙上畫出了大體的欄目和板塊。
     4.網(wǎng)站的整體風(fēng)格和創(chuàng)意:建立一個浪漫的旅行網(wǎng)站,走映像派路線,目的務(wù)必使瀏覽者留下映像。
    
     1.資料的搜集:由于個人的愛好,我很早以前就收集了許多普羅旺斯的美圖,這次就方便多了。
     接著就搜集了一些有夢幻效果的網(wǎng)頁背景,fiash源代碼、小圖標(biāo)和一些gif的動畫等。
     2.熟悉制作工具軟件:
     主頁制作的基本條件有:網(wǎng)頁設(shè)計實習(xí)總結(jié)
    
     文件上傳軟件:常用的有cuteftp、wsftp等。
    網(wǎng)頁設(shè)計論文總結(jié)篇五
    本實例是通過“站點(diǎn)定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點(diǎn)。
    二、儀器用具。
    1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
    2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。
    三、實驗原理。
    通過“站點(diǎn)定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點(diǎn)。
    四、實驗方法與步驟。
    1)執(zhí)行“站點(diǎn)管理站點(diǎn)”命令,在彈出的“管理站點(diǎn)”對話框中單擊“新建”按鈕,在彈出的快捷菜單中選擇“站點(diǎn)”命令。
    2)在彈出的“站點(diǎn)定義為”對話框中單擊“高級”選項卡。
    3)在“站點(diǎn)名稱”文本框中輸入站點(diǎn)名稱,在“默認(rèn)文件夾”文本框中選擇所創(chuàng)建的站點(diǎn)文件夾。
    在“默認(rèn)圖象文件夾”文本框中選擇存放圖象的文件夾,完成后單擊“確定”按鈕,返回“管理站點(diǎn)”對話框。
    4)在“管理站點(diǎn)”對話框中單擊“完成”按鈕,站點(diǎn)創(chuàng)建完畢。
    五、實驗結(jié)果。
    六、討論與結(jié)論。
    實驗開始之前要先建立一個根文件夾,在實驗的過程中把站點(diǎn)存在自己建的文件夾里,這樣才能使實驗條理化,不至于在實驗后找不到自己的站點(diǎn)。
    在實驗過程中會出現(xiàn)一些選項,計算機(jī)一般會有默認(rèn)的選擇,最后不要去更改,如果要更改要先充分了解清楚該選項的含義,以及它會造成的效果,否則會使實驗的結(jié)果失真。
    實驗前先熟悉好操作軟件是做好該實驗的關(guān)鍵。
    實驗二:頁面圖像設(shè)置。
    一、實驗?zāi)康募耙螅?BR>    本實例的目的是設(shè)置頁面的背景圖像,并創(chuàng)建鼠標(biāo)經(jīng)過圖像。
    二、儀器用具。
    1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
    2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。
    4、安裝acdsee、photoshop等圖形處理與制作軟件;。
    5、其他一些動畫與圖形處理或制作軟件。
    三、實驗原理。
    設(shè)置頁面的背景圖像,并創(chuàng)建鼠標(biāo)經(jīng)過圖像。
    四、實驗方法與步驟。
    1)在“頁面屬性”對話框中設(shè)置頁面的背景圖像。
    2)在頁面文檔中單擊“”插入鼠標(biāo)經(jīng)過圖像。
    五、實驗結(jié)果。
    六、討論與結(jié)論。
    實驗結(jié)束后我們可以看到頁面的背景變成了我們插入的圖像,并且要鼠標(biāo)經(jīng)過的時候會變成另一個圖像,這就是鼠標(biāo)經(jīng)過圖像的效果。
    當(dāng)然這種實驗效果很難在實驗結(jié)果的截圖里表現(xiàn)出來。
    這個實驗的關(guān)鍵在于背景圖像的選擇,如果背景圖像太大不僅會影響網(wǎng)頁的打開速度,甚至圖像在插入會也會有失真的感覺,因此在插入前對圖像進(jìn)行必要的處理能使實驗的效果更好。
    實驗三:表格制作。
    一、實驗?zāi)康募耙螅?BR>    本實例是要創(chuàng)建邊框為1像素的表格。
    二、儀器用具。
    1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
    2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。
    4、安裝acdsee、photoshop等圖形處理與制作軟件;。
    5、其他一些動畫與圖形處理或制作軟件。
    三、實驗原理。
    創(chuàng)建邊框為1像素的表格。
    四、實驗方法與步驟。
    1)在文檔中,單擊表格“”按鈕,在對話框中將“單元格間距”設(shè)置為“1”。
    2)選中插入的表格,將“背景顏色”設(shè)置為“黑色”(#0000000)。
    3)在表格中選中所有的單元格,在“屬性”面版中將“背景顏色”設(shè)置為“白色”(#ffffff)。
    4)設(shè)置完畢,保存頁面,按下“f12”鍵預(yù)覽。
    五、實驗結(jié)果。
    六、討論與結(jié)論。
    本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果,間距的作用主要在于表現(xiàn)這種顏色差異。
    表格的背景顏色和單元格的背景顏色容易混淆,在實驗中要認(rèn)真判斷,一旦操作錯誤則得不到實驗的效果。
    “表格寬度”文本框右側(cè)的表格的寬度單位,包括“像素”和“百分比”兩種,容易混淆,要充分地理解這兩種單位表示的意義才能正確地進(jìn)行選擇,否則就不能達(dá)到自己想要的效果,設(shè)置錯誤就會嚴(yán)重影響實驗效果。
    實驗四:創(chuàng)建錨點(diǎn)鏈接。
    一、實驗?zāi)康募耙螅?BR>    本實例的目的是創(chuàng)建錨點(diǎn)鏈接。
    二、儀器用具。
    1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
    2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。
    4、安裝acdsee、photoshop等圖形處理與制作軟件;。
    5、其他一些動畫與圖形處理或制作軟件。
    三、實驗原理。
    創(chuàng)建錨點(diǎn)鏈接。
    四、實驗方法與步驟。
    1)在頁面中插入1行4列的表格,并在各單元格中輸入導(dǎo)航文字。
    2)分別選中各單元格的文字,單擊“”按鈕,在彈出的“超級鏈接”對話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。
    3)在文檔中輸入文字并設(shè)置錨記名稱“01”,按下“enter”鍵換行,輸入一篇文章。
    4)在文章的結(jié)尾處換行,輸入文字并設(shè)置錨記名稱“02”,按下“enter”鍵換行,輸入一篇文章。
    5)同樣的方法在頁面下文分別輸入文字和命名錨記為“03”和“04”,并輸入文章。
    6)保存頁面,按下“f12”鍵預(yù)覽。
    五、實驗結(jié)果。
    六、討論與結(jié)論。
    添加瞄記的作用是可以幫讀者快速找到自己想要的文章,同時也可以使頁面更加精簡。
    本實驗的關(guān)鍵難點(diǎn)在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達(dá)到實驗的效果,同時要記得是在上一篇文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱,并記得輸入對應(yīng)的文章,否則瞄記可能不能用。
    熟練程度低在實驗中不能很好地使用各種工具,無法一次準(zhǔn)確地尋找到適當(dāng)?shù)奈恢谩?BR>    實驗中忘記選擇“不可見元素”,幾次實驗都失敗,最后才得出正確的結(jié)論。
    因此在實驗前要先做好預(yù)習(xí),否則實驗過程會比較吃力。
    實驗五:設(shè)置css樣式。
    一、實驗?zāi)康募耙螅?BR>    本實例的目的是通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。
    二、儀器用具。
    1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
    2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境,支持asp。
    4、安裝acdsee、photoshop等圖形處理與制作軟件;。
    5、其他一些動畫與圖形處理或制作軟件。
    三、實驗原理。
    通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。
    四、實驗方法與步驟。
    1)在網(wǎng)頁中創(chuàng)建一個表格。
    2)在“css樣式”面板中單擊“”按鈕,在彈出的對話框中進(jìn)行設(shè)置,完成后單擊“確定”按鈕。
    3)在彈出的對話框中進(jìn)行設(shè)置,完成后單擊“確定”按鈕。
    五、實驗結(jié)果。
    六、討論與結(jié)論。
    對話框中各項指標(biāo)和屬性的設(shè)置存在一定的難度,如果沒熟練掌握就容易出錯使實驗失敗。
    對“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時候覺得很生硬。
    這個實驗成功的關(guān)鍵在于對軟件的掌握程度以及對各種屬性的認(rèn)識程度,只要充分地掌握了軟件的各種操作,對各屬性所代表的含義有充分的認(rèn)識就能很好地完成這個實驗。
    實驗六:創(chuàng)建表單。
    一、實驗?zāi)康募耙螅?BR>    本實例的目的是創(chuàng)建一個募捐表單。
    網(wǎng)頁設(shè)計論文總結(jié)篇六
    在網(wǎng)頁設(shè)計中,其中文字的編排作為必不可少的基本構(gòu)成元素,對這些文字的要求是易讀性和可讀性。其中易讀性顧名思義就是文字的清晰表達(dá),可讀性則是指的是網(wǎng)頁整體上的可視性,在文字的設(shè)計、詞語的間距、行距等方面的處理。易讀性和可讀性在網(wǎng)頁設(shè)計中對于文字的編排的作用是非常重要的。另外,和利用紙張閱讀的方式相比,網(wǎng)頁設(shè)計中的文字的易讀性相對較差,再加上一般的用戶在普通的頁面上花的時間比較短,所以對于網(wǎng)頁設(shè)計中的文字編排應(yīng)該滿足以下幾個要求:一是,因為在不同的電腦、操作系統(tǒng)中安裝的文字的字體都是相同的,所以應(yīng)該在文字編排的過程中選擇一些經(jīng)常使用,用戶經(jīng)常見到的字體,不然的話他們的系統(tǒng)就可能默認(rèn)一種字體,就會導(dǎo)致網(wǎng)頁看起來不能達(dá)到設(shè)計者的期望。二是,鑒于屏幕的顯示會對字體造成一定的影響,在生活中人們大多都是采用的黑體和宋體,站在視角的角度上說,宋體的閱讀方式最便捷,更富有現(xiàn)代氣息,但是對于字體的形狀應(yīng)該注意。三是,因為不同的字體以及不同的字體屬性可以幫助人們識別標(biāo)題和信息。但是應(yīng)該注意的是一個頁面中字體風(fēng)格是有限制的,如果使用太多面,就失去了強(qiáng)調(diào)的作用。
    2、圖片的編排。
    在網(wǎng)頁設(shè)計中,圖片可以算得上是最早被使用的元素。這是因為網(wǎng)絡(luò)可以利用圖片傳達(dá)自己的信息,讓用戶更直接的了解,加大了網(wǎng)絡(luò)提供的信息量,再加上圖片的使用在很大的程度上也使頁面更美化。因此,在網(wǎng)頁設(shè)計中,要想單純文字表達(dá)的信息變得有趣,最簡單的方法就是使用圖片。經(jīng)調(diào)查顯示:對于一條信息來講,圖片對觀眾造成的吸引往往要高于文字產(chǎn)生的影響。在網(wǎng)頁中使用圖片時,應(yīng)該注意以下規(guī)則:一是網(wǎng)頁的統(tǒng)一性;二是圖片要吸引用戶;三是要注意突出圖片的重點(diǎn),特別是在處理和相關(guān)文字編排的時候。
    多媒體的使用能讓人機(jī)交互技術(shù)趨向接近人的自然方向發(fā)展,能夠讓網(wǎng)頁用自然的方式跟人交往。多媒體的產(chǎn)生實現(xiàn)了信息的多樣化,讓人與網(wǎng)頁在交互的過程中,具有更寬闊和自由的發(fā)展空間。對于多媒體技術(shù)的信息多維化不僅指信息的輸入,還包括信息的輸出。從目前的形式來看,多維化包括人的視覺和聽覺這兩個方面,因為多媒體的使用,讓頁面設(shè)計表達(dá)的信息更具有人性化。為了增強(qiáng)網(wǎng)頁的視覺效果,在網(wǎng)頁設(shè)計中通過豐富的表現(xiàn)形式,能夠讓觀眾產(chǎn)生視覺效果,從而產(chǎn)生了繼續(xù)觀看的念頭。在網(wǎng)頁設(shè)計中,網(wǎng)頁包含的內(nèi)容是各個方面的。幾乎容納了所有的媒體的優(yōu)點(diǎn),現(xiàn)在已經(jīng)成為了一種炙手可熱的傳播手段。
    2、網(wǎng)頁設(shè)計和多媒體相結(jié)合主要是增強(qiáng)了網(wǎng)頁的交互性。
    一個優(yōu)秀或者是成功的網(wǎng)站都應(yīng)該和用戶之間形成良好的互動關(guān)系,互動關(guān)系主要包括在整個頁面的設(shè)計過程中以及使用界面上的指導(dǎo)體現(xiàn)出來,并且都應(yīng)該堅持互動的原則,讓用戶在使用的過程中的每一個不走都能夠得到相應(yīng)的會用。在現(xiàn)在,交互性不僅是一種利用網(wǎng)絡(luò)傳播發(fā)揮信息的最大優(yōu)勢,而且是傳達(dá)信息的人和用戶進(jìn)行交流的一種方式,在網(wǎng)頁設(shè)計中,有效的互動性能夠提高用戶使用接受信息的主動性以及參與信息反饋的積極性,與此同時,還有助于傳達(dá)信息的人了解信息傳達(dá)取得的實際效果以及和預(yù)期之間存在的偏差,以便在下一步的網(wǎng)頁設(shè)計中進(jìn)行適當(dāng)?shù)母恼?,實現(xiàn)消息的升格傳達(dá)。隨著我國的動態(tài)設(shè)計技術(shù),例如asp以及php等的不斷發(fā)展和普及,交互式設(shè)計的重要性也逐漸顯現(xiàn)出來,采用交互式設(shè)計的目的不是為了控制用戶采用怎樣的行動,而是給他們的各種行動創(chuàng)造實現(xiàn)的基礎(chǔ)。在多媒體以及網(wǎng)頁技術(shù)中,設(shè)計人員采用的絕大部分的交互方式都是人們熟悉的模擬系統(tǒng),例如,人們熟悉的撥號盤、按鈕、開關(guān)以及滾動條等。所以設(shè)計師在創(chuàng)建人機(jī)交互方式時,瀏覽者所接觸到的交互式界面,通常都采用這些方式,例如聊天室的界面,完全可以設(shè)計成房屋的場景,以給用戶營造一種親切的感覺。適當(dāng)?shù)膶W(wǎng)頁中的各種設(shè)計元素,例如flash、js等動態(tài)效果,就會增強(qiáng)網(wǎng)頁的視覺審美,更具藝術(shù)欣賞性和互動性,對瀏覽者具有充分調(diào)動的作用,產(chǎn)生的效果也比傳統(tǒng)的媒體要好。
    三、總結(jié)。
    在我國不斷發(fā)展的進(jìn)程中,網(wǎng)頁可以說是一種全新的視覺表現(xiàn)形式,不僅包含了平面設(shè)計的各種理念,還具有跟其他文化不同的優(yōu)點(diǎn)。如果要做好網(wǎng)頁設(shè)計,絕對不是一件容易的事情,這是因為網(wǎng)頁設(shè)計涉及了視覺設(shè)計美學(xué)、人類心理學(xué)、人機(jī)工程等多個領(lǐng)域。一個好的網(wǎng)頁設(shè)計不僅需要設(shè)計者精心組織內(nèi)容,更需要其對整體視覺的傳達(dá)進(jìn)行科學(xué)的規(guī)劃。在信息技術(shù)飛速發(fā)展的今天,網(wǎng)頁設(shè)計的價值不應(yīng)該只局限于提高信息的傳達(dá)效率,還應(yīng)該重視給用戶帶來視覺的審美享受。
    網(wǎng)頁設(shè)計論文總結(jié)篇七
    所有瀏覽器默認(rèn)的標(biāo)準(zhǔn)字體是中文宋體和英文timesnewroma字體。如果沒有進(jìn)行任何字體設(shè)置,在任何操作系統(tǒng)和瀏覽器里網(wǎng)頁將以這兩種標(biāo)準(zhǔn)字體顯示保持正確。現(xiàn)在大多數(shù)電腦操作系統(tǒng)為微軟的windows系統(tǒng),其安裝時就自帶的4種中文字體和40多種英文字體,四種中文字體分別為宋體、黑體、楷體(gb2312)、仿宋(gb2312)。凡是在windows操作系統(tǒng)的瀏覽器使用系統(tǒng)自帶的字體都可以正確顯示這些字體。
    (二)圖片的方式置入網(wǎng)頁。
    根據(jù)網(wǎng)頁中的設(shè)計思想而選擇相應(yīng)的字體,設(shè)計師往往需要用一種特殊的字體來體現(xiàn)自己的風(fēng)格,那么特殊字體或藝術(shù)字體因為字體的原因只能在本機(jī)電腦上顯示成功。為避免這種情況的出現(xiàn),設(shè)計師可以把文字進(jìn)行柵格化,把文字變?yōu)閳D片的形式,最好以圖片的方式置入網(wǎng)頁,以保證所有人看到的網(wǎng)頁效果相同。
    二、文字的大小設(shè)置。
    由于網(wǎng)頁設(shè)計是基于電腦虛擬平臺,其展示方式區(qū)別于之前的傳統(tǒng)媒介的實物展示,它需要在顯示終端中展現(xiàn)。而現(xiàn)在顯示終端百花齊放,網(wǎng)頁設(shè)計師需要考慮不同客戶端的瀏覽體驗,而文字大小直接決定了網(wǎng)頁的視覺效果,是用戶體驗中的一個重要部分。不同的顯示器尺寸,不同的分辨率設(shè)置,不同的dpi參數(shù),乃至不同的瀏覽器預(yù)設(shè),都會對最終展現(xiàn)的文字大小帶來影響。雖然現(xiàn)在很多瀏覽器已經(jīng)可以方便地縮放頁面,但用戶每次都要重新縮放,而且許多用戶不習(xí)慣縮放頁面達(dá)到最佳視覺效果。這就要求網(wǎng)頁設(shè)計師最好還是根據(jù)絕大多數(shù)用戶的使用習(xí)慣,設(shè)置一個比較體貼的默認(rèn)字號。
    三、文字的顏色選擇。
    字體的顏色選擇同樣是一個重要的細(xì)節(jié),通常來說,顏色要與背景有一定的對比度,因為低對比度容易導(dǎo)致字體看不清楚。所以要用高對比度的顏色,所以文章都是白底黑字。網(wǎng)頁中的文字,通常使用黑色,這樣更加可以保證文字的辨識度又符合大眾的口味。當(dāng)然現(xiàn)在隨著網(wǎng)頁設(shè)計的發(fā)展,顏色應(yīng)用越來越多,但這里要避免的一些特殊顏色,因為網(wǎng)頁中的一些默認(rèn)顏色。比如說是藍(lán)色,因為藍(lán)色代表著網(wǎng)頁中可以進(jìn)行點(diǎn)擊跳轉(zhuǎn)的超鏈接,如果網(wǎng)頁中有一段藍(lán)色的文字,會讓人誤以為是可以點(diǎn)擊的超鏈接,所以這種顏色要特別慎重。但是有些時候在設(shè)計中,必須要用到這種顏色時,也有一些其他的方法來避免類似問題。例如將超鏈接的樣式帶有默認(rèn)的下劃線。文字作為信息傳播的符號,實現(xiàn)了良好信息傳達(dá)的效果。文字的自身結(jié)構(gòu)又具有視覺圖形意義,字體的造型變化構(gòu)成了各種形狀,在網(wǎng)頁設(shè)計中文字的表現(xiàn)形式既有規(guī)律性又有極大可塑性。利用文字視覺傳遞、視覺規(guī)律、視知覺感受的生理效應(yīng)等作用,可以在網(wǎng)頁設(shè)計制作中尋求和創(chuàng)造更加豐富多彩的個性化、風(fēng)格化的視覺語言形式。
    網(wǎng)頁設(shè)計論文總結(jié)篇八
    隨著信息技術(shù)的不斷進(jìn)步,多媒體技術(shù)得到了迅速發(fā)展,當(dāng)前網(wǎng)絡(luò)傳輸?shù)募夹g(shù)以及硬件技術(shù)也在不斷的提高,這樣也就為藝術(shù)和技術(shù)的結(jié)合創(chuàng)造了良好的條件,這樣也有利于網(wǎng)頁的設(shè)計體現(xiàn)出更為優(yōu)質(zhì)的效果,從而也為多媒體技術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用創(chuàng)造了更為廣闊的前景。
    2在多媒體設(shè)計中恰當(dāng)?shù)娜谌胨囆g(shù)設(shè)計的成分。
    網(wǎng)頁設(shè)計不只是由多媒體元素構(gòu)成,為了使其更加的美觀就必須要考慮藝術(shù)性,要注意平面效果的傳達(dá),這也就需要做到不同的元素結(jié)合起來,但是在結(jié)合過程中需要注意以下幾點(diǎn):
    2.1在設(shè)計網(wǎng)頁的過程中要注意內(nèi)容和形式的統(tǒng)一。
    在進(jìn)行設(shè)計時就需要做到形式與內(nèi)容的統(tǒng)一,使得形式服從于內(nèi)容,從而使得網(wǎng)絡(luò)的整體效果表現(xiàn)出來,這也就要求網(wǎng)頁的細(xì)節(jié)需要做得很到位,從而使得網(wǎng)頁與多媒體元素的相關(guān)性凸現(xiàn)出來。
    2.2突出主題要素。
    網(wǎng)頁要盡可能的突出主題,使得風(fēng)格與之相協(xié)調(diào)。在風(fēng)格選擇上要注意多媒體元素的選擇,注意其色調(diào)的搭配,同時還要做好排版工作,從而使得整個網(wǎng)頁具有較強(qiáng)的吸引力,達(dá)到應(yīng)有的效果。
    2.3注重色彩搭配。
    在一個網(wǎng)頁中色彩數(shù)量最好控制在4個左右,同時還要分出主次,確??傮w上的統(tǒng)一,在局部上形成對比,要注意體現(xiàn)主題的色彩搭配,注意色系的選擇,還要注意背景色的選擇,盡可能的站在瀏覽者的角度思考問題。
    2.4注重網(wǎng)頁布局。
    網(wǎng)頁布局大致可分標(biāo)題型、拐角型、框架型等,選擇布局類型的依據(jù)主要是信息狀況,網(wǎng)頁狀況以及結(jié)構(gòu)狀況,這樣就會使得網(wǎng)頁的頁面可以一目了然。國字型以及拐角型的適合用于信息量大的網(wǎng)頁中,標(biāo)題正文型的適合用于綱要性的網(wǎng)頁之中,動畫型的可以靈活的運(yùn)用到各種各樣網(wǎng)頁之中,但是在布局的選擇過程中需要注意各種布局類型優(yōu)缺點(diǎn)的選擇,只有這樣才能使得網(wǎng)頁的效果更為明顯。
    3結(jié)束語。
    多媒體技術(shù)在我國發(fā)展的速度非常迅速,并且不斷地成熟起來。在網(wǎng)頁設(shè)計的過程中要充分的運(yùn)用多媒體技術(shù),同時要注意與藝術(shù)性的結(jié)合,要注意實現(xiàn)藝術(shù)與技術(shù)的結(jié)合與統(tǒng)一,這樣才可以使得網(wǎng)頁設(shè)計更為立體,更加的生動形象,更具有空間效果,從而使得網(wǎng)頁可以更好的吸引瀏覽者,給瀏覽者留下深刻的印象,從而達(dá)到一種影像的效果,達(dá)到網(wǎng)站所傳輸出的目的,使其價值得以最優(yōu)化.
    網(wǎng)頁設(shè)計論文總結(jié)篇九
    一個網(wǎng)站的設(shè)計成功與否是跟用戶的體驗有很大的幫助的。如果你的網(wǎng)站設(shè)計的給人一種視覺錯亂的效果,那么說明,你失敗了。任何人,包括搜索引擎都非常的喜歡簡單大方的頁面。設(shè)計網(wǎng)站頁面的時候應(yīng)該注意哪些方面的技巧性問題。
    1.色彩在網(wǎng)頁設(shè)計中的作用
    色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中,我們的設(shè)計師根據(jù)和諧、均衡和重點(diǎn)突出的原則,將不同的色彩進(jìn)行組合.搭配來構(gòu)成美麗的頁面。
    根據(jù)色彩對人們心理的影響,合理地加以運(yùn)用。如果您的企業(yè)有ci,我們將按照其中的vi進(jìn)行色彩運(yùn)用。
    2.簡化網(wǎng)頁代碼
    搭建網(wǎng)頁前端的時候,使用有語義的代碼。用描述性的標(biāo)簽組織頁面結(jié)構(gòu),可以提高內(nèi)容對搜索引擎的可讀性。這也會讓修飾頁面的工作變得更簡單干凈。
    3.模塊化和可修改性強(qiáng)
    模塊化不僅可以提高重用性,也能統(tǒng)一網(wǎng)站風(fēng)格,還可以降低程序開發(fā)的強(qiáng)度。這里就涉及一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識了,不再冗述。
    無論是架構(gòu)還是模塊或圖片,都要考慮可修改性強(qiáng)。舉個簡單的例子,logo、按鈕等,很多人喜歡制作圖片,n個按鈕就是n張圖片。
    4.版式設(shè)計通過文字圖形的空間組合,表達(dá)出和諧與美。
    多頁面站點(diǎn)頁面的編排設(shè)計要求把頁面之間的有機(jī)聯(lián)系反映出來,特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。
    為了達(dá)到最佳的視覺表現(xiàn)效果,我們將反復(fù)推敲整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
    5.避免使用flash或者圖片作導(dǎo)航欄
    flash雖然有著漂亮的效果,但對于搜索引擎優(yōu)化來說很不友好,因此我們建議不要用flash和圖片作為導(dǎo)航。
    [總結(jié)的網(wǎng)頁設(shè)計技巧]
    網(wǎng)頁設(shè)計論文總結(jié)篇十
    學(xué)習(xí)如何通過選擇正確的格式,來優(yōu)化網(wǎng)頁圖片,并確保文件大小在可行的范圍你是足夠小的。雖然現(xiàn)在人們已經(jīng)都在使用寬帶,但仍然有人是撥號上網(wǎng)。
    此外,雖然移動裝置技術(shù)的普及,但移動裝置卻不一定支持像寬頻一樣的速度,圖片文件的大小可能還是會延長網(wǎng)頁的加載時間,有可能把用戶趕走的。
    這里有個選擇適合的文件格式的技巧:如果圖片是單色,那最好保存成png或者gif格式;如果是連續(xù)性的色調(diào)(如照片)則最好保存成jpg格式。
    有很多的工具可以幫助你進(jìn)一步優(yōu)化你的圖片,降低他們的文件大小??梢詤⒖歼@個工具列表來幫助優(yōu)化你的圖片。
    盡量把圖片數(shù)量減到最低,并且靈活使用圖片,并且盡可能地減小文件大小。如此一來,將可以大大的減少頁面的讀取時間和改善網(wǎng)頁的性能。
    2.保持干凈和簡單(即:簡潔)
    一個好的網(wǎng)頁設(shè)計不光只是看起來好看而已,還要是用戶友好型的。通常來說,一個干凈、簡單的網(wǎng)頁設(shè)計最終會成為一個可用性高的網(wǎng)頁設(shè)計,因為它在與用戶的交互中不會使其產(chǎn)生混淆。
    當(dāng)頁面上有太多的網(wǎng)站功能和組件時,將會分散網(wǎng)站用戶的注意力而失去原本瀏覽網(wǎng)站的目的。
    確保每個頁面元素都有其目的,然后問自己以下問題:
    1.是否真的需要這個設(shè)計么?2.這是什么組件是做什么用,它如何協(xié)助用戶瀏覽?
    3.如果我突然刪除這個組件,大多數(shù)人會希望它“回來”嗎?
    4.如何把這些元素和目標(biāo)、消息和網(wǎng)站的`宗旨互相結(jié)合?
    此外,盡管它可能是一個超酷的新概念或界面設(shè)計模式,但你還是要確保對你的用戶而言該設(shè)計仍然是方便和直觀的。
    人們習(xí)慣于通用性的交互模式、網(wǎng)站功能、和網(wǎng)絡(luò)接口,如果你的設(shè)計的確很獨(dú)特,確保它不是太模糊和晦澀。要有創(chuàng)意,但還要保持簡單。
    3.導(dǎo)航(條/欄)是最重要的設(shè)計
    一個網(wǎng)站最重要的部分就是整個網(wǎng)站的導(dǎo)航。沒有它,無論在哪個頁面中,用戶都會發(fā)生卡在這個頁面離不開的狀況。有了這明顯的實際方向,我們將討論一些建構(gòu)網(wǎng)站導(dǎo)航時重要的點(diǎn)。
    首先,在網(wǎng)站的導(dǎo)航結(jié)構(gòu)上,投入足夠的時間和很多規(guī)劃是非常重要的。雖然這是常識,但仍然有很多設(shè)計師想當(dāng)然地設(shè)計網(wǎng)站導(dǎo)航。
    擺放位置、風(fēng)格、所用技術(shù)(javascript或css)、可用性和網(wǎng)頁易讀性,這些是你制作導(dǎo)航設(shè)計時需要考慮的。
    在沒有css的狀況下,你的導(dǎo)航設(shè)計應(yīng)該也是可用的,這是基于文字基礎(chǔ)的瀏覽器相容性。你可以盡量去嘲笑文字基礎(chǔ)的瀏覽器,但它們在很多的移動設(shè)備上還是流行的。也許更為重要的是,對屏幕用戶來說(99.99%的情況下),沒有css的導(dǎo)航功能照樣可用訪問。
    在沒有客戶端技術(shù)情況下(如javascript或flash),導(dǎo)航功能應(yīng)該容易進(jìn)入和使用的。用戶可能因安全性或公司政策而沒有開啟或安裝。
    所以,制定一個導(dǎo)航系統(tǒng)可以放置的良好位置是必須的,例如放在一個顯眼可見的地方。一個好的導(dǎo)航功能,只要網(wǎng)頁載入就出現(xiàn),而不需要鼠標(biāo)再向下滾動。這是為什么頁面要保持干凈和簡單的重要作用,一個復(fù)雜且非常規(guī)的設(shè)計可能會讓用戶困惑。
    哪怕只有一瞬間,用戶也必定不會納悶:“網(wǎng)站導(dǎo)航在哪里?”
    最后,對網(wǎng)站建立階層結(jié)構(gòu),多層次的管理。確保它在父層與子層之間易于導(dǎo)航。此外,不管在哪一個網(wǎng)頁當(dāng)中,也應(yīng)該能很容易到達(dá)最高層的頁面(例如網(wǎng)站首頁)。
    最主要的目標(biāo)就是你的網(wǎng)站導(dǎo)航,盡可能減少操作(動作),努力而讓用戶到達(dá)他想要瀏覽的內(nèi)容。
    4.明智和有條理地使用字體
    雖然有成千上萬的字體,但你真的能用的只是一小部分(至少要等到主要的瀏覽器完全支持css3)。所以堅持使用網(wǎng)頁安全字體。
    如果你不喜歡網(wǎng)頁安全字體,可以考慮利用sifr或cufon逐步增強(qiáng)的網(wǎng)頁設(shè)計。
    保持字體的一致性,確認(rèn)標(biāo)題和段落的內(nèi)容看起來有所不同。使用空白、調(diào)整行高、字體大小和字母間距屬性,使用戶輕松愉快地閱讀和掃描內(nèi)容。
    也許一個網(wǎng)頁設(shè)計師常常犯的錯誤就是使用不對的字體大小。因為我們想盡可能的將內(nèi)容都塞在一個網(wǎng)頁中呈現(xiàn),所以我們有時設(shè)置字體大小而讓用戶感覺到不舒服。
    如果可能的話,盡量保持字體大小12像素以上,特別是對段落內(nèi)容。雖然很多沒有遇到因為字體太小而造成閱讀上的困難,但是想想老人家、近視眼和其他類似視覺障礙的族群吧。
    5.理解色彩無障礙性
    說完字體后,我們還需要指出使用正確顏色的重要性。例如,黑色文字在白色背景,如果使用高對比度,橙色背景上的紅色文字會令你的眼睛感到緊張。
    此外,使用一些對特殊形式色盲的用戶友好的顏色(檢查工具名為vischeck,可以測試某些類型的色盲)。
    有些色彩組合只適合運(yùn)用在前景色的部分,而不適合做背景色。舉個例子來說,深藍(lán)色的文字搭配粉紅色的背景與粉紅色的文字搭配深藍(lán)色的背景,都是使用兩種一樣的顏色,但用在不同的部分則影響了它的可讀性和閱讀的舒適度。
    重要的是,不僅要使用良好的色彩組合,而且要把它用在頁面中的合適元素上。
    6.知道如何編寫代碼
    隨著各種所見即所得的網(wǎng)頁編輯器充斥市場,網(wǎng)頁設(shè)計已經(jīng)成為簡單的1-2-3步驟就能設(shè)計好一個網(wǎng)站。然而,大多數(shù)網(wǎng)頁編輯器摻雜了不必要的代碼,使你的html結(jié)構(gòu)設(shè)計不當(dāng),難以維護(hù)和更新,導(dǎo)致網(wǎng)頁膨脹。
    通過自己編寫的網(wǎng)頁代碼,能得到簡潔的代碼,能夠愉快方便地閱讀和維護(hù)。你可以自豪地說是自己寫出來的代碼。
    但知道如何使用所見即所得的ide或預(yù)覽功能并不會妨礙學(xué)習(xí)html和css。你要知道發(fā)生了什么事情,才能創(chuàng)造有效并高度優(yōu)化的網(wǎng)頁設(shè)計。
    7.不要忘記搜索引擎優(yōu)化
    在設(shè)計網(wǎng)站時,一個好的網(wǎng)頁設(shè)計師應(yīng)該永遠(yuǎn)牢記基本的seo概念。例如,網(wǎng)頁內(nèi)容結(jié)構(gòu)、用文字表示標(biāo)題(即網(wǎng)頁的標(biāo)題和標(biāo)志)。
    此時,以前學(xué)習(xí)的如何合理編碼的能力就派上用場。認(rèn)識正確、語義和基于標(biāo)準(zhǔn)的html/css后,你會很快認(rèn)識到span比表格布局好得多,不僅更為準(zhǔn)確地展現(xiàn)內(nèi)容,而且對搜索引擎排名也有幫助。另外,知道用css更換背景、文字和圖片也是一個好主意。
    8.理解人是沒有耐性的
    普通人用幾秒鐘就決定是否要閱讀更多網(wǎng)頁內(nèi)容或到另一個網(wǎng)站。因此,作為一個網(wǎng)頁設(shè)計師,要有個好方法,能在這珍貴的幾秒鐘鼓勵用戶選擇前者(看更多內(nèi)容)。
    要知道,如果用戶在網(wǎng)頁頭部看不到感興趣的內(nèi)容,沒有多少人會向下滾動,去查看整個網(wǎng)頁的內(nèi)容。
    所以,在網(wǎng)頁頭部很容易看到的地方放置網(wǎng)站上的重要元素,但也不要過度擁擠在上半部分網(wǎng)頁,否則會嚇到用戶,而不會往下繼續(xù)看內(nèi)容。記住上半部分網(wǎng)頁設(shè)計的賣點(diǎn):視其為推銷員,使人們有購買想法,即他們想在你的網(wǎng)站上看到什么。
    9.了解(并意識到)瀏覽器的兼容性
    當(dāng)一個網(wǎng)頁設(shè)計師必須要知道的一件事,就是你的工作環(huán)境(瀏覽器)是挑剔和難以預(yù)料的。如果你的網(wǎng)頁設(shè)計只能運(yùn)行在的幾種網(wǎng)頁瀏覽器,那是不夠的,你需要盡可能多瀏覽器下測試。這里有一款工具browsershots,可以測試瀏覽器兼容性。
    10.使設(shè)計有靈活性和可維護(hù)性
    一個好的網(wǎng)頁設(shè)計師可以確保以后可以很容易更新或修改網(wǎng)站。設(shè)計一個有可塑性、易于維護(hù)的網(wǎng)站,是一個偉大網(wǎng)頁設(shè)計師的標(biāo)志。讓你的工作盡可能從結(jié)構(gòu)化轉(zhuǎn)向模塊化。
    網(wǎng)頁設(shè)計這個行業(yè)是動態(tài)的,而且還很“年輕”。事情往往在短暫中變化。牢記這種思想,將推動建立更加靈活的網(wǎng)頁設(shè)計。
    網(wǎng)頁設(shè)計論文總結(jié)篇十一
    大部分設(shè)計師沒有花時間去學(xué)習(xí)基本的心理學(xué)原則是怎么樣影響他們網(wǎng)站用戶的體驗,心理學(xué)原則很多時候被認(rèn)為是可有可無,或者過于復(fù)雜的。但事實是,這些想法都不對。并沒那么多的概念與基本設(shè)計心理學(xué)相關(guān),而且大多數(shù)是相對簡單的,很容易學(xué)習(xí)。設(shè)計心理學(xué)還是比較容易實現(xiàn)的,雖然有些相對來說需要用多一點(diǎn)細(xì)心和規(guī)劃。
    基于心理學(xué)設(shè)計的目的。
    在設(shè)計過程中考慮到心理學(xué)會帶給你一個積極意義的最終結(jié)果。如果你花時間去分析一下你的訪客的需要,他們怎么樣才能滿足他們需要,那么你已經(jīng)在走上了設(shè)計網(wǎng)站的道道,這將為你的目標(biāo)受眾注入源源不斷的心理動力。
    你希望訪客更容易的跟著你的意愿走,這就是設(shè)計中要運(yùn)用心理學(xué)的主要原因。
    建立信任關(guān)系。
    要你的訪客做你所想他們做的,首先你得跟訪客建立信任關(guān)系。信任關(guān)系并不容易,尤其是這個騙子橫行的時代,讓人討厭的人在網(wǎng)絡(luò)哪個角落都有一大把。那些對網(wǎng)絡(luò)還不是太熟悉的用戶,如果誰問他們一些個人信息都會變得十分敏感,也不管這些信息對網(wǎng)站工作是很需要的。
    作為網(wǎng)站類的設(shè)計師,我們往往忽略自己已經(jīng)是習(xí)慣了網(wǎng)上交易。但是對于我們的客戶,還有他們的客戶,互聯(lián)網(wǎng)仍然是一個他們正要進(jìn)入的很大很可怕的黑洞。
    認(rèn)識到這一點(diǎn),你再使用設(shè)計心理學(xué),使你的網(wǎng)站即使一般用戶看起來也覺得更值得信賴。創(chuàng)建一個使訪客用戶安心的網(wǎng)站,就意味著他們很可能會注冊一個帳戶,并且購買產(chǎn)品,或者用其他方式和你做生意。這些可以通過網(wǎng)站設(shè)計和語言來達(dá)到。
    網(wǎng)頁設(shè)計論文總結(jié)篇十二
    :網(wǎng)絡(luò)技術(shù)的變革和高速發(fā)展,對人類的視覺語言起著強(qiáng)有力的推動作用。視覺符號始終以其獨(dú)特的可視性語言追求自身審美價值的實現(xiàn),并爭取與社會、大眾心靈的溝通、融合,力圖超越國家和民族的界限。該文針對當(dāng)前網(wǎng)頁設(shè)計的風(fēng)格,探究創(chuàng)造性思維的主導(dǎo)作用。
    隨著互聯(lián)網(wǎng)技術(shù)的迅速普及和網(wǎng)站的大量建立,人們把互聯(lián)網(wǎng)納入六大媒介,并稱其為繼傳統(tǒng)媒體(廣播、電視、報紙)之后的“第四大眾傳媒”?;ヂ?lián)網(wǎng)這種交互式傳播媒體的出現(xiàn),使人類進(jìn)入信息時代,媒體與受眾之間不再是傳統(tǒng)的相互關(guān)系,兩者之間的關(guān)系正面臨巨大的改變。而在此過程中,網(wǎng)站建設(shè)也愈發(fā)趨向于一門藝術(shù),而不僅僅是一項技術(shù)。因此,創(chuàng)造性思維對網(wǎng)頁設(shè)計起著主導(dǎo)作用。
    廣義的創(chuàng)造性思維是指人們運(yùn)用新穎的方式思考和解決問題,并能產(chǎn)生新的、有社會價值的思維活動,每個正常人都有這種創(chuàng)造性思維。狹義的創(chuàng)造性思維是指人們的發(fā)明創(chuàng)造、形成新的概念、創(chuàng)造新的成果、提出新的假說等探索未知領(lǐng)域的思維活動,這種創(chuàng)造性思維一般人是沒有的。創(chuàng)造性思維的基本方法是發(fā)散思維和聚合思維、順向思維和逆向思維、橫向思維和縱向思維的有機(jī)結(jié)合。
    網(wǎng)頁設(shè)計作品主要由圖形、文字、版式等設(shè)計元素組成,這些元素經(jīng)過設(shè)計師的藝術(shù)加工,最終構(gòu)建出完整的網(wǎng)頁。在創(chuàng)意理念的指導(dǎo)下,設(shè)計師對多個設(shè)計元素進(jìn)行組合,使其不僅僅具有審美和裝飾功能,同時具有商業(yè)化的目的。圖形是網(wǎng)頁設(shè)計作品中受眾關(guān)注的視覺中心,也是傳達(dá)感情信息和創(chuàng)意表現(xiàn)主要形式的重要載體。優(yōu)秀的網(wǎng)頁設(shè)計作品不僅具有獨(dú)特的創(chuàng)意思維,運(yùn)用簡潔的設(shè)計語言清晰地表達(dá)設(shè)計主題,而且可以有效地展現(xiàn)設(shè)計師的情感和商業(yè)目的。因此,創(chuàng)意思維對于網(wǎng)頁圖形的表現(xiàn)起著重要的作用。以下是創(chuàng)意表現(xiàn)常用的幾種手法:
    1.互補(bǔ)形借用。
    互補(bǔ)形借用,即正形與負(fù)形相互借用。這種圖形巧妙組合,結(jié)構(gòu)嚴(yán)謹(jǐn),形與形之間相互包含、補(bǔ)充,又相互獨(dú)立,具有一形多義的視覺幻象的效果。在視覺設(shè)計中,圖形在人們心中是情感和思維形態(tài)凝固的視覺符號,它可以超越國界,是人們溝通情感、傳播信息的直接途徑。網(wǎng)頁設(shè)計的圖形、文字等是正形,而留白是負(fù)形,留白能使網(wǎng)頁作品產(chǎn)生空間感。優(yōu)秀的網(wǎng)頁設(shè)計師善于運(yùn)用互補(bǔ)形借用的手法,使正負(fù)形之間既對比又統(tǒng)一,作品往往能夠產(chǎn)生獨(dú)特的藝術(shù)魅力,給人以獨(dú)特的視覺感受。網(wǎng)頁設(shè)計的另一個主要元素是文字,一些院校專門把字體設(shè)計作為一門課程。設(shè)計離不開有創(chuàng)意的文字造型表現(xiàn),有設(shè)計師把字體作為主要的設(shè)計元素。不同的字體設(shè)計在表達(dá)同一設(shè)計主題時所呈現(xiàn)的視覺效果和情感是不同的。如,宋體給人的感覺是規(guī)范、正統(tǒng)、嚴(yán)肅,黑體則顯得厚重、實在,圓體看起來比較親切,等等。因此,設(shè)計師在設(shè)計過程中創(chuàng)造出獨(dú)特的文字形象顯得非常重要。設(shè)計師在進(jìn)行文字創(chuàng)意時,必須深入理解文字的內(nèi)涵,還要有自己獨(dú)到的見解,要對字體的結(jié)構(gòu)進(jìn)行巧妙組合,對筆畫的大小、粗細(xì)、顏色等進(jìn)行藝術(shù)加工。設(shè)計師要將文字作為設(shè)計中的一個重要元素,抓住創(chuàng)意要點(diǎn),增強(qiáng)文字的藝術(shù)感染力。
    2.變異。
    一個物形有次序、循序漸進(jìn)地按照一定規(guī)律和美學(xué)法則轉(zhuǎn)變成另一個物形,如此美妙的變換使兩個不相關(guān)的物形發(fā)生聯(lián)系,從而形成獨(dú)特的視覺效果。如,經(jīng)典作品《烏龜與汽車》就充分利用了異變圖形的構(gòu)形方式,將一只卡通的烏龜與甲殼蟲汽車有機(jī)地結(jié)合起來,兩者交織漸變、相互襯托,既生動有趣又自然。設(shè)計師要巧妙處理各項設(shè)計元素,有秩序、有節(jié)奏地進(jìn)行排列、組合,從而營造出一種全新的視覺效果。
    3.求同存異。
    求同存異,就是將兩種或者兩種以上不完全相同但有聯(lián)系的視覺符號運(yùn)用藝術(shù)手法進(jìn)行巧妙結(jié)合,從而組成新的更有意義的視覺符號。這種視覺符號具有獨(dú)特的個性,同時體現(xiàn)了對立統(tǒng)一的理念。設(shè)計師可結(jié)合客戶需求設(shè)計作品的版式編排,同一版式可讓不同網(wǎng)頁元素和諧統(tǒng)一。如果網(wǎng)頁設(shè)計作品具有新穎的版式,就更能吸引受眾,從而充分展現(xiàn)個性。不同版式編排方式具有不同的意境、個性和感情。網(wǎng)頁版式是創(chuàng)意性理念的體現(xiàn),也是一種形式語言,它必須與內(nèi)容緊密匹配,所有這些語言和技巧的目的都在于清晰、鮮明地傳達(dá)主題內(nèi)容。網(wǎng)頁設(shè)計不僅僅是一項技術(shù),更是一門藝術(shù),需要設(shè)計師具有獨(dú)特的創(chuàng)造性思維。設(shè)計師運(yùn)用美學(xué)法則對網(wǎng)頁的構(gòu)成元素進(jìn)行巧妙處理,旨在獲得最佳的主題訴求效果,使受眾更快捷地獲得需要的信息。
    [1]彭蘭.網(wǎng)絡(luò)傳播概論.中國人民大學(xué)出版社,20xx.
    [2]匡文波.網(wǎng)絡(luò)媒體概論.清華大學(xué)出版社,20xx.[3]明安香.信息高速公路與大眾傳播.華夏出版社,1999.
    作者:謝潔萍單位:廣東生態(tài)工程職業(yè)學(xué)院。
    網(wǎng)頁設(shè)計論文總結(jié)篇十三
    3.實現(xiàn)網(wǎng)頁間的鏈接。
    我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
    4.向靜太網(wǎng)頁插入動態(tài)效果。
    在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
    在做完網(wǎng)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學(xué)校上的問題,當(dāng)真正開始運(yùn)用的時候在向老師提問。
    這只是在制作過程中出現(xiàn)一些問題,其它問題也是類似相同?,F(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。從我做的網(wǎng)頁來看可以反映出學(xué)習(xí)的還不夠,缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強(qiáng)自己的實習(xí)操作技能,為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習(xí),讓我們在實習(xí)之中來學(xué)習(xí)知識。因為我覺得實習(xí)不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動手能力增強(qiáng)我們的技術(shù)性。
    網(wǎng)頁設(shè)計論文總結(jié)篇十四
    [摘要]校企共教是現(xiàn)代社會發(fā)展中形成的新型教學(xué)方式,中職院校在引導(dǎo)學(xué)生設(shè)計和制作網(wǎng)頁時,強(qiáng)化校企共教能夠有效增強(qiáng)學(xué)生的職業(yè)意識,提升學(xué)生的職業(yè)素養(yǎng),綜合探究中職院校在課程教學(xué)中實施校企共教的具體策略,希望能夠使現(xiàn)代中職院校得到更大的發(fā)展。
    [關(guān)鍵詞]校企共教;中職;網(wǎng)頁設(shè)計與制作;課程教學(xué)。
    在現(xiàn)代科技發(fā)展過程中,網(wǎng)站制作得到了很大的發(fā)展,對其相關(guān)人才也提出了更高的要求,中職院校在具體實施教育工作時,需要科學(xué)改進(jìn)傳統(tǒng)教學(xué)模式,強(qiáng)化校企共教,確保人才建設(shè)能夠高度滿足現(xiàn)代企業(yè)建設(shè)需求,為了進(jìn)一步明確中職院校如何更為有效地落實校企共教,特此實施本次教育研究,希望對大家有所啟發(fā)。
    一、開發(fā)校本教材。
    運(yùn)用校企共教開展教學(xué)工作,培養(yǎng)學(xué)生專業(yè)技能和專業(yè)知識是其教育工作的主要目的,所以教師需要科學(xué)地改革教學(xué)內(nèi)容。以往教學(xué)要用的教材,運(yùn)用相對落后的知識體系、應(yīng)用年限、出版和編寫會對教材造成很大影響,使其無法實現(xiàn)與時俱進(jìn),為了確保學(xué)生專業(yè)知識學(xué)習(xí)能夠迎合企業(yè)發(fā)展方向,職業(yè)學(xué)校需要進(jìn)行校本教材的合理開發(fā),由專業(yè)骨干教師和企業(yè)專家共同參與編寫。在教材中融入最新的應(yīng)用軟件、創(chuàng)意方向和設(shè)計理念。企業(yè)技術(shù)骨干的合理融入,可以使網(wǎng)站設(shè)計和內(nèi)容具有更為充分的創(chuàng)新性和實用性,學(xué)生通過學(xué)習(xí)校本教材,能夠充分掌握設(shè)計和制作網(wǎng)頁的最新知識,對學(xué)生未來就業(yè)創(chuàng)造良好條件,順應(yīng)職業(yè)教育的培養(yǎng)特點(diǎn),提升我們的教學(xué)質(zhì)量。例如,為電子商務(wù)專業(yè)開發(fā)網(wǎng)頁設(shè)計與制作校本教材時,請當(dāng)?shù)仉娚坍a(chǎn)業(yè)園的網(wǎng)店美工技術(shù)人員,針對當(dāng)?shù)靥厣锂a(chǎn),結(jié)合本地歷史文化,編寫商品網(wǎng)頁文案撰寫相關(guān)教學(xué)內(nèi)容,以及設(shè)計相應(yīng)物產(chǎn)推廣和營銷的網(wǎng)頁案例范本,將職業(yè)場景、軟件知識、行業(yè)知識有機(jī)融合,讓學(xué)生通過開發(fā)的校本教材掌握知識點(diǎn)、技能點(diǎn),實現(xiàn)校內(nèi)實訓(xùn)與企業(yè)實習(xí)就業(yè)的無縫銜接。
    二、制訂教學(xué)目標(biāo)。
    在現(xiàn)代中職院校發(fā)展中,校企合作已經(jīng)得到了很大的發(fā)展,教師在具體落實課程教學(xué)時,如何引進(jìn)企業(yè)資源是其教育工作難點(diǎn)問題。此時,學(xué)校需要和企業(yè)進(jìn)行有效的合作,共同設(shè)置教學(xué)內(nèi)容和教學(xué)目標(biāo),確保學(xué)生能夠更高效地學(xué)習(xí)網(wǎng)頁設(shè)計,實現(xiàn)教學(xué)質(zhì)量的有效提升,進(jìn)而保證課堂教學(xué)目標(biāo)和教學(xué)內(nèi)容可以高度滿足企業(yè)需求。在具體學(xué)習(xí)設(shè)計和制作dreamweaver網(wǎng)頁之前,教師首先需要組織學(xué)生進(jìn)行圖像處理的學(xué)習(xí),夯實學(xué)生的專業(yè)基礎(chǔ),確保學(xué)生能夠有效處理多媒體素材和網(wǎng)頁設(shè)計圖片,此時,學(xué)生能夠結(jié)合個人想象開發(fā)作品。教師在具體實施網(wǎng)頁設(shè)計教學(xué)時,不僅需要確保學(xué)生能夠熟練應(yīng)用相關(guān)網(wǎng)站的基本操作,而且需要確保學(xué)生能夠設(shè)計制作相關(guān)網(wǎng)站,實現(xiàn)學(xué)生綜合能力的有效提升。在具體開展科創(chuàng)教學(xué)時,自主開發(fā)一個網(wǎng)站是其教育工作的最終目標(biāo),因此,教師在具體開設(shè)網(wǎng)頁設(shè)計課程之前,需要考慮知識的連貫性,確保學(xué)生能夠掌握商品拍攝與圖片處理,以及熟練應(yīng)用photoshop、flash、firework等軟件,為網(wǎng)站整體布局和圖像處理創(chuàng)造良好的條件,確保學(xué)生能夠獨(dú)立建設(shè)靜態(tài)網(wǎng)站,進(jìn)而保障學(xué)生后期能夠更高效地參與企業(yè)工作。例如,電子商務(wù)專業(yè)學(xué)生使用校企共編教材設(shè)計商品推廣與營銷網(wǎng)頁之前,首先需要拍攝收集商品素材,并利用photoshop軟件對商品素材進(jìn)行處理、美化,然后根據(jù)處理后的商品素材,撰寫相關(guān)文案,再對圖片和文案進(jìn)行排版和美化,最后運(yùn)用dreamweaver,結(jié)合flash、firework等軟件完成商品推廣與營銷網(wǎng)頁的制作。
    三、理論結(jié)合實踐。
    四、改進(jìn)教育模式。
    在以往實施網(wǎng)頁設(shè)計課程時,通常由教師在課堂上向?qū)W生演示相關(guān)案例,然后要求學(xué)生模仿該案例,最后由學(xué)生設(shè)計和制作相關(guān)網(wǎng)頁,教師普遍采取照本宣科和“填鴨式”教學(xué)實時課堂內(nèi)容教學(xué),教學(xué)活動的乏味性相對較強(qiáng)。針對該情況,教師需要對其教學(xué)模式進(jìn)行科學(xué)改變,確保能夠?qū)W(xué)生學(xué)習(xí)興趣進(jìn)行有效激發(fā),實現(xiàn)整體教學(xué)效果的有效提升[1]。例如,在進(jìn)行網(wǎng)頁設(shè)計基礎(chǔ)的相關(guān)內(nèi)容教學(xué)時,中職學(xué)生對事物具有獨(dú)特的看法,尤其是面對自己感興趣的動漫人物、電影明星和游戲時,具有相對開闊的思路,會自我設(shè)定角色。因此,教師在具體進(jìn)行該部分教學(xué)時,需要科學(xué)改變課程教學(xué),對傳統(tǒng)教學(xué)模式進(jìn)行有效突破,在向?qū)W生講述制作網(wǎng)頁的技術(shù)和方法時,還需要加入設(shè)計風(fēng)格、網(wǎng)頁主題、網(wǎng)頁布局、網(wǎng)頁設(shè)計等細(xì)節(jié),引導(dǎo)學(xué)生自由選擇,通過該方式,可以使學(xué)生具有充分的自主權(quán),確保學(xué)生能夠結(jié)合個人興趣進(jìn)行網(wǎng)頁設(shè)計,完善相關(guān)作品,不僅能夠使學(xué)生更高效地學(xué)習(xí)網(wǎng)頁設(shè)計,而且可以對學(xué)生的創(chuàng)新能力進(jìn)行科學(xué)培養(yǎng),實現(xiàn)學(xué)生整體設(shè)計水平的全面提升。在對電子商務(wù)專業(yè)學(xué)生實施教學(xué)時,學(xué)生根據(jù)自己的喜好,為本地特產(chǎn)魚圓設(shè)計了宣傳海報。
    五、設(shè)置工作任務(wù)。
    利用工作任務(wù)實施項目教學(xué)具體是指教師根據(jù)單元所學(xué)內(nèi)容創(chuàng)設(shè)教學(xué)情境,確保教學(xué)內(nèi)容能夠合理融入職業(yè)工作內(nèi)容中,在項目教學(xué)中融入典型工作任務(wù),與企業(yè)生產(chǎn)實際有效結(jié)合,確保教學(xué)內(nèi)容中有學(xué)生必須掌握的理論知識,同時,教師還可以根據(jù)教學(xué)需求對其進(jìn)行科學(xué)分解,使其形成多個小項目單元,進(jìn)而保障學(xué)生能夠進(jìn)行更為有效的學(xué)習(xí)。例如,在進(jìn)行開發(fā)與設(shè)計web網(wǎng)站教學(xué)時,教師可以在教學(xué)活動中貫穿電子商務(wù)購物,結(jié)合具體工作流程對該工作任務(wù)進(jìn)行簡單分解,同時,將理論教學(xué)融入其中,確保教學(xué)活動能夠有效結(jié)合真實工作崗位,進(jìn)而保證能夠更高效地實施項目教學(xué),在此過程中,我們的工作任務(wù)設(shè)置要緊密結(jié)合產(chǎn)業(yè)需求,將學(xué)校的教學(xué)和企業(yè)的需求進(jìn)行深度融合。
    六、確保因材施教。
    中職類學(xué)生在參與學(xué)習(xí)時,具有不同的學(xué)習(xí)興趣、專業(yè)能力和專業(yè)基礎(chǔ),所以,教師在進(jìn)行人才培養(yǎng)時,無法使學(xué)生完全掌握行業(yè)所需內(nèi)容,同時也無法批量生產(chǎn)。部分學(xué)生具有良好的口才,同時,還有學(xué)生對色彩極其敏感,部分學(xué)生擅長編碼技術(shù),針對該情況,教師需要確保教學(xué)工作因材施教。例如,在具體開展教學(xué)活動時,教師需要引導(dǎo)學(xué)生扮演不同角色,從而完成不同任務(wù),教師可以引導(dǎo)學(xué)生根據(jù)個人興趣選擇角色,然后實施分組教學(xué),對學(xué)生的興趣進(jìn)行科學(xué)培養(yǎng)[2]。如果學(xué)生市場嗅覺敏感、口才良好,教師則需要側(cè)重于培養(yǎng)網(wǎng)站架構(gòu)和調(diào)研,而如果學(xué)生色彩感覺好,美工功底強(qiáng),教師需要將網(wǎng)頁美工設(shè)計作為人才培養(yǎng)的側(cè)重點(diǎn)。最后,如果學(xué)生對編碼技術(shù)具有較高的興趣,教師則需要培養(yǎng)學(xué)生編寫后臺代碼,實現(xiàn)網(wǎng)站技術(shù)。因材施教的有效落實,可以確保學(xué)生具有較高的學(xué)習(xí)興趣,使學(xué)生能夠迅速掌握未來所需的專業(yè)技能,從而畢業(yè)的時候可以輕松地適應(yīng)未來的就業(yè)崗位。
    七、引進(jìn)企業(yè)專家。
    中職院校在實施教育工作時,如果想要確保班級教學(xué)有效結(jié)合企業(yè)教學(xué),需要科學(xué)引進(jìn)企業(yè)專家,科學(xué)講解課堂內(nèi)容和企業(yè)內(nèi)容。在課堂教學(xué)中引入企業(yè)專家具有較高的難度。針對該情況,教師可以利用網(wǎng)絡(luò)手段組織學(xué)生開展網(wǎng)絡(luò)連接學(xué)習(xí),確保課堂教學(xué)可以和企業(yè)文化有效融合,使學(xué)生對企業(yè)相關(guān)信息有充分的了解,同時,還可以引導(dǎo)學(xué)生對網(wǎng)站設(shè)計的最新技術(shù)進(jìn)行深入學(xué)習(xí),對學(xué)生職業(yè)素養(yǎng)、職業(yè)榮譽(yù)、職業(yè)良心和職業(yè)責(zé)任進(jìn)行科學(xué)培養(yǎng)[3]。例如,在實施添加和設(shè)置多媒體對象的相關(guān)內(nèi)容教學(xué)時,教師可以引進(jìn)企業(yè)專家進(jìn)行教學(xué),企業(yè)專家在具體講解中,可以根據(jù)自身工作經(jīng)驗,簡單介紹企業(yè)網(wǎng)站對多媒體資源的需求,可在網(wǎng)頁中插入多媒體資源的具體方法,然后進(jìn)行影片和聲音插入方式的科學(xué)講解,通過開放式可以對學(xué)生學(xué)習(xí)興趣進(jìn)行有效激發(fā),使其能夠迅速掌握該知識點(diǎn)。與此同時,在具體進(jìn)行該章節(jié)教學(xué)時,企業(yè)教師可以講解相關(guān)視頻。例如,在詳細(xì)講解添加視頻時,企業(yè)專家可以利用多媒體向?qū)W生講解自己的企業(yè),在進(jìn)行教育工作的同時,還可以對學(xué)生輸出企業(yè)文化,實現(xiàn)教學(xué)效率的有效提升。又如,在進(jìn)行網(wǎng)頁頁面布局的相關(guān)內(nèi)容教學(xué)時,通過視頻講解,可以使學(xué)生進(jìn)一步理解所學(xué)內(nèi)容,教師在完成課程教學(xué)之后,還可以利用班級群對學(xué)生設(shè)計和制作網(wǎng)頁學(xué)習(xí)提供必要的幫助,幫助學(xué)生解決在具體實踐中出現(xiàn)的問題與疑惑,并對其網(wǎng)頁設(shè)計技術(shù)進(jìn)行分享。
    八、強(qiáng)化項目教學(xué)。
    在開展實訓(xùn)課程時,教師可以合理應(yīng)用項目任務(wù)教學(xué),針對職業(yè)崗位需求實施教育工作,對企業(yè)工作情境進(jìn)行科學(xué)模擬,推廣過程導(dǎo)向、案例解析、情景體驗、任務(wù)驅(qū)動等多種教學(xué)方式,確保能夠使工學(xué)結(jié)合得到充分體現(xiàn)。針對網(wǎng)站建設(shè)的具體流程和工作任務(wù),根據(jù)實際崗位團(tuán)隊進(jìn)行項目組的合理設(shè)置,基于職業(yè)情境創(chuàng)設(shè)學(xué)習(xí)情境,確保能夠使學(xué)生合理融入學(xué)習(xí)情境,使其能夠?qū)ψ陨砭哂薪?jīng)驗進(jìn)行合理應(yīng)用,主動獲取相關(guān)信息,明確實際崗位的操作流程和具體要求。在具體實施網(wǎng)頁設(shè)計制作的相關(guān)內(nèi)容教學(xué)時,教師需要針對教學(xué)內(nèi)容設(shè)計具體工作項目[4]。首先,需要明確任務(wù),教師需要針對教學(xué)內(nèi)容設(shè)置學(xué)習(xí)任務(wù),并對學(xué)生進(jìn)行效果預(yù)覽圖的展示,使學(xué)生對其任務(wù)要求有充分的了解。借助教學(xué)平臺發(fā)布思維導(dǎo)圖、學(xué)習(xí)任務(wù)書、任務(wù)效果圖等,引導(dǎo)學(xué)生構(gòu)建知識體系,自主學(xué)習(xí)、小組探究多方面提升學(xué)生的綜合能力和素養(yǎng),由此構(gòu)建任務(wù)驅(qū)動課堂。其次,需要科學(xué)制訂工作計劃,學(xué)生需要針對教師引導(dǎo)對項目任務(wù)進(jìn)行科學(xué)分級,設(shè)定具體工作計劃。例如,制作“宅家商城”網(wǎng)站主頁,在明確任務(wù)后,學(xué)生根據(jù)網(wǎng)頁效果圖,制訂工作任務(wù)計劃思維導(dǎo)圖,對任務(wù)梳理、分級。隨后,教師還需要引導(dǎo)學(xué)生根據(jù)工作計劃收集相關(guān)資料,并為其項目工作準(zhǔn)備所需素材,然后學(xué)生需要針對工作計劃設(shè)計和制作頁面,并利用文字對其進(jìn)行記錄。最后,需要進(jìn)行檢查評測,學(xué)生需要將個人作品進(jìn)行展示,然后由教師對其進(jìn)行提問,組織學(xué)生答辯和互評,并由教師對其進(jìn)行科學(xué)講評,從而不斷提升學(xué)生的創(chuàng)作水平。
    九、結(jié)語。
    中職院校在具體落實網(wǎng)頁設(shè)計與制作的相關(guān)內(nèi)容教學(xué)時,通過開發(fā)校本教材,制訂教學(xué)目標(biāo),理論結(jié)合實踐,改進(jìn)教育模式,設(shè)置工作任務(wù),確保因材施教,引進(jìn)企業(yè)專家,強(qiáng)化項目教學(xué)能夠確保有效落實校企共教,確保學(xué)生能夠更充分地掌握相關(guān)專業(yè)知識,強(qiáng)化學(xué)生實踐技能,保證學(xué)生在未來能夠更高效地參與職業(yè)工作。
    參考文獻(xiàn):
    [3]蔡鴻璋.探索網(wǎng)頁設(shè)計與制作課程教學(xué)的新思路[j].課程教育研究,20xx(42):55.
    網(wǎng)頁設(shè)計論文總結(jié)篇十五
    網(wǎng)站設(shè)計就像是畫畫或者是雕刻,一筆一劃都不能錯。先從整體上勾勒,比較不會出錯。在視覺設(shè)計整體規(guī)劃中,不但要考慮首頁,還得考慮到欄目頁、內(nèi)頁等等。
    當(dāng)然,首頁的設(shè)計是最重要的,因為很多用戶的著陸頁面就是首頁。
    不管用戶愿意不愿意,他們總是先被網(wǎng)站的設(shè)計風(fēng)格所吸引,然后才看內(nèi)容。
    因此,首頁的設(shè)計必須要精煉而明快,主要是符合整個的網(wǎng)站定位和網(wǎng)站主題。
    結(jié)構(gòu)清晰,能夠讓用戶在第一時間內(nèi)就了解網(wǎng)站的布局,不用費(fèi)力找搜索框在哪里,就已經(jīng)達(dá)到了想去的頁面。網(wǎng)站視覺的整體設(shè)計,總基調(diào)是簡單明朗,不復(fù)雜,看著舒服。
    合理安排網(wǎng)站內(nèi)容元素位置。
    首頁布局好之后,要讓內(nèi)容頁也搭配出這種基調(diào)來。用戶從首頁到內(nèi)頁也不過幾秒鐘時間,如果能夠讓他們有進(jìn)一步的視覺沖擊,那種好奇的神經(jīng)就會被緊緊地牽住。
    吸引人的因素,比如安排在網(wǎng)站內(nèi)頁中重要的位置,并且不予其它的因素沖突。
    網(wǎng)站設(shè)計要留有合理的間距。
    在網(wǎng)站設(shè)計中,有種說法叫做“留白”,也就是說,在設(shè)計的時候,不能將信息安排得太多緊密,要留有合理的間距,這樣容易給用戶造成視覺壓迫,最終因為視覺疲勞而離開。
    留白能夠讓圖文更加錯落有致,讓網(wǎng)站看起來想一個井井有條的房間。
    網(wǎng)站設(shè)計要合理的運(yùn)用圖片。
    這里說的可以是視覺的設(shè)計,視覺設(shè)計根本就不可能離開圖片,因為圖片比文字更加直觀,更加吸引人。圖片布局需要考慮大小、尺寸、分辨率、清晰度等。要考慮到適度,圖片過多容易影響整個網(wǎng)站加載速度。
    通過視覺設(shè)計,用戶能夠在安全舒適的環(huán)境中瀏覽內(nèi)容,并不會感到很大的壓力,反而是放松,這正是網(wǎng)站設(shè)計要追求的境界。
    網(wǎng)頁設(shè)計論文總結(jié)篇十六
    職業(yè)教育工作過程是職業(yè)人完成崗位工作任務(wù)的完整過程?;诠ぷ鬟^程的總體課程設(shè)計,對于網(wǎng)頁設(shè)計課程來說,學(xué)習(xí)領(lǐng)域可以采用網(wǎng)站項目貫穿于整個教學(xué)活動中,以項目為載體,將知識融于項目。這能夠有效地提高學(xué)生的創(chuàng)新能力和實踐能力,強(qiáng)調(diào)學(xué)生在密切聯(lián)系有意義的“任務(wù)”情境中,通過完成項目任務(wù)來掌握知識、獲得技能、形成能力。做到“教學(xué)、做”一體化,真正地鍛煉學(xué)生的動手能力。課程進(jìn)度表可以按照實際網(wǎng)站的項目開發(fā)流程來安排,從確定網(wǎng)站需求、選擇網(wǎng)站建設(shè)與管理工具,到規(guī)劃設(shè)計網(wǎng)站結(jié)構(gòu)與欄目、準(zhǔn)備網(wǎng)站相關(guān)文字與圖片等素材,再到軟件平臺中定義站點(diǎn)創(chuàng)建具體頁面,依次實現(xiàn)網(wǎng)站各個子欄目模塊,最后發(fā)布與推廣網(wǎng)站。開展教學(xué)活動時,教師可根據(jù)學(xué)生實際學(xué)習(xí)效果對各個單元學(xué)時數(shù)進(jìn)行靈活調(diào)整。單元學(xué)習(xí)情境的設(shè)計融入課程涉及的知識點(diǎn),遞進(jìn)安排各個單元知識點(diǎn)的順序,既要有基于工作崗位的過程性知識,也要兼顧課程理論知識,學(xué)生學(xué)習(xí)完課程后,打好理論基礎(chǔ),同時具備再學(xué)習(xí)的潛力和能力。例如在網(wǎng)站項目中,選取典型工作任務(wù)-制作公司網(wǎng)站搜索頁面來設(shè)計單元學(xué)習(xí)情境。
    1.2課程實施。
    根據(jù)職業(yè)教育課程教學(xué)目標(biāo)及項目進(jìn)度安排教學(xué)單元,遵循的原則是學(xué)生為主體,教師為主導(dǎo),按照網(wǎng)頁制作的工作過程來安排具體的教學(xué)活動。教師的角色是引路人,拋出問題,提示解決思路,由學(xué)生具體負(fù)責(zé)完成工作任務(wù),教師可以根據(jù)學(xué)生的實際學(xué)習(xí)情況給出參考意見。對于基礎(chǔ)較好的學(xué)生,教師只需提示完成任務(wù)的思路和關(guān)鍵點(diǎn)。而對于基礎(chǔ)較差的學(xué)生,教師還需要準(zhǔn)備有具體步驟的實踐指導(dǎo)書,供學(xué)生參考,對照完成并排除錯誤。
    1.3課程評價。
    課程評價以學(xué)生的學(xué)習(xí)效果最優(yōu)化為出發(fā)點(diǎn)。學(xué)習(xí)效果體現(xiàn)在以下幾個方面:
    (1)課程結(jié)束后,學(xué)生是否掌握了應(yīng)知應(yīng)會的基本知識和技能;
    (2)學(xué)生是否了解到職業(yè)崗位開展工作的具體流程,并具備能力完成典型的工作任務(wù);
    (3)引入外部評價,如企業(yè)專家的考評,客觀評判學(xué)生的知識水平、職業(yè)能力和綜合素質(zhì)是否符合社會需求。值得注意的是,學(xué)生成績評價方法最好以形成式考核為主,按照項目進(jìn)度逐步推進(jìn),學(xué)生的階段性成績不斷被累計,形成性評價可以確保基于工作過程的教學(xué)活動有序開展,監(jiān)控學(xué)生的學(xué)習(xí)效果,最終保障良好的教學(xué)質(zhì)量。
    2結(jié)語。
    探討了基于職業(yè)教育工作過程開展《網(wǎng)頁設(shè)計》課程的基本思路,對課程的總體設(shè)計和單元設(shè)計、課程實施、課程評價進(jìn)行了詳細(xì)地闡述,對高職院校相關(guān)課程的教學(xué)具有一定的指導(dǎo)意義。并經(jīng)廣東行政職業(yè)學(xué)院初步嘗試,基于工作過程的課程模式較好地改善了課堂的學(xué)習(xí)氣氛,學(xué)生的學(xué)習(xí)自主性、協(xié)作性、創(chuàng)造性明顯增強(qiáng),鍛煉了職業(yè)技能,學(xué)習(xí)效果顯著改善。
    網(wǎng)頁設(shè)計論文總結(jié)篇十七
    很多設(shè)計師也許一直在苦惱:要如何才能成為一個優(yōu)秀的設(shè)計師呢?有沒有什么設(shè)計秘籍或者設(shè)計技巧可言?個人認(rèn)為,要成為一個成功的設(shè)計師,雖然沒有捷徑可走,但是也許卻有方法可言。如果凡事不講究方法,相信要達(dá)到目的那是相當(dāng)困難的。而如果方法對路,那么你離目標(biāo)就不遠(yuǎn)了。下面北極魚就給大家分享一篇來自國外設(shè)計大師purin的關(guān)于設(shè)計技巧的文章。希望對那些像我一樣迷茫的設(shè)計師有所幫助。
    [設(shè)計大師談網(wǎng)頁設(shè)計技巧]
    網(wǎng)頁設(shè)計論文總結(jié)篇十八
    圖形、圖像是一種非常直觀的表現(xiàn)形式,也是在多媒體信息當(dāng)中占有很大一部分的比重,在網(wǎng)頁當(dāng)中是設(shè)計者非常愿意運(yùn)用的一種形式。通過如下幾個步驟:獲取元素、處理元素、輸出元素、元素的數(shù)據(jù)壓縮以及圖像的儲存介質(zhì)能夠出現(xiàn)二維或三維的圖像。一般情況下獲取元素使用工具的采集以及掃描技術(shù)進(jìn)行,能夠出現(xiàn)很多種不同類別的輸出形式。處理的方法也各式各樣,如使用photoshop等軟件,按照有關(guān)的要求經(jīng)行對于圖像的處理,像剪切、柔化、對比度等方面,最后使用合適的圖片輸出。一般常用的圖片格式為:bmp、gif、jpeg、tiff等,現(xiàn)在有很多的網(wǎng)站能夠瀏覽并且儲存gif、jpeg格式的圖片。網(wǎng)頁在進(jìn)行設(shè)計時運(yùn)用不同的元素的圖像能夠讓網(wǎng)頁更加的生動,起到吸引眼球的效果。
    1.2動畫處理技術(shù)。
    一般的動畫格式有g(shù)if、flic、swf以及jaja等,在目前網(wǎng)絡(luò)上以及生活中使用最多的為gif以及swf格式的圖片,因為flash動畫為矢量的,使用這兩種格式的圖片能夠保證其動畫顯示的效果達(dá)到理想的狀態(tài)又能保證其體積小的特點(diǎn),所以在網(wǎng)絡(luò)上得以廣泛的運(yùn)用。java是一種編程語言。可以用起來編寫的applet的小程序有著跨平臺執(zhí)行的優(yōu)點(diǎn),適合網(wǎng)上互動的游戲以及手機(jī)上的動畫,其前景十分寬,適合進(jìn)行更深的發(fā)展。
    1.3音頻處理技術(shù)。
    現(xiàn)在,網(wǎng)上一般支持格式有midi、mp3、wav等,其科技在多媒體技術(shù)當(dāng)中已成為比較成熟的科技,在網(wǎng)頁設(shè)計當(dāng)中應(yīng)用的時間也比較長。網(wǎng)頁當(dāng)中的音頻的獲得方式各式各樣,比如說能夠購買素材庫以及在網(wǎng)絡(luò)上直接下載獲取等方式來獲得所需要的音頻。這項技術(shù)已經(jīng)擁有了一般的音頻模擬的方法所擁有的優(yōu)點(diǎn),還在互聯(lián)網(wǎng)上傳播、在線播放等方面有著很好的聲音效果。聲音已經(jīng)成為了信息資源重要傳播途徑,將音頻以及視頻相互結(jié)合,能夠得到更好的效果。
    1.4視頻處理技術(shù)。
    能夠在vcd光盤、模擬視頻收集以及攝像機(jī)的儲存器當(dāng)中來獲取其有關(guān)的視頻。視頻的特點(diǎn)為數(shù)據(jù)量比較大。比如說,數(shù)字電視的圖像當(dāng)中的sif的格式,一般的沒有經(jīng)過壓縮的圖像數(shù)據(jù)流量為20xxkb左右,但是在ccir格式的視頻,一般沒有經(jīng)過壓縮的視頻的數(shù)據(jù)流量能夠達(dá)到140mbps.因此,能夠看出視頻的數(shù)據(jù)流量是比較大的,假設(shè)將沒有進(jìn)行壓縮的視頻上傳,能夠出現(xiàn)資源的吞沒,甚至能夠出現(xiàn)網(wǎng)絡(luò)崩潰的嚴(yán)重情況。所以,網(wǎng)頁設(shè)計當(dāng)中對于視頻處理的中心環(huán)節(jié)就為視頻壓縮。
    2、多媒體技術(shù)在網(wǎng)頁設(shè)計當(dāng)中的使用。
    2.1動畫、視頻設(shè)計。
    在很多網(wǎng)站當(dāng)中,能夠發(fā)現(xiàn)有很多動畫以及視頻的內(nèi)容,設(shè)計富有新意,假設(shè)設(shè)計合理的情況下,其內(nèi)容就能更好的突出想要傳播的主題,這么做的方式的優(yōu)點(diǎn)為能夠更加直觀的表現(xiàn)其內(nèi)容,還有了視覺的沖擊感,讓內(nèi)容更加的具體飽滿。flash動畫已經(jīng)成為了在動畫當(dāng)中不可或缺的一個組成成分,擁有體積小、傳速快的特點(diǎn)在動畫當(dāng)中占據(jù)了很大的比重,flash動畫不僅僅能夠表現(xiàn)簡單的動畫,還能夠在網(wǎng)頁設(shè)計當(dāng)中建立電子畫冊,在另一個角度來看,引領(lǐng)了時代的潮流。
    2.2圖形、圖像的版面設(shè)計。
    在制作網(wǎng)頁的時候盡量使用少量的圖片。因此在運(yùn)用圖像以及圖形的時候需要經(jīng)過精心的篩選,選取一個最能夠突出網(wǎng)頁內(nèi)容的圖像,并且使用某些軟件對圖像進(jìn)行處理,達(dá)到預(yù)期的效果,在網(wǎng)頁當(dāng)中選擇一個最好的擺放位置。把圖形文字化或者將文字圖形化都是特殊的方式將其內(nèi)容合理的表達(dá),所以說對于一些將進(jìn)行圖形處理文字,在網(wǎng)頁的版面設(shè)計當(dāng)中,這些文字也作為了一種圖形來處理。將文字和圖片進(jìn)行結(jié)合,不僅僅形式上富有新意,并且能夠顯得更加的美觀。
    2.3多媒體元素的使用應(yīng)符合網(wǎng)絡(luò)風(fēng)格的整體性。
    在設(shè)計網(wǎng)頁時,一定要應(yīng)按照原有的主題,依照其主體使用聽覺視覺的方式來呈現(xiàn)個觀賞者,其多媒體元素使用是用來服務(wù)主題的,既要美觀又要突出網(wǎng)站的功能。
    2.4多媒體技術(shù)與藝術(shù)相結(jié)合。
    由于多媒體技術(shù)的飛速進(jìn)步,讓其在創(chuàng)作的過程就忽略了美觀性。所以,將藝術(shù)以及科技完美的融合,能夠達(dá)到更好的效果。多媒體技術(shù)的不斷進(jìn)步推動者網(wǎng)站的建設(shè)不斷的完善,多媒體技術(shù)在網(wǎng)站上的應(yīng)用已經(jīng)成為了以后發(fā)展的趨勢,有著寬廣的發(fā)展前景。
    2.5減少多媒體元素格式的使用失誤。
    在網(wǎng)頁當(dāng)中動畫內(nèi)容不應(yīng)有太多,應(yīng)于實際情況相結(jié)合。多媒體元素的格式完全影響著打開網(wǎng)頁的速度,假設(shè)網(wǎng)頁打開過慢,則瀏覽者則失去耐心,不愿等待,所以合理設(shè)計網(wǎng)頁是不可忽視的重要環(huán)節(jié)。
    3、結(jié)語。
    使用者能夠使用網(wǎng)站無論在任何時間或者地點(diǎn)接收和發(fā)送信息,因此不再受環(huán)境和時間的限制。網(wǎng)絡(luò)媒體已經(jīng)變成了重要的傳播途徑,如果注意多媒體元素的合理應(yīng)用,就能夠讓客戶觀看更加有效率。多媒體技術(shù)的應(yīng)用以及體現(xiàn)在社會的各個地方,為人們的生活和工作提供了便利,今后多媒體的應(yīng)用也會給人類帶來巨大的改變。
    網(wǎng)頁設(shè)計論文總結(jié)篇十九
    本學(xué)期計算機(jī)科學(xué)與技術(shù)系軟件工程專業(yè)的《網(wǎng)頁制作》課程由我負(fù)責(zé),學(xué)生共74人,及格率100%。其中90分以上的沒有,80分以上的只有幾個,大多是在70~80之間,也有一小部分在60~70之間。成績不是很理想,總體來說大多數(shù)學(xué)生平時上機(jī)實踐比較積極、踏實,能夠自覺的按照老師的要求去做,但也有少數(shù)學(xué)生自覺性差,需要老師和學(xué)委催促?,F(xiàn)將一個學(xué)期的教學(xué)情況總結(jié)如下:
    一、老師給與學(xué)生合理的引導(dǎo),更要加強(qiáng)自身的素質(zhì)修養(yǎng),提高自己的知識水準(zhǔn)。
    在整個教學(xué)過程中,在教學(xué)過程中自己還缺少更高的藝術(shù)修養(yǎng)和藝術(shù)創(chuàng)造能力,所以還要不斷的學(xué)習(xí);另外就是技術(shù)上還需要完善,也需要和有經(jīng)驗的老師多交流,多溝通。相信只有站在一定的高度去看整個項目的實現(xiàn),會更通俗易懂也更有說服力,所以也不能說都是學(xué)生的原因,歸結(jié)起來還是要提高自己的知識水平和業(yè)務(wù)素質(zhì)!
    二、了解學(xué)生,加強(qiáng)考核。
    針對全體學(xué)生來說,聰明程度相當(dāng),但學(xué)習(xí)興趣層次不同,大部分學(xué)生只愿意聽后選擇性的接受,而沒有知識的創(chuàng)新利用,或者是沒有下去自學(xué),鞏固知識,單一的只是聽和做。有的同學(xué),上完課后根本就直接把書丟在一邊置之不理。綜合學(xué)生的學(xué)習(xí)態(tài)度問題,個人認(rèn)為還需要加強(qiáng)考核制度,從嚴(yán)制學(xué),寬進(jìn)嚴(yán)出,嚴(yán)肅考風(fēng)!
    三、教學(xué)內(nèi)容心得。
    1.網(wǎng)頁制作要簡潔大方。網(wǎng)站在設(shè)計過程中以簡潔大方為主,配合合理的顏色搭配和主題內(nèi)容的詮釋,給訪問者賞心悅目的感覺;而避免過多的動畫和幀的過多運(yùn)用,以及不明確的導(dǎo)航,雜亂的顏色,沒有主題的胡編亂造。2.網(wǎng)站風(fēng)格要統(tǒng)一。所有的圖像、文字,包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的,要統(tǒng)一風(fēng)格,貫穿全站。這樣子讀者看起來舒服、順暢,也會對你的網(wǎng)站留下一個“很專業(yè)”的印象。
    知識運(yùn)用中要大量配合合理的模板、css樣式的運(yùn)用而避免在網(wǎng)頁中反復(fù)的字體樣式重定義顏色的胡亂運(yùn)用,參差不齊給人雜亂的感覺。
    3.網(wǎng)站布局合理。避免一些“拿來主義”,一些學(xué)生為了設(shè)計方便,拿網(wǎng)上流行的模版做網(wǎng)頁,做出的網(wǎng)頁幾乎是千篇一律,沒有特色,雖然完成了網(wǎng)頁的制作,畢竟不是出自個人之手,知識缺乏進(jìn)一步鞏固,且讓瀏覽者產(chǎn)生厭倦。另外導(dǎo)航清晰化,能引領(lǐng)瀏覽者閱讀網(wǎng)頁,思路一定要清晰,避免交叉鏈接。
    4.網(wǎng)站容量要小。雖然網(wǎng)頁更加美觀可以吸引瀏覽者,但是圖片,動畫容量大會影響瀏覽速度,所以一定要注意網(wǎng)絡(luò)容量問題。圖片盡量壓縮,多采用單一色,或者簡單的顏色;動畫要盡量簡潔實用,用最少的幀做出最漂亮實用的動畫,給網(wǎng)頁增色。
    但是總體來說,通過整個學(xué)期網(wǎng)頁制作的學(xué)習(xí),學(xué)生已經(jīng)了解了網(wǎng)頁制作所需要的基本技術(shù),也掌握了網(wǎng)頁制作的基本技能。但由于時間緊迫,知識點(diǎn)多,一些重點(diǎn)難點(diǎn)問題還需要勤加練習(xí),比如:靜態(tài)網(wǎng)頁中的布局和css的定義;動態(tài)網(wǎng)頁中對象的綜合運(yùn)用等等。當(dāng)然也存在著遺憾,不少學(xué)生反映,學(xué)習(xí)愛好更多的是動畫的制作即flash的學(xué)習(xí),而我們只是籠統(tǒng)的講解,不能完全滿足學(xué)生的求知欲!當(dāng)然針對網(wǎng)頁制作來說,還需要加強(qiáng)學(xué)生的配色觀念以及審美觀的培養(yǎng),以及動態(tài)網(wǎng)頁的實現(xiàn)技術(shù)的把握,在很多方面還需要老師和學(xué)生們進(jìn)一步配合,共同學(xué)習(xí)和實戰(zhàn),以達(dá)到知識運(yùn)用的一定高度!