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

篇(1)

關鍵詞：網(wǎng)站；設計分析；制作

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

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

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

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

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

3 網(wǎng)頁制作

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

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

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

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

3.3 運用網(wǎng)頁設計中的色彩

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

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

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

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

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

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

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

5 結語

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

[參考文獻]

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

篇(2)

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

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2015）34-0057-02

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

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

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

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

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

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

2 手機APP的特點

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

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

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

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

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

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

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

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

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

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

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

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

4 結束語

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

參考文獻：

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

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

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

篇(3)

關鍵詞：網(wǎng)頁制作；網(wǎng)頁設計；網(wǎng)頁教學；網(wǎng)頁課程

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

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

一、教學內容與時間的顛覆性調整

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

二、“先整體、后切分、再拼合”的教學內容設計

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

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

篇(4)

【關鍵詞】網(wǎng)頁制作；技術更新；教學模式；課程改革

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

1.教學改革思想探討

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

2.課程改革初步實踐

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

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

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

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

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

2.2.1社交能力

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

2.2.2創(chuàng)新能力

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

2.2.3分析能力

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

2.2.4解決問題能力

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

2.2.5自學能力

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

3.課程改革效果分析

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

4.教學反思以及教學評價

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

5.總結

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

參考文獻：

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

篇(5)

關鍵詞：網(wǎng)頁制作；表現(xiàn)手法；教學方法；教學設計；反思與改進

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

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

一、應用案例教學模式

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

二、如何進行教學設計改進

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

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

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

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

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

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

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

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

參考文獻：

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

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

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

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

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

篇(6)

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

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

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

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

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

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

問題3：應用程序必須能向網(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ā)生了某一事件后，主動去通知應用程序。具體的做法如下：

在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)頁中加入如下代碼，用于向應用程序發(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)頁中的任何事件與應用程序交互都能簡單實現(xiàn)了。

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

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

VB想要在該標簽顯示信息的代碼如下：

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

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

圖

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

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

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

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

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

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

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

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

篇(7)

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

0 引言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 設計簡單WEB頁面

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

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

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

4 前景與背景的配合

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

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

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

6 結束語

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

參考文獻

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