序論：寫作是一種深度的自我表達(dá)。它要求我們深入探索自己的思想和情感，挖掘那些隱藏在內(nèi)心深處的真相，好投稿為您帶來了七篇網(wǎng)頁制作與設(shè)計范文，愿它們成為您寫作過程中的靈感催化劑，助力您的創(chuàng)作。

篇(1)

關(guān)鍵詞：網(wǎng)站；設(shè)計分析；制作

隨著科學(xué)技術(shù)發(fā)展和網(wǎng)絡(luò)的運(yùn)用，計算機(jī)網(wǎng)絡(luò)為人們的生活打開了一片新的天地創(chuàng)新了人們的生活方式而網(wǎng)站為人們提供了豐富多彩的信息。一個網(wǎng)站不但要做到操作方便，引人入勝，趣味盎然，還要告訴瀏覽者它的用處，這些設(shè)計都是有講究的。

1 網(wǎng)站建設(shè)的作用和意義

互聯(lián)網(wǎng)作為連接世界各地計算機(jī)的全球性信息化網(wǎng)絡(luò)，它的傳輸內(nèi)容是非常豐富的，涉及到全球的各個領(lǐng)域，是人們了解世界、掌握信息的主要渠道之一。網(wǎng)站作為信息時代基層的一個重要窗口，是院務(wù)公開、公正、服務(wù)職工、惠及民生的重要手段。辦好網(wǎng)站，對于保障職工合法權(quán)益、增加職工之間互相的透明性、加強(qiáng)自身建設(shè)、提升知名度和影響力都具有非常重要意義。

2 網(wǎng)站設(shè)計分析

文字、圖形、色彩是展示網(wǎng)站內(nèi)容的重要組成部分，是構(gòu)成網(wǎng)站傳達(dá)信息不可或缺的手段，同時也是用戶對網(wǎng)站第一印象和整體風(fēng)格關(guān)注的主要內(nèi)部分。要想設(shè)計出符合人性化需求的網(wǎng)站，只有多為用戶著想，認(rèn)真地以用戶的切身體會出發(fā)去完成網(wǎng)站的整體設(shè)計。當(dāng)然，在設(shè)計過程中需要考慮的因素很多，用戶群因素和界面因素是首要考慮的兩個方面。

3 網(wǎng)頁制作

3.1 選擇合適的網(wǎng)頁設(shè)計軟件

當(dāng)前能使用的網(wǎng)頁設(shè)計類軟件很多，而選擇一個功能強(qiáng)大、操作簡單的軟件則會讓你事半功倍。對于網(wǎng)頁制作軟件來說，初學(xué)者最常使用是Frontpage和Dreamweaver，F(xiàn)rontpage是微軟公司出品的一款網(wǎng)頁制作入門級軟件，F(xiàn)rontPage使用方便簡單，會用Word就能做網(wǎng)頁，所見即所得是其特點，該軟件結(jié)合了設(shè)計、程式碼、預(yù)覽三種模式。Dreamweaver是美國MACRO～EDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，利用它可以輕而易舉地制作出充滿動感的網(wǎng)頁。此外，制作網(wǎng)站還要用到邊緣性軟件，如photoshop、flash等，網(wǎng)頁設(shè)計過程中可根據(jù)自己的需要靈活運(yùn)用這些軟件。

3.2 選擇網(wǎng)頁內(nèi)容

前期的框架設(shè)計好后，就要為這個網(wǎng)站選擇內(nèi)容了。網(wǎng)頁內(nèi)容影響著網(wǎng)站的成敗，所以我們要多花一些心思在內(nèi)容制作上。內(nèi)容選擇要選有新意的、獨特的，這些可以從圖書、報紙、互聯(lián)網(wǎng)等信息媒介搜集素材，素材通常分為三類一一文字、圖片、影像。素材準(zhǔn)備得越多越好，再從這些素材中粗中取細(xì)， 以備制作網(wǎng)站時可以隨時拿來使用?？傊?，網(wǎng)頁內(nèi)容是網(wǎng)站的根本，如果內(nèi)容空洞，頁面制作的再怎么精美，仍然不會留住訪問者。

3.3 運(yùn)用網(wǎng)頁設(shè)計中的色彩

不同的色彩搭配產(chǎn)生不同的效果，反映出不同網(wǎng)頁的文化內(nèi)涵。因為它能產(chǎn)生強(qiáng)烈的視覺沖擊，所以確定網(wǎng)頁的色彩是相當(dāng)重要的一步。在網(wǎng)頁的色彩設(shè)計上，除了要表現(xiàn)心理和感情聯(lián)想之外，還要考慮色彩的對比明暗、輕重、冷暖、調(diào)和色和純度對比色的應(yīng)用等等。合理的用色可以讓信息的傳遞更有價值，使網(wǎng)頁更有效和準(zhǔn)確地把信息傳達(dá)給我們的視覺。

4 網(wǎng)頁制作中的注意事項

⑴網(wǎng)頁要一頁一頁制作，切不可圖快，沒考慮清楚就下手只會讓后面的修改工作更辛苦，首先要制作主頁，把主頁上的頁面的編排、色彩的搭配、鏈接的方式都設(shè)計好后，再以 它為基礎(chǔ)，通過變更文字和圖片等內(nèi)容建立其它子頁，可以利用模板批量創(chuàng)建子頁，使用模板的好處是一一同一個模板創(chuàng)建下的網(wǎng)頁，對它的更新和修改可以一次性完成。這樣可以大大提高制作效率，使網(wǎng)站形成統(tǒng)一的風(fēng)格。

⑵特效制作網(wǎng)頁時，能盡量用javascript替代的就不要使用java，java會使網(wǎng)頁速度減慢，在加入諸如聲音、動態(tài)網(wǎng)頁等小技巧時，最好也不要太多，這都會影響網(wǎng)頁的運(yùn)行速度。

⑶使用鏈接到每張圖片的縮略圖是提供有大量圖片的圖庫時常見的一種策略?？s略圖也就是圖片的縮小版本，可以讓瀏覽者看到眾多的圖片。但是，在展示縮略圖時，切記不能將縮略圖做得太小，因為縮略圖做得太小網(wǎng)站的訪客就無法從中獲取有效的信息。

⑷合理采用JPg和gif格式也是至關(guān)重要的，色彩鮮艷高分辨率的用JPg，圖片色彩單調(diào)的及在256色以內(nèi)的最好把它處理成gif圖像格式。圖片大小盡量不要超過30k，小圖片（1OOx40）一般可以控制在6k以內(nèi)，較大的圖片可以“分割”成小圖片。

⑸為圖片加注解。圖片的下載較慢，在沒有顯示出來時注解的標(biāo)注有助于讓瀏覽者知道這是關(guān)于什么的圖片，是否需要等待，是否可以點擊。

5 結(jié)語

網(wǎng)站的設(shè)計與制作談起來很簡單，但要制作出真正有創(chuàng)意、經(jīng)典的網(wǎng)站不是一件容易的事情。網(wǎng)頁設(shè)計需要不斷的實踐，不斷的學(xué)習(xí)，不斷的豐富、創(chuàng)新網(wǎng)頁制作的方法，不斷完善、提高自己網(wǎng)站設(shè)計的能力。

[參考文獻(xiàn)]

[1]趙錫源.論網(wǎng)站藝術(shù)設(shè)計[J].新聞愛好者。2010（1）.

篇(2)

關(guān)鍵詞：網(wǎng)頁制作；手機(jī)APP；聯(lián)系；區(qū)別；網(wǎng)頁設(shè)計

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2015）34-0057-02

隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)頁制作已經(jīng)成為現(xiàn)代企業(yè)提高知名度的重要手段，網(wǎng)頁制作包含的內(nèi)容比較多，比如門戶網(wǎng)站，電子商務(wù)、論壇等，網(wǎng)頁制作是很多技能的綜合應(yīng)用。手機(jī)APP是專門為手機(jī)上網(wǎng)制作的網(wǎng)頁和手機(jī)網(wǎng)站，傳統(tǒng)的網(wǎng)頁制作是采用互聯(lián)網(wǎng)，具體是指NET，NET最早是為了解決手機(jī)無法上網(wǎng)而設(shè)計的，現(xiàn)在的手機(jī)WAP和NET都可以實現(xiàn)手機(jī)上網(wǎng)的目的，但是人們更多使用的是手機(jī)WAP，因為它使用比較方便，可以通過手機(jī)WAP瀏覽網(wǎng)站。由于手機(jī)的屏幕小，內(nèi)部處理能力比較弱，因此，針對手機(jī)的特點，要設(shè)計符合手機(jī)的網(wǎng)站，方便人們使用。

1 網(wǎng)頁制作的內(nèi)容和特點

1.1 網(wǎng)頁制作的內(nèi)容

網(wǎng)頁制作包含多個方面的內(nèi)容，門戶網(wǎng)站制作、企業(yè)集團(tuán)或者事業(yè)單位網(wǎng)站、社會論壇、電子商務(wù)等各個方面，電子商務(wù)是現(xiàn)在網(wǎng)頁設(shè)計中發(fā)展最快的一種，網(wǎng)頁制作包含的技術(shù)技能比較多，它是多種技能的結(jié)合技術(shù)[1]。

1.2 網(wǎng)頁制作的特點

網(wǎng)頁制作的特點，主要包括以下幾點：第一，具有交互性和持續(xù)性；第二，多維性；第三，媒體的綜合性；第四，具有靈活性[2]。

2 手機(jī)APP的特點

APP是手機(jī)的應(yīng)用軟件，電腦瀏覽器的網(wǎng)頁是Web，這網(wǎng)頁制作和手機(jī)APP放在一起不但可以在電腦上使用，也可以在手機(jī)上使用。APP支持多平臺運(yùn)行，是互聯(lián)網(wǎng)的訪問程序，加載速度比較快，更新維護(hù)起來比較方便，而且APP還支持跨平臺運(yùn)行。目前，我國的APP的制作與推廣處于快速發(fā)展的階段，APP運(yùn)行主要依靠設(shè)計瀏覽器的編輯語言來實現(xiàn)，是針對手機(jī)特點進(jìn)行加開發(fā)的應(yīng)用程序[3]。下圖就是手機(jī)APP的設(shè)計流程圖，如圖1：

3 網(wǎng)頁制作和手機(jī)APP之間的聯(lián)系

隨著手機(jī)更新速度的不斷加快，智能手機(jī)已經(jīng)代替了傳統(tǒng)的手機(jī)成為人們使用的主要類型。智能手機(jī)已經(jīng)能夠?qū)崿F(xiàn)上網(wǎng)的目的，因此，我國的手機(jī)網(wǎng)民人數(shù)暴增，據(jù)調(diào)查顯示，手機(jī)上網(wǎng)人數(shù)目前已經(jīng)超過了電腦上網(wǎng)人數(shù)，因此，手機(jī)客戶端已經(jīng)發(fā)展為現(xiàn)在最大的網(wǎng)絡(luò)客戶端。人們?yōu)g覽網(wǎng)絡(luò)的習(xí)慣已經(jīng)開始從電腦轉(zhuǎn)向手機(jī)，將電腦的網(wǎng)頁制作應(yīng)用到手機(jī)上來，已經(jīng)成為網(wǎng)頁制作的發(fā)展趨勢，現(xiàn)在對于網(wǎng)頁制作的宣傳推廣，也開始從傳統(tǒng)的電腦網(wǎng)頁制作轉(zhuǎn)到了手機(jī)APP制作，手機(jī)APP和網(wǎng)頁制作之間具有相輔相成的的關(guān)系[4]。下圖就是手機(jī)APP和網(wǎng)頁制作的聯(lián)系圖，如圖2。

接下來就對網(wǎng)頁制作和手機(jī)APP之間的聯(lián)系進(jìn)行介紹，主要體現(xiàn)在以下方面：

3.1 網(wǎng)頁制作和手機(jī)APP的網(wǎng)絡(luò)顯示終端不同

電腦網(wǎng)頁制作設(shè)計只能夠在電腦上使用，它制作的網(wǎng)站也只能夠在電腦上打開，不適用于手機(jī)。如果將電腦網(wǎng)頁制作用于手機(jī)，就會導(dǎo)致手機(jī)亂碼、排版不齊、排版比例失調(diào)等現(xiàn)象，或者無法加載，提示出現(xiàn)錯誤，這樣就會使網(wǎng)頁制作的推廣受到影響，降低人們對網(wǎng)頁制作和宣傳企業(yè)的信任度，從而影響了網(wǎng)頁制作相關(guān)業(yè)務(wù)的開展。但是手機(jī)APP是真的扶手的特點而設(shè)計的，手機(jī)的屏幕小、運(yùn)行量小，因此，手機(jī)APP要依照手機(jī)的屏幕和分辨率等特點來設(shè)計，設(shè)計的比例要完全符合手機(jī)瀏覽網(wǎng)站，符合人們使用手機(jī)的習(xí)慣[5]。電腦網(wǎng)頁制作和手機(jī)APP根據(jù)各自不同的網(wǎng)絡(luò)顯示終端來設(shè)計制作，網(wǎng)頁制作和手機(jī)APP之間不能通用，手機(jī)APP的宣傳推廣已經(jīng)成為現(xiàn)在的主流。

3.2 網(wǎng)頁制作和手機(jī)APP的登錄方式不同

電腦網(wǎng)頁制作的瀏覽登陸需要借助于鍵盤操作，將網(wǎng)址復(fù)制粘貼到收索引擎上，實現(xiàn)訪問網(wǎng)站的目的。但是手機(jī)APP對網(wǎng)站進(jìn)行訪問是通過電機(jī)網(wǎng)站鏈接或者通過掃描二維碼進(jìn)行訪問，比電腦訪問更加方便，因此，越來越多的人選擇手機(jī)登錄網(wǎng)站，進(jìn)行訪問。手機(jī)APP更加方便，能夠滿足人們的心理需求，已經(jīng)開始占據(jù)市場。

3.3 網(wǎng)頁制作和手機(jī)APP的特點不同

網(wǎng)頁制作和手機(jī)APP存在著巨大的區(qū)別，主要體現(xiàn)在以下方面：首先，網(wǎng)頁制作的網(wǎng)站，向人們展示的是綜合信息，宣傳推廣的對象包含的信息比較全面，但是手機(jī)APP的制作網(wǎng)站，主要以特色網(wǎng)站的宣傳推廣為主，宣傳推廣的對象主要包含的是重點信息，數(shù)據(jù)少，但是針對性比較強(qiáng)，加載速度快。其次，手機(jī)APP就是電腦網(wǎng)頁制作的縮小版，在現(xiàn)在社會生活節(jié)奏不斷加快的今天，手機(jī)APP更加符合人們的需要，因此，它的發(fā)展已經(jīng)逐漸超越了電腦網(wǎng)頁制作。

3.4 網(wǎng)頁制作和手機(jī)APP的聯(lián)合應(yīng)用

由于手機(jī)APP的發(fā)展時間較短，因此，我國很多民眾都不會使用手機(jī)APP來瀏覽網(wǎng)站，也只有極少人會使用手機(jī)WIFI上網(wǎng)，這就導(dǎo)致了手機(jī)APP的發(fā)展速度減緩。但是電腦在我國的發(fā)展時間比較長，很多人對于電腦上網(wǎng)并不陌生，而且電腦的屏幕比較大，數(shù)據(jù)讓內(nèi)容多，信息也比較全面。如果把這些信息全部傳遞到手機(jī)上，就會使手機(jī)的加載速度變慢，用戶自然就會再使用。如果要解決這一問題，就要將這網(wǎng)頁制作和手機(jī)APP結(jié)合起來。Web App相結(jié)合有巨大的優(yōu)勢，也能夠開辟新的市場，網(wǎng)頁制作和手機(jī)APP結(jié)合的優(yōu)勢：在我國，目前幾乎是人手一部手機(jī)，因此，移動客戶端的人數(shù)暴增。在生活中，我們會發(fā)現(xiàn)，不論身處河底，都會發(fā)現(xiàn)大量的低頭族，看手機(jī)已經(jīng)成為人們生活的常態(tài)，每個人不管是站著坐著，都會使用手機(jī)，因此，手機(jī)APP的發(fā)展前景非常好。使用手機(jī)APP省去了很多的麻煩，APP被設(shè)計為可以跨平臺運(yùn)行，無需客戶安裝，就可以訪問網(wǎng)站，在一定程度上降低了成本和開發(fā)難度，方便了人們的生活。

4 結(jié)束語

隨著信息時代的快速發(fā)展，互聯(lián)網(wǎng)已經(jīng)作為人們生活的一部分，成為人們了解信息和傳播信息的重要工具。網(wǎng)頁制作成為各個企業(yè)或者個人提升點擊率和知名度的重要手段，現(xiàn)在人們更多是通過手機(jī)來瀏覽信息，因此，手機(jī)APP也就應(yīng)運(yùn)而生，方便人們從手機(jī)上了解更多的信息。

參考文獻(xiàn)：

[1] 潘蘭.淺談網(wǎng)頁制作與手機(jī)APP的聯(lián)系[J].通訊世界，2015（21）：241-242.

[2] 王兆華，王海波. 移動互聯(lián)網(wǎng)時代網(wǎng)頁設(shè)計與制作課程改革研究[J].計算機(jī)教育，2013（09）：82-86.

[3] 常方圓.基于眼動儀的智能手機(jī)APP圖形用戶界面設(shè)計可用性評估[J].包裝工程，2015（08）：55-59.

篇(3)

關(guān)鍵詞：網(wǎng)頁制作；網(wǎng)頁設(shè)計；網(wǎng)頁教學(xué)；網(wǎng)頁課程

網(wǎng)頁制作類課程在各類學(xué)校中是一門非常普遍的課程，卻也帶來了一個非常普遍的問題：學(xué)完課程以后，學(xué)生卻不能真正制作出一個達(dá)到網(wǎng)頁正式基本要求的網(wǎng)站。學(xué)生做出來的網(wǎng)頁達(dá)不到最基本的“統(tǒng)一、協(xié)調(diào)、正規(guī)”的標(biāo)準(zhǔn)，大多只是一個東拼西湊的“大雜燴”。

要實現(xiàn)“先整體、后切分、再拼合”的正確網(wǎng)頁制作方法的教學(xué)目標(biāo)，在具體教學(xué)過程中有如下一些問題需要注意：

一、教學(xué)內(nèi)容與時間的顛覆性調(diào)整

大多數(shù)網(wǎng)頁制作課程的主要教學(xué)內(nèi)容都是網(wǎng)頁制作軟件的學(xué)習(xí)與使用。一部分一部分地學(xué)習(xí)軟件的各種功能并進(jìn)行分項練習(xí)，學(xué)完軟件全部功能后做一個綜合性的課程作業(yè)（學(xué)生上交一個東拼西湊的“大雜燴”網(wǎng)站）。通過前面的分析，我們可以看出：其實學(xué)會網(wǎng)頁制作軟件只不過是網(wǎng)頁制作能力的基礎(chǔ)“硬件”而已。沒有合適的“軟件”支持，這個系統(tǒng)是運(yùn)行不起來的。而這個“軟件”就是“先整體、后切分、再拼合”的正規(guī)網(wǎng)頁制作流程。因此，建議不要再把網(wǎng)頁制作課程的教學(xué)內(nèi)容設(shè)計成網(wǎng)頁制作軟件由頭至尾的學(xué)習(xí)過程。網(wǎng)頁制作軟件功的學(xué)習(xí)其實用不了多少時間，數(shù)個學(xué)時就可以了。

二、“先整體、后切分、再拼合”的教學(xué)內(nèi)容設(shè)計

在快速學(xué)完網(wǎng)頁制作軟件的操作之后，就要進(jìn)入網(wǎng)頁制作方法的教學(xué)內(nèi)容了。教學(xué)前先要精心準(zhǔn)備一份課堂教學(xué)案例，案例的主要內(nèi)容就是一個分層的、網(wǎng)頁最終效果的Photoshop圖像文件。然后根據(jù)學(xué)生所具備的圖像處理軟件操作基礎(chǔ)的不同，做出不同深度的教學(xué)安排：有基礎(chǔ)的學(xué)生可以只給出黑白、不分層的網(wǎng)頁效果圖，要求其完成設(shè)置了顏色、各部分獨立分層的Photoshop文件；對于沒有圖像軟件基礎(chǔ)的學(xué)生，此階段也千萬不能省略！不然學(xué)生就只能學(xué)會制作“大雜燴”式的網(wǎng)頁了。沒有基礎(chǔ)的學(xué)生，可安排一些易于完成的圖像處理任務(wù)，如簡單的圖像或效果的處理及一些文字圖層的制作等。要讓學(xué)生對網(wǎng)頁整體設(shè)計有一個實在的切身體驗，同時這也是一個很好的圖像軟件的入門。完成網(wǎng)頁的整體設(shè)計之后，就可以依次進(jìn)行切圖、優(yōu)化、動態(tài)效果圖的制作(GIF動畫、鼠標(biāo)經(jīng)過翻轉(zhuǎn)圖像等)、表格網(wǎng)頁布局等內(nèi)容的教學(xué)了，同時根據(jù)需要也可以提高到CSS網(wǎng)頁布局的學(xué)習(xí)。在教學(xué)期間教師一般只講原則性的東西，不對具體細(xì)節(jié)做出規(guī)定，象切圖的劃分、表格具體布局等等。這樣就會使每個學(xué)生做出的作業(yè)都不相同，盡管教師只布置了同一份作業(yè)。學(xué)生要在這門課程的學(xué)習(xí)期間一直保存好自己前面已經(jīng)完成的作業(yè)。

三、課程作業(yè)的設(shè)計

篇(4)

【關(guān)鍵詞】網(wǎng)頁制作；技術(shù)更新；教學(xué)模式；課程改革

隨著科技的不斷提高，計算機(jī)已經(jīng)非常普及，人們在計算機(jī)中所獲悉的知識也越來越多，同時計算機(jī)使人們的生活、工作以及學(xué)習(xí)也越來豐富。在計算機(jī)中的一些技術(shù)也越來越受到大家的關(guān)注，當(dāng)前的計算機(jī)技術(shù)非常受大家關(guān)注，在職業(yè)技術(shù)學(xué)校中的計算機(jī)軟件技術(shù)是非常重要的。網(wǎng)頁制作技術(shù)是職業(yè)技術(shù)學(xué)校教師非常重視的計算機(jī)軟件知識。當(dāng)下，科技的進(jìn)步標(biāo)志著計算機(jī)軟件技術(shù)也要有更專業(yè)的人才去開發(fā)與創(chuàng)造。教師看到了傳統(tǒng)教學(xué)模式的退步，于是教師不斷的改革教學(xué)模式，下面我們就以計算機(jī)網(wǎng)頁制作技術(shù)為主要實例來探析一下關(guān)于計算機(jī)網(wǎng)頁制作技術(shù)教學(xué)的主要課程改革。

1.教學(xué)改革思想探討

在計算機(jī)教學(xué)改革下，計算機(jī)教師不斷的加大改革教學(xué)模式，在軟件教學(xué)上有一個全新的教學(xué)思想改革，當(dāng)前一些職業(yè)教育已經(jīng)成為高等教育發(fā)展中的一個重要的教育類型，并且他們肩上的使命變得非常重要，肩負(fù)著為國家培養(yǎng)面向生產(chǎn)、建設(shè)以及服務(wù)管理需要的高技能人才，所以教師不斷的提高教學(xué)模式，傳統(tǒng)的教學(xué)模式中教師針對網(wǎng)頁制作技能的教學(xué)上，教師只是重視單一的講解，只是單獨的講解理論知識，并沒有完全的融入實踐。而網(wǎng)頁制作技術(shù)確實是一門實踐操作和技能為一體的課程。所以他不僅需要教師講解理論知識，還需要講解一定的實踐操作課。同時最好將理論與實踐聯(lián)系起來，在實踐中體會制作網(wǎng)頁的樂趣，綜合實踐技能一邊以后來適應(yīng)工作崗位的要求，所以教師在不斷的改革自己的教學(xué)思想。爭取在理論基礎(chǔ)上開始全新的實踐技能。所以在網(wǎng)頁制作以及全面的計算機(jī)教學(xué)過程中，教師融入實踐以及相關(guān)的理論結(jié)合知識，全面的改革自己的教學(xué)思想。

2.課程改革初步實踐

在教學(xué)改革中，網(wǎng)頁制作教學(xué)課程是計算機(jī)技能實踐的一個根本，教師在改革整體的教學(xué)過程中開始了全新的實踐過程，教師針對社會需要人才來進(jìn)行全面的改革，具體我們來看一下改革的過程以及實踐的過程。

2.1工作能力分析的培養(yǎng)

在教學(xué)過程中，教師針對社會所需要的人才，在講解網(wǎng)頁制作過程中還要注重學(xué)生工作能力分析的培養(yǎng)。教師要培養(yǎng)網(wǎng)頁設(shè)計師所需要的專業(yè)能力，工作能力分析的培養(yǎng)是一方面，教師在培養(yǎng)網(wǎng)頁設(shè)計師的時候要培養(yǎng)設(shè)計師具有一定的網(wǎng)站規(guī)劃能力。在規(guī)劃能力中要培養(yǎng)學(xué)生能準(zhǔn)確的分析，理解項目要求，并且對項目可以進(jìn)行合理的規(guī)劃，同時也要進(jìn)行一定的評價，同時要求設(shè)計師要要有一定的撰寫網(wǎng)站建設(shè)方案的能力。同時在工作能力分析上教師還有培養(yǎng)學(xué)生能夠通過一定的渠道獲取一定的資源，同時還有對資源進(jìn)行全面的處理，最后經(jīng)過整理得到需要的專業(yè)性知識以及第一手材料。要求設(shè)計師熟悉使用并且積累網(wǎng)頁設(shè)計師常用的設(shè)計第三方工具。同時教師要積極的培養(yǎng)學(xué)生的網(wǎng)站維護(hù)以及更新能力。在這方面的能力上要求教師要培養(yǎng)學(xué)生的專業(yè)規(guī)范操作能力，作品規(guī)范可以得到維護(hù)。總之，要培養(yǎng)網(wǎng)頁設(shè)計師要有全面的工作分析能力，只有這樣才能更好的為社會來做貢獻(xiàn)。

2.2職業(yè)人員的工作核心能力培養(yǎng)

教師培養(yǎng)學(xué)生成為網(wǎng)頁制作設(shè)計師就要培養(yǎng)學(xué)生網(wǎng)頁設(shè)計師的核心能力。網(wǎng)頁設(shè)計師的核心能力主要有幾個方面，下面我們就來探討一下關(guān)于教師要培養(yǎng)學(xué)生成為網(wǎng)頁設(shè)計師所要有的職業(yè)人員工作核心能力的幾個方面。

2.2.1社交能力

培養(yǎng)網(wǎng)頁制作設(shè)計師要培養(yǎng)學(xué)生的社交能力。這一方面是網(wǎng)頁設(shè)計師所具備的一個根本，如果沒有良好的社交能力就很難讓設(shè)計師在工作上有所發(fā)揮。所以這一方面的培養(yǎng)非常的重要。

2.2.2創(chuàng)新能力

網(wǎng)頁設(shè)計師要具有一定創(chuàng)新能力。網(wǎng)頁制作過程是設(shè)計的基礎(chǔ)，如果沒有設(shè)計能力，沒有創(chuàng)新能力，那么網(wǎng)頁的風(fēng)格以及各個方面都沒有新的發(fā)展，所以在網(wǎng)頁制作以及設(shè)計的過程中，教師要積極的培養(yǎng)學(xué)生的網(wǎng)頁創(chuàng)新能力。在這一方面的培養(yǎng)上教師可以運(yùn)用多媒體的形式為學(xué)生展示一些有名的網(wǎng)頁或者是外文網(wǎng)頁，師生一起來探討，從而培養(yǎng)學(xué)生創(chuàng)新思維以及創(chuàng)新理念。

2.2.3分析能力

網(wǎng)頁制作過程是一個不斷分析的過程，只要有一個方面出現(xiàn)了小的差錯就會形成一個失敗的網(wǎng)頁，所以在網(wǎng)頁制作教學(xué)過程中教師要培養(yǎng)學(xué)生分析能力。學(xué)生能找到網(wǎng)頁制作中出現(xiàn)的不足，能正確的分析出網(wǎng)頁設(shè)計的不合理之處。同時，在制作過程中也需要必須分析出網(wǎng)頁制作設(shè)計過程中的獨特之處。教師在這一方面培養(yǎng)優(yōu)秀設(shè)計師可以采用分析一些網(wǎng)頁設(shè)計圖紙以及設(shè)計方案，讓學(xué)生的分析思維得到發(fā)展以及拓展?？傊W(wǎng)頁制作與設(shè)計過程需要設(shè)計師具有良好的分析能力。

2.2.4解決問題能力

在網(wǎng)頁制作過程中，教師要培養(yǎng)學(xué)生使用所掌握的相關(guān)技術(shù)來解決出現(xiàn)的問題，同時也要結(jié)合所有的信息來解決客戶的問題，這項能力是網(wǎng)頁設(shè)計師職業(yè)能力的重點之一。在這一方面需要學(xué)生要有良好的溝通能力，并且還要有一定的團(tuán)隊精神，這些也是一名優(yōu)秀的網(wǎng)頁設(shè)計師所具備的專業(yè)素質(zhì)。同時教師還要培養(yǎng)學(xué)生要會積極的調(diào)查與揣測消費(fèi)者的心理，根據(jù)實際需要設(shè)計出比較合理的方案。這一方面是核心所在，所以教師最好的培養(yǎng)辦法就是組織學(xué)生走出學(xué)校，走到社會去調(diào)查與分析，只有這樣才能更好的掌握核心能力。

2.2.5自學(xué)能力

在社會主義和諧社會里，要求學(xué)生要具有一定的自學(xué)能力，只有在不斷的學(xué)習(xí)下才能保證學(xué)生更好的學(xué)習(xí)，進(jìn)而獲得更多的知識。 當(dāng)前的學(xué)生是處于職業(yè)學(xué)校的學(xué)生，在學(xué)習(xí)過程中要掌握最基本的學(xué)習(xí)方法，只有這樣才能養(yǎng)成良好的學(xué)習(xí)習(xí)慣，計算機(jī)教師看到這一方面的重要，于是教師培養(yǎng)學(xué)生開始自主學(xué)習(xí)，讓學(xué)生在面對問題的人時候充滿好奇心，渴望得到知識。并且在教學(xué)的時候要適當(dāng)?shù)囊龑?dǎo)學(xué)生，鼓勵和激發(fā)學(xué)生去學(xué)習(xí)，慢慢的學(xué)生就會養(yǎng)成良好的學(xué)習(xí)習(xí)慣，等到成為設(shè)計師以后就會繼續(xù)這種學(xué)習(xí)習(xí)慣。

3.課程改革效果分析

隨著社會對網(wǎng)頁制作與設(shè)計人才的需要，職業(yè)院校的計算機(jī)教師在教學(xué)上不斷的改革教學(xué)模式，學(xué)生在改革模式下不斷的進(jìn)步，在教學(xué)課程改革下，教師對課程改革效果進(jìn)行了全面的分析。經(jīng)過一段時間的課程改革，教師看到了課程改革所帶來的效果，主要有幾個方面，學(xué)生針對網(wǎng)頁制作中的課程項目完成效果比較好，學(xué)生的成就感很強(qiáng)，同時課程按照行業(yè)規(guī)范操作，培養(yǎng)學(xué)生良好操作習(xí)慣，同時學(xué)生經(jīng)過一定的實踐以后，獲得了很多優(yōu)秀的制作獎項，總體來看學(xué)生在實踐中應(yīng)用知識效果比較好，這樣的效果是教師非常欣慰的。

4.教學(xué)反思以及教學(xué)評價

在經(jīng)過課程改革后的計算機(jī)網(wǎng)頁制作教學(xué)上，教師還要不斷的反思自己的教學(xué)改革模式以及改革效果，在有不足之處的時候也有很多優(yōu)點。教師會將這些優(yōu)點繼續(xù)，將不足之處慢慢的整改，總之會將計算機(jī)網(wǎng)頁制作教學(xué)模式的創(chuàng)新變得更加完善。

5.總結(jié)

綜上所述，網(wǎng)頁制作在當(dāng)前科技社會中應(yīng)用的非常多，網(wǎng)頁設(shè)計師的需求量同比也在上升，所以各個職業(yè)院校要不斷的拓展自己的教學(xué)模式，為社會培養(yǎng)人才加大步伐。

參考文獻(xiàn)：

[1]王艾. 基于移動學(xué)習(xí)的文獻(xiàn)檢索數(shù)學(xué)系統(tǒng)研究[D]. 東北石油大學(xué) 2012.

篇(5)

關(guān)鍵詞：網(wǎng)頁制作；表現(xiàn)手法；教學(xué)方法；教學(xué)設(shè)計；反思與改進(jìn)

中圖分類號：G640文獻(xiàn)標(biāo)識碼：A 文章編號：1003-2851(2011)06-0-01

隨著網(wǎng)絡(luò)的不斷發(fā)展，網(wǎng)絡(luò)購物或相關(guān)企業(yè)官方網(wǎng)頁大面積擴(kuò)散，它的產(chǎn)品成功銷售不僅是產(chǎn)品的本身，也同時網(wǎng)頁制作效果的一種體現(xiàn)，面對這種流行趨勢，許多高等職業(yè)院校紛紛開設(shè)有關(guān)網(wǎng)頁制作這門課，但很多學(xué)生在學(xué)習(xí)完該軟件的操作之后，卻無法應(yīng)用的實際工作中。甚至有些學(xué)生可能會因此抱怨在學(xué)校教師任教該課程的教學(xué)方法。因為很多教師使用傳統(tǒng)的教學(xué)方法，難以達(dá)到預(yù)期效果。面對這種現(xiàn)象，我們將從下面幾個方面去淺談網(wǎng)頁制作課程的教學(xué)設(shè)計反思：

一、應(yīng)用案例教學(xué)模式

通過在網(wǎng)頁制作教學(xué)中應(yīng)用案例教學(xué)模式，提出了在課堂中引入案例教學(xué)以及在實踐中進(jìn)行案例設(shè)計的方法，跳出傳統(tǒng)的只教授軟件應(yīng)用的范疇，以市場上流行趨勢為主題，因此，首先可以讓學(xué)生用專業(yè)眼光審視作品及分析作品中的技術(shù)與設(shè)計思路，知道如何設(shè)計與制作兩大核心問題。知道如何去做取長補(bǔ)短的模仿學(xué)習(xí)方式，逐步成為可以獨立制作網(wǎng)頁效果圖。

二、如何進(jìn)行教學(xué)設(shè)計改進(jìn)

在課堂中，引導(dǎo)學(xué)生動手開創(chuàng)淘寶店面，并制作裝修店鋪的網(wǎng)頁，并直接根據(jù)相關(guān)店面的特點進(jìn)行頁面分析、軟件分析、在探索中邊學(xué)軟件基礎(chǔ)，邊進(jìn)行快速的頁面制作。下面我以一個女士服裝店網(wǎng)頁進(jìn)行分析：

1.確定頁面的主題定位，該頁面屬于女士服裝店使用，且年齡階段在15-30歲，賣淑女或休閑服飾，那么我們就可以確定，整體風(fēng)格采用青春活潑。

2.網(wǎng)頁配色很重要，網(wǎng)頁顏色搭配得是否合理直接影響訪問者的情緒。我們在設(shè)計一個頁面盡量不要超過4種色彩，用太多的色彩讓人迷失方向，沒有側(cè)重。在設(shè)計中不僅要結(jié)合人的個性與共性、心理與生理等各種因素，還要充分考慮到設(shè)計色彩的功能與作用。如食品類、餐飲等網(wǎng)頁色彩適宜采用暖色系列；機(jī)械類網(wǎng)頁可以考慮采用冷色系列；電子產(chǎn)品類可以選用偏冷的灰、黑系列；兒童相關(guān)類可以用色彩鮮艷對比強(qiáng)的色調(diào)。當(dāng)主題色確定好以后，考慮其它配色時，一定要考慮其它配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。在這里我們采用的是色彩鮮艷對比強(qiáng)的色調(diào)。

3.使用軟件進(jìn)行制作，如在Photoshop軟件中進(jìn)行平面效果圖的制作。

4.切片，這也是在網(wǎng)頁制作中關(guān)鍵一步，如處理不細(xì)致，將為后面的工程帶來重復(fù)修改的繁瑣。為了打開網(wǎng)頁時加快模版顯示出來的速度，因此需要把效果圖切成一小片一小片，分別上傳到網(wǎng)絡(luò)空間上，這樣就可以快速打開網(wǎng)頁，每個模版切片同時顯示，大大減少了頁面打開的時間，模板的切片，我們可以使用Photoshop自身攜帶的切片工具進(jìn)行制作。切片的時候要注意，凡是需要后期任意添加文字或產(chǎn)品效果圖的地方要單獨切片出來。之后就保存為網(wǎng)頁格式。

5.使用網(wǎng)頁專用工具之一：用Dreamweaver進(jìn)入軟件的設(shè)計操作頁面打開之前保存的網(wǎng)頁格式，把后期要隨意增加或刪除圖片或者文字的地方切片轉(zhuǎn)換成表格。

6.當(dāng)之前的步驟都完成之后，我們就可以進(jìn)入到淘寶頁面中的后臺編輯，把之前的生成網(wǎng)頁中的所有代碼復(fù)制到淘寶編輯器。這個時候要注意把代碼里面本地的鏈接地址換成 我們剛才把切片上傳的圖片相應(yīng)的網(wǎng)絡(luò)空間里面的地址，這步很關(guān)鍵，如不那樣更換，會導(dǎo)致我們的網(wǎng)頁不能正常預(yù)覽。

總之，通過一個個教學(xué)真實又貼近學(xué)生生活的案例來培養(yǎng)學(xué)生的專業(yè)技能，提高素質(zhì)教育質(zhì)量，使之能真正走上工作崗位，是實行教學(xué)設(shè)計反思與改進(jìn)的重要內(nèi)容之一，也是思考的出發(fā)點。針對學(xué)生的實際所學(xué)的技能，從而制定出嚴(yán)格考核目標(biāo)和計劃，高度重視考核管理，可以經(jīng)常舉辦技能創(chuàng)新大賽，以此更激發(fā)學(xué)生的學(xué)習(xí)熱情。也是我們培養(yǎng)出能直接工作在生產(chǎn)、技術(shù)第一線的應(yīng)用型、技能型高級人才的重要因素。

參考文獻(xiàn)：

[1]王巍.圖形藝術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用[J].電影評介, 2007,(04).

[2]于吉震,杜立君,趙甫. 談網(wǎng)頁設(shè)計中技術(shù)和藝術(shù)的整合[J].電腦知識與技術(shù)(學(xué)術(shù)交流), 2007,(06).

[3]唐一鵬.美學(xué)原理在網(wǎng)頁設(shè)計中的應(yīng)用[J].福建信息技術(shù)教育, 2006,(01).

[4]羅艷.淺析網(wǎng)頁設(shè)計中的網(wǎng)頁配色[J].科技信息(學(xué)術(shù)研究), 2007,(20).

[5]林菡,張軍. 優(yōu)良的網(wǎng)頁設(shè)計應(yīng)該注意的幾個要素[J].北京教育學(xué)院學(xué)報(自然科學(xué)版), 2007,(04).

篇(6)

一、用網(wǎng)頁制作程序界面的思路

程序設(shè)計員要開發(fā)一套界面漂亮的控件庫，不是一件容易的事情，如果開發(fā)一個軟件，希望把軟件的界面做得漂亮，但又沒有多余的時間去編寫界面控件庫，那么，只要對網(wǎng)頁制作中的HTML、CSS、JavaScript知識熟練掌握，就可以試用網(wǎng)頁去做應(yīng)用程序的界面。

Web2.0已經(jīng)成為當(dāng)今網(wǎng)絡(luò)的主流，用VB做出來的界面很丑，而用網(wǎng)頁做出來的界面很漂亮，網(wǎng)頁通過強(qiáng)大的CSS樣式表可以把網(wǎng)頁中的界面元素控制得非常好。如果能用CSS樣式表去控制VB程序的界面，那程序的界面就容易美化了?？墒牵珻SS只能控制網(wǎng)頁，不能控制桌面應(yīng)用程序。

經(jīng)筆者反復(fù)研究發(fā)現(xiàn)，用CSS控制程序界面的方法，就是讓程序的主界面變成網(wǎng)頁，然后再用網(wǎng)頁元素去美化它，但這樣就需要解決以下幾個問題。

問題1：應(yīng)用程序跟網(wǎng)頁是分離的兩個實體，如果要用網(wǎng)頁去制作程序的界面，應(yīng)用程序必須能顯示網(wǎng)頁。

問題2：應(yīng)用程序必須能捕獲網(wǎng)頁中的相關(guān)事件。

問題3：應(yīng)用程序必須能向網(wǎng)頁界面發(fā)送數(shù)據(jù)。

如果解決上面問題，就能實現(xiàn)用網(wǎng)頁制作程序界面。

二、用網(wǎng)頁制作程序界面的方法

1.問題1的解決方法

在Visual Basic中，我們可以通過WebBrowser控件去顯示網(wǎng)頁，引用該部件后，只要向Naviaget方法傳遞網(wǎng)頁界面的路徑參數(shù)即可（可以是URL或者絕對路徑）。

2.問題2的解決方法

要讓VB捕獲網(wǎng)頁中的事件，我們可以讓網(wǎng)頁發(fā)生了某一事件后，主動去通知應(yīng)用程序。具體的做法如下：

在VB窗口中加入如下代碼去接收網(wǎng)頁發(fā)出的所有

事件：

Private Sub WebBrowser1_BeforeNavigate2()

Dim Ev As String

Dim i As Integer

If UCase$(Left$(URL， 6)) = "EVENT：" Then

Ev = UCase$(Mid$(URL， 7))

Select Case Ev

Case "TOP"

Call topRecord

Case "NEXT"

Call nextRecord

Case "COMPLETE"

Call completeTest

End

End Select

Cancel = True

End If

End Sub

3.問題3的解決方法

在網(wǎng)頁中加入如下代碼，用于向應(yīng)用程序發(fā)出事件：

 ；

 ；

Sub top_OnClick()

location.href = "Event：top"

End Sub

Sub next_OnClick()

location.href = "Event：next"

End Sub

Sub complete_OnClick()

location.href = "Event：complete"

End Sub

通過以上的方法，網(wǎng)頁中的任何事件與應(yīng)用程序交互都能簡單實現(xiàn)了。

下面，我們再看看怎樣用應(yīng)用程序向網(wǎng)頁發(fā)送信息，并在網(wǎng)頁上實時顯示出信息的內(nèi)容。

網(wǎng)頁代碼如下：

VB想要在該標(biāo)簽顯示信息的代碼如下：

WebBrowser1.Document.getElementById("tm").innerHTML="" & rs(“tm”) & “”

應(yīng)用以上代碼，使得用網(wǎng)頁制作應(yīng)用程序界面的方法變得很簡單。下圖所示的截圖是用網(wǎng)頁制作界面的效果：

圖

這是使用網(wǎng)頁制作出來的程序界面，上面的應(yīng)用程序沒有使用圖片，全部用HTML+CSS+Javascript實現(xiàn)，執(zhí)行效率高。

三、用網(wǎng)頁制作程序界面的好處

第一，界面元素靈活多變、執(zhí)行效率高。網(wǎng)頁中的控件雖然不多，但其靈活，并且控件的外觀都可以通過CSS樣式去控制，制過過程簡單。

第二，可移植性強(qiáng)。一名VB程序員會體會到用VB編的程序可移植性是很差的，尤其是使用了第三方控件后，其可移植性變得更差。如現(xiàn)在使用了網(wǎng)頁，相信任何計算機(jī)都不會出現(xiàn)兼容問題。

第三，界面更換皮膚容易。厭倦了程序的界面，想更換一種皮膚嗎？方法一：使用VB程序改變指定的CSS樣式文件；方法二：使用VB程序控制其指向另一個網(wǎng)頁文件。

第四，能較好地控制文字的顯式樣式。在VB中編寫的程序字體不能很好地控制其顯示的式樣，例如：對字距不滿意時，希望在一個文檔中，調(diào)整中文與英文用不同的字體顯示，控制行距，控制段前段后距等。

四、用網(wǎng)頁制作程序界面的不足

第一，程序的界面有可能被別人惡意修改；第二，每一個交互動作都要額外寫一小段代碼；第三，要求程序員對網(wǎng)頁制作方面撐握的知識較多，如Javascript、VBScript、CSS、HTML。

篇(7)

關(guān)鍵詞：Photoshop 網(wǎng)頁制作 圖像

0 引言

信息化時代，網(wǎng)絡(luò)技術(shù)得到快速發(fā)展。網(wǎng)絡(luò)發(fā)展離不開網(wǎng)頁的作用，網(wǎng)頁作為網(wǎng)絡(luò)發(fā)展中最主要的元素，在其中起到了決定性的作用。網(wǎng)頁制作是介于網(wǎng)像處理技術(shù)和編程技術(shù)之間的學(xué)科，網(wǎng)頁作為一種媒體.必須要有一定的藝術(shù)感染力。網(wǎng)頁制作的工具很多，Photoshop因其圖像處理的強(qiáng)大功能在網(wǎng)頁制作中也發(fā)揮著巨大的作用。正確使用Photoshop處理圖像可以增加網(wǎng)頁的美觀，提高網(wǎng)頁的下載速度，提高網(wǎng)頁的制作效率。

1 網(wǎng)頁中的圖像制作

1.1 網(wǎng)站Logo圖標(biāo)的制作

Logo圖標(biāo)是一個網(wǎng)站的形象標(biāo)志。一個優(yōu)秀的Logo圖標(biāo)，不但能點綴界面，而且還可以加深瀏覽者對該網(wǎng)站的印象，提高網(wǎng)站的點擊率和知名度。

Photoshop提供了矢量圖繪制功能。使用鋼筆（ 或形狀）工具，可直接繪制出矢量線條；也可以首先建立選區(qū)，再通過路徑調(diào)板上的“將選區(qū)轉(zhuǎn)化為路徑”按鈕，實現(xiàn)矢量線條的繪制。然后，通過路徑調(diào)板上的“ 填充路徑”按鈕，為路徑填充上顏色。最終實現(xiàn)矢量圖形的繪制。使用這種方法制作出的Logo圖標(biāo)，具有任意放大不失真的優(yōu)點。

1.2 網(wǎng)頁頂部圖片制作

網(wǎng)頁頂部圖片一般位于網(wǎng)頁的頂端，同時包含了網(wǎng)站Logo圖標(biāo)和網(wǎng)站名稱等重要信息。此圖片的制作工作，在網(wǎng)頁設(shè)計中占有舉足輕重的地位。

在Photoshop環(huán)境下，先把網(wǎng)站Logo圖標(biāo)的圖像復(fù)制到頂部圖片文件中，并將其調(diào)至背景層上方；然后，在圖層調(diào)板上按“添加圖層蒙版”按鈕，為該層添加圖層蒙版；再利用畫筆或漸變工具在圖層蒙版上處理，使兩層圖片實現(xiàn)“無縫”銜接。最后利用文字工具添加網(wǎng)站標(biāo)題；將文件保存成JPG文件完成頂部圖片制作的同時，將文件另存為PSD文件，保留各圖層的圖層信息，以便將來對頂部圖片的再編輯。

1.3 網(wǎng)頁背景圖片的制作

網(wǎng)頁背景圖片是網(wǎng)頁制作過程中不可缺少的基本元素之一，是網(wǎng)頁美工的基礎(chǔ)。

GIF和JPEG是網(wǎng)頁制作中最常見的兩種圖像文件格式。在Photoshop環(huán)境下，可通過“圖像/模式/...”命令，將圖像文件轉(zhuǎn)換成相應(yīng)的顏色模式；然后，在保存文件時的“格式”選擇項中，選取相應(yīng)的文件格式進(jìn)行保存，即可實現(xiàn)兩種文件格式間的相互轉(zhuǎn)換。同時，GIF文件還支持圖片背景透明效果。

1.4 網(wǎng)頁中按鈕的制作

按鈕是網(wǎng)頁中經(jīng)常需要使用的素材，漂亮的按鈕必將給網(wǎng)站增添不少色彩，使網(wǎng)頁更加精美，有會隨著鼠標(biāo)的接觸而變色的按鈕，還有立體按鈕、水晶按鈕、發(fā)光按鈕等等。而這些按鈕的制作最常使用的工具是Photoshop。

2 網(wǎng)頁中的動畫制作

在網(wǎng)頁制作過程中，動畫制作和圖片制作占有著同樣重要的地位。精美的動畫不但能美化網(wǎng)頁，而且還可以增加網(wǎng)頁的信息容量。Photoshop所整合的ImageReady軟件包，可以方便地制作出GIF和SWF動畫。其中GIF動畫具有文件體積小、IE支持穩(wěn)定、網(wǎng)絡(luò)傳輸速度快等優(yōu)點，被廣泛應(yīng)用于網(wǎng)頁制作。

這里是一個簡單的動畫制作實例，介紹利用ImageReady來創(chuàng)建動畫的做法。

在ImageReady環(huán)境下打開兩張GIF格式的素材圖片（素材1是睜著眼睛的人物；素材2是閉著眼睛的人物，其它部位完全相同），并通過“窗口/動畫”打開動畫調(diào)板。把素材2文件中的人物圖層，復(fù)制到素材1文件中，并將該圖層命名為“圖層2”；在動畫調(diào)板上點擊“復(fù)制當(dāng)前幀”按鈕，復(fù)制一個動畫幀；在動畫調(diào)板中選中第1幀，在圖層調(diào)板中隱藏“圖層2”的顯示，并在第1幀下方的“選擇幀延遲時間”設(shè)置為“1秒”；然后選擇第2幀，在圖層調(diào)板中將“圖層2”顯示出來；在動畫調(diào)板上，設(shè)置循環(huán)次數(shù)為“一直有效”；點擊動畫調(diào)板上的“播放/停止”按鈕，即可預(yù)覽動畫效果（每隔1秒鐘，人物眨一下眼睛）；最后，執(zhí)行菜單“文件/將優(yōu)化結(jié)果存儲為”命令，打開“將優(yōu)化結(jié)果存儲為”對話框，將“保存類型”設(shè)為“*.gif”，點擊“保存”，即可生成GIF動畫。 利用Photoshop制作SWF動畫，與上述的制作GIF動畫十分相似，僅在保存文件時有所不同。預(yù)覽動畫后，執(zhí)行菜單“文件 /導(dǎo)出/MacromediaRFlashTM SWF”，即可生成SWF動畫。

3 設(shè)計簡單WEB頁面

設(shè)計WEB頁的軟件有很多，但是大部分的專業(yè)設(shè)計師還是喜歡使用Photoshop來進(jìn)行初稿設(shè)計。因為在Photoshop環(huán)境中，進(jìn)行彩色搭配十分方便、直觀，將其用于網(wǎng)頁制作的初稿設(shè)計上是極為合理。

第一步：用Photoshop把整個頁面的大體輪廓設(shè)計出來，可保留各圖層信息，因為在利用切片工具進(jìn)行切割圖片時，可以基于圖層進(jìn)行切割。相應(yīng)的就產(chǎn)生了流行于網(wǎng)絡(luò)的PSD網(wǎng)頁模板，這種網(wǎng)頁模板大多是利用Photoshop來進(jìn)行設(shè)計的。大體輪廓做好之后，利用切片工具和切片選擇工具，對圖像進(jìn)行分割，將文件分割成若干個小的圖片組。切割圖像的原因是在瀏覽器中，一組小幅圖像比單個大幅圖像下載起來要快速得多。運(yùn)行 ImageReady環(huán)境，創(chuàng)建動畫效果，使部分圖像動起來。第二步：創(chuàng)建網(wǎng)站地圖定義交互區(qū)域，以及翻轉(zhuǎn)圖片等。第三步：將文件進(jìn)行優(yōu)化，并存儲為網(wǎng)頁文件格式。

利用Photoshop設(shè)計WEB頁面時，也可以通過第三方的軟件來配合設(shè)計。如常見的網(wǎng)頁制作軟件Dreamweaver、FrontPage等。

4 前景與背景的配合

網(wǎng)頁是一個有機(jī)整體，其前景與背景必須緊密配合，效果才能協(xié)調(diào)美觀。網(wǎng)頁上的圖像都是一個矩型區(qū)域，采用圖案的邊緣部分與背景會有一定的差異，用這樣的廣塊圖置于網(wǎng)頁中，必然形成前景與背景之間的突兀變化，即前景圖好象是打在背景圖上的一塊“補(bǔ)丁”，影響了畫面的整體效果。因此，必須對前景圖的邊緣及圖中的空白部分進(jìn)行相應(yīng)處理，使之與背景融合為一體。用Photoshop處理前景圖時，通常采用透明、羽化及過渡填充等技術(shù)來實現(xiàn)這一目標(biāo)。當(dāng)前景圖色彩要求較低、圖案周圍留白較多時，可選用透明的GIF格式做為圖像應(yīng)用格式，即選取圖像中的有效部分，復(fù)制到一張大小適中的透明背景圖層上，將該圖存成透明底GIF格式文件即可。對圖像色素較多，或邊界與背景差異太大的情況，應(yīng)選用JPEG格式做為圖像最終應(yīng)用格式，在圖像邊緣做適當(dāng)寬度的羽化或者做從前景到背景的過渡填充，從而消除前景與背景之間的突兀變化，形成協(xié)調(diào)的網(wǎng)頁布局。

5 提高網(wǎng)絡(luò)傳輸?shù)男?/p>

制作網(wǎng)頁時，不僅要考慮圖像的藝術(shù)性，也要注意其傳輸效率。圖像做得越大越精細(xì)，則在網(wǎng)絡(luò)上的傳輸時間就越長，從而降低用戶訪問網(wǎng)站的興趣。用Photoshop處理可以提高圖像的傳輸效率：一是采用交錯格式的GIF文件，該類文件不增加圖像的額外尺寸，但在視覺上會有傳輸速度略快的感覺；二是對圖像進(jìn)行減色處理，去除圖像上不必要的顏色，使圖像更為小巧，但這樣做的結(jié)果可能會造成圖像質(zhì)量的下降；三是對圖像進(jìn)行分塊，將一幅大圖像分割成數(shù)塊小圖像，這樣就可以充分利用網(wǎng)絡(luò)帶寬的資源，多幅圖像同時傳送，以提高傳輸效率，這是網(wǎng)絡(luò)上用得較多的方法。

6 結(jié)束語

Photoshop在網(wǎng)頁制作中的應(yīng)用還有很多，如導(dǎo)航欄設(shè)計等方面的內(nèi)容。應(yīng)用Photoshop制作網(wǎng)頁是動手性很強(qiáng)的工作，需要制作人員不斷積累經(jīng)驗，熟練掌握各類技巧，借鑒他人好的做法，這樣才能能博采眾長，不斷提高網(wǎng)頁制作水平。

參考文獻(xiàn)

[1]丁曉燕 Photoshop在網(wǎng)頁制作中的應(yīng)用 《計算機(jī)時代》 200 第8期 - 維普資訊網(wǎng)