每個(gè)人都曾試圖在平淡的學(xué)習(xí)、工作和生活中寫一篇文章。寫作是培養(yǎng)人的觀察、聯(lián)想、想象、思維和記憶的重要手段。那么我們該如何寫一篇較為完美的范文呢？這里我整理了一些優(yōu)秀的范文，希望對大家有所幫助，下面我們就來了解一下吧。

網(wǎng)頁設(shè)計(jì)師崗位職責(zé)和要求篇一

尊敬的公司領(lǐng)導(dǎo)：

您好！

我是xx，在這件事情上面我還是向您提出了辭職，在公司做前端工作已經(jīng)有一年的時(shí)間，網(wǎng)頁設(shè)計(jì)是為非常熱衷的一件工作，在工作當(dāng)中我一直都是不斷的通過時(shí)間在學(xué)習(xí)進(jìn)步，我感激公司栽培了我，一年的時(shí)間趨勢不算長，但是對現(xiàn)階段的我每天都是正規(guī)的，處于一個(gè)奮斗的年紀(jì)就應(yīng)該把我好生命的每一天，這次辭職我也是做好了一些心理準(zhǔn)備，或許有一些突然，可這也是我思考良久的決定，我希望我能夠在工作當(dāng)中做好自己的本職工作，能夠把細(xì)節(jié)都落實(shí)到位，但是我感覺自己逐漸的承受不住這份壓力，我不是不喜歡這份工作，做前端工作我時(shí)刻都保持著熱衷，現(xiàn)在我也一直在做好相關(guān)的工作規(guī)劃，可是有些時(shí)候工作及時(shí)有些壓力，我也知道這是我應(yīng)該要去克服，但是逐漸的顯得吃力，所以提出了辭職。

一年來做網(wǎng)頁設(shè)計(jì)工作，其實(shí)我認(rèn)為我個(gè)人的能力是在逐步的上身的，包括在一些專業(yè)知識上面也得到了很多填充，我是喜歡這份工作的，雖然我自己是這么認(rèn)為的，但是在工作的時(shí)候還是會出現(xiàn)問題，讓自己滿意不是重點(diǎn)，讓客戶讓您滿意才是重點(diǎn)，這也就是我的壓力來源，每一次設(shè)計(jì)的出來的網(wǎng)頁似乎都不是很合客戶心意，甚至有的時(shí)候會因此反復(fù)的修改，一開始我并沒有覺得這有什么，可是時(shí)間久了這種壓力就逐漸展現(xiàn)出來，我就開始了慢慢懷疑是不是自己能力問題，總是在工作當(dāng)中做不到讓客戶讓大家滿意，有些時(shí)候很自責(zé)的，但是我還是一直在堅(jiān)持，現(xiàn)在一年的時(shí)間過去了，我還是在想這個(gè)問題，我非常希望能夠得到一個(gè)認(rèn)可，但是壓力也隨之越來越大，有時(shí)候一個(gè)網(wǎng)站就反復(fù)的修改，逐漸的就扛不住了。

現(xiàn)在我很是自責(zé)加不安，工作了這么久的時(shí)間我真的對公司很多不舍，在這個(gè)過程當(dāng)中有著很多不一樣的經(jīng)歷，但是辭職這是我的問題，抗壓能力也是做我們這一行的'壓力，在這一點(diǎn)上面確實(shí)是做的不夠好，所以導(dǎo)致了我現(xiàn)在向您提出辭職，做前端工作讓確實(shí)是非常的充實(shí)，雖然說是有很多壓力，可是在xx這里我確實(shí)是在工作當(dāng)中出了問題，我應(yīng)該要有好的心態(tài)去做好相關(guān)的準(zhǔn)備，不希望再應(yīng)為個(gè)人承受能力不夠而出現(xiàn)這種情況，在我們公司做網(wǎng)頁設(shè)計(jì)工作我很開心，很感激，最后望您批準(zhǔn)。

此致

敬禮！

辭職人：xxx

20xx年x月x日

尊敬的領(lǐng)導(dǎo)：

我很抱歉在公司事務(wù)繁忙之時(shí)辭職。

來公司差不多半年，學(xué)到許多東西，技術(shù)加強(qiáng)了不少，做事速度也提升了許多，這都得感謝公司領(lǐng)導(dǎo)對我的信任。雖然在公司期間我做了許多案例，但自我感覺提高得還是不夠，加上我自己仍有去深造的想法，所以思慮再三還是決定離開公司。

平時(shí)開會我大多緘默不語，不是我不喜歡說話，是我內(nèi)心的想法超出自己口語的控制力，怕說出來拗口。借此書我談一下自己對公司的看法：便宜，優(yōu)質(zhì)，快速，只能選擇兩個(gè)組合，不可能三個(gè)全選。我也強(qiáng)烈建議領(lǐng)導(dǎo)們今后不要用cdr來設(shè)計(jì)web，因?yàn)檫@樣徒添許多麻煩，就算后期加工，看上去web也不怎么干凈了。我認(rèn)為web設(shè)計(jì)最小的要求是干凈利落，至少我向這個(gè)發(fā)展的。價(jià)格是可以被忘記的，但質(zhì)量卻是永存的，經(jīng)典案例可以吸引許多潛在客戶。以前眼睜睜錯(cuò)過一些大單，歸其原因是我們技術(shù)不到，所以，提高自身水平是必須的。

我的辭職暫時(shí)會對公司造成一定的不便，對此我深感歉意，也很遺憾今后再也不能分享你們的酸甜苦辣。

最后，衷心祝各位領(lǐng)導(dǎo)和同事快樂工作每一天，xx有限公司事業(yè)蒸蒸日上！

此致

敬禮！

辭職人：xxx

x年x月x日

尊敬的公司經(jīng)理：

我自xx年來到公司，工作中得到公司和您的培養(yǎng)，個(gè)人得到了很大的成長，公司的文化和環(huán)境也令我工作得非常開心。

現(xiàn)由于個(gè)人原因，我不得不提出辭職，希望能于xx年x月31日正式離職，請公司批準(zhǔn)。并請公司在x月31日前安排好人員接替我的工作，我將盡心交接。下周一我會列出書面交接清單給您。

再次對您x年來的培養(yǎng)和指導(dǎo)表示衷心的感謝。

最后祝您、xx公司及公司的所有同事一切順利。

此致

敬禮！

辭職申請人：

20xx年x月21日

【網(wǎng)頁設(shè)計(jì)師辭職報(bào)告】相關(guān)文章：

1.網(wǎng)頁設(shè)計(jì)師簡歷

2.網(wǎng)頁專業(yè)設(shè)計(jì)師的自我鑒定

3.網(wǎng)頁設(shè)計(jì)師的工作總結(jié)

4.網(wǎng)頁設(shè)計(jì)師自我鑒定

5.網(wǎng)頁設(shè)計(jì)師個(gè)人簡歷

6.網(wǎng)頁設(shè)計(jì)師工作計(jì)劃

7.網(wǎng)頁設(shè)計(jì)師工作總結(jié)

8.網(wǎng)頁設(shè)計(jì)師自我評價(jià)

9.優(yōu)秀網(wǎng)頁設(shè)計(jì)師簡歷

網(wǎng)頁設(shè)計(jì)師崗位職責(zé)和要求篇二

網(wǎng)頁設(shè)計(jì)師

一、單項(xiàng)選擇題

影片頻率最大可以設(shè)置到（）。

a.99b.100c.120d.150

語法由兩部分所組成，其中正確的是（）。

a.標(biāo)簽和屬性b.元素和屬性c.標(biāo)簽和代碼d.代碼和屬性

3.網(wǎng)站分為不同的類型，具有各自的特點(diǎn)，那么百事可樂的網(wǎng)站是屬于（）類型的網(wǎng)站。

a.商業(yè)型b.個(gè)性化型c.清爽型d.傳統(tǒng)型

4.下面對矢量圖和象素圖描述正確的是（）。

a.矢量圖的基本組成單元是象素

b.象素圖的基本組成單元是錨點(diǎn)和路徑c.圖形軟件能夠生成矢量圖

d.在 photoshopcs3 中能夠生成矢量圖

5.在flash cs3中各菜單選項(xiàng)中主要用于對flash動(dòng)畫進(jìn)行播放、控制和測試等操作的是（）。

a.【控制】菜單b.【文本】菜單c.【插入】菜單d.【修改】菜單

6.下列選項(xiàng)中其功能與波紋濾鏡相似的是（）。

a.極坐標(biāo)濾鏡b.擠壓濾鏡c.波浪濾鏡d.水波濾鏡

7.網(wǎng)站分為不同的類型，具有各自的特點(diǎn)，阿里巴巴網(wǎng)站是屬于（）類型的網(wǎng)站。

a.商業(yè)型b.個(gè)性化型c.清爽型d.傳統(tǒng)型

8.在dream weaver cs3中下面文件類型不可以進(jìn)行編輯的是（）。

a.插入文件b.文本文件c.腳本文件d.樣式文件

9.幀頻在flash中用來衡量動(dòng)畫播放的速度，通常以（）播放的幀數(shù)為單位。

a.每秒b.每分c.每小時(shí)d.第30秒

10.當(dāng)指定某個(gè)色階作為閾值時(shí)，所有比閾值亮的像素轉(zhuǎn)換為（）。

a.白色b.黑色c.灰色d.都對

11.一個(gè)圖像最多可有（）個(gè)通道。

a.56b.76c.80d.97

12.下列說法是錯(cuò)誤的是（）。

a.活潑風(fēng)格的網(wǎng)站以白色或明度較高的顏色為主色

b.同系色是指具有相近色名的顏色，如藍(lán)、天藍(lán)、水藍(lán)、深藍(lán)等

c.動(dòng)畫都是由一幀幀的動(dòng)態(tài)圖片在短時(shí)間內(nèi)連續(xù)播放而形成的視覺效果

d.三原色分為兩類，一類是色光三原色，另一類是顏料三原色

13.在photoshopcs3中，如果刪除選區(qū)是無效操作命令，其原因在于將背景圖層轉(zhuǎn)化為（）。

a.空白圖層b.一般圖層c.新建圖層d.合并圖層

14.默認(rèn)的暫存盤是如何排列的（）。

shop可創(chuàng)建任意多的暫存磁盤

b.暫存磁盤創(chuàng)建在啟動(dòng)磁盤上

c.暫存磁盤創(chuàng)建在任何第二個(gè)磁盤上d.沒有暫存磁盤

15.在flashcs3中，在一個(gè)包含多個(gè)圖層的圖像中，當(dāng)正在顯示的圖層內(nèi)容不同時(shí)，在（）中顯示的內(nèi)容也將不同。

a.“通道”面板b.“顏色”面板c.“文檔”面板d.“圖層”面板

16.在flashcs3中，新建的圖層一般是在圖層控制面板的（）。

a.最下面b.中間c.最上面d.全并一起

17.（）濾鏡主要用來將紋理添加到圖像上，通常用于獲得3d效果，還可用于創(chuàng)建美術(shù)或手繪外觀。

a.模糊濾鏡b.渲染濾鏡c.“素描”濾鏡d.紋理濾鏡

18.在photoshop cs3中使用“解凍蒙版工具”的作用是（）。

a.可以解除使用凍結(jié)工具所凍結(jié)的區(qū)域去除蒙版，使其還原為可編輯狀態(tài)

b.可以查看未完全顯示出來的圖像c.可以凍結(jié)圖像

d.在預(yù)覽圖像中單擊或拖移即可放大圖像

19.在photoshop cs3中在“顏色”下拉列表中“高級”的意思是（）。

a.用來調(diào)節(jié)實(shí)例的紅色、綠色、藍(lán)色和透明度b.用來調(diào)節(jié)實(shí)例的透明度

c.用于調(diào)整實(shí)例的明暗對比度d.用相同的色相為實(shí)例著色

20.下面（）選擇工具主要用于選擇邊界為直線、邊界復(fù)雜的多邊形的圖案。

a.多邊形工具b.磁性套索c.套索工具d.魔棒工具

21.在建立模板的過程中，命名可編輯區(qū)域或鎖定區(qū)域時(shí)能使用的符號有（）。

a.單引號b.雙引號c.尖括號d.頓號

22.在dreamweaver cs3中，還提供了多種上下文菜單，在窗口中某處（），即可顯示上下文菜單。

a.右擊b.左擊c.雙擊d.都可以

23.將一幅彩色圖像的飽和度降為（），則圖像成為灰色，增加飽和度實(shí)際就是增加圖像的鮮艷程度。

a.0b.0.01c.1d.0.524.“角度”的作用是控制動(dòng)感模糊方向，而距離的作用是設(shè)置像素移動(dòng)距離，其取值范圍是（），值越大模糊效果就越明顯。

a.1～999像素b.1～1000像素c.1～1200像素d.1～500像素

25.在flashcs3中，彈出當(dāng)前文件的專用庫，除了選擇窗口庫菜單項(xiàng)外，還可使用（）快捷鍵。

+ t+ + + a

二、多項(xiàng)選擇題

網(wǎng)站是一個(gè)很大的類別，包括很多分支，下列屬于主要分支的是（）。

綜合類d.廣告類

27.圖層的種類包括（）。

a.背景圖層b.普通圖層c.調(diào)整圖層d.效果圖層

28.下列說法中，正確的是（）。

a.顏色通道是在打開新圖像時(shí)自動(dòng)創(chuàng)建的通道

b.專色通道主要是用于保存專色信息的通道

c.可使用段落文字以水平或垂直方式控制字符流的邊界

d.色相最基本的代表色是紅（r）、黃（y）、綠（g）、青（b）、紫（p）五種

29.框架集是 html 文件，包括（）內(nèi)容。

a.框架的數(shù)目b.框架大小c.框架位置d.框架的構(gòu)造

30.下列選項(xiàng)中表示正確的是（）。

（代表從事信息服務(wù)業(yè)的實(shí)體）

（代表從事個(gè)人活動(dòng)的個(gè)體、發(fā)布個(gè)人信息）

（代表企業(yè)和公司）

（代表從事與web相關(guān)業(yè)務(wù)的實(shí)體）

31.下列關(guān)于庫項(xiàng)目的說法正確的是（）。

a.庫項(xiàng)目可以看成是網(wǎng)頁上能夠被重復(fù)使用的“零件”

b.利用庫項(xiàng)目同樣可以實(shí)現(xiàn)對文檔風(fēng)格的維護(hù)

c.在不同文檔中放入相同的庫項(xiàng)目時(shí)，可以得到完全一致的效果

d.不可以將多個(gè)文檔內(nèi)容的組合定義成庫項(xiàng)目

32.下列選項(xiàng)中說法正確的是（）。

格式圖像的色彩明亮、且色調(diào)簡單，支持背景透明并且可以包含動(dòng)態(tài)信息，通常用于制作logo、banner等

b.網(wǎng)頁中使用文本通常是先輸入標(biāo)題文本，再輸入相關(guān)文本信息，最后給文本添加相應(yīng)的鏈接

c.在網(wǎng)頁中用的音樂文件的格式為mid和mp3

d.動(dòng)畫是在網(wǎng)站建設(shè)過程中用到最多的多媒體文件

33.十二色相環(huán)是由（）組合而成。

a.原色b.二次色c.三次色d.四次色

34.在dream weaver cs3中表格的作用是有很多，下列選項(xiàng)中屬于其作用的是（）。

a.精確定位網(wǎng)頁上文本b.排列圖層c.排列數(shù)據(jù)d.布局網(wǎng)頁

35.公用庫是flash cs3自帶的一個(gè)素材庫，主要包括（）3種。

a.學(xué)習(xí)交互b.按鈕c.類d.幀頻

36.下列選項(xiàng)中說法正確的是（）。

a.行為由事件和動(dòng)作兩部分組成b.在行為面板中，通過指定一個(gè)動(dòng)作并指定觸發(fā)該動(dòng)作的事件，可將行為添加到web頁面中

c.如果針對同一個(gè)事件列有多個(gè)動(dòng)作，則會按在列表中出現(xiàn)的順序執(zhí)行這些動(dòng)作

d.行為是為響應(yīng)某一事件（event）而采取一個(gè)動(dòng)作（action）的過程

hop cs3的路徑編輯工具有（）2種形式。

a.路徑選擇工具b.間接選擇工具c.線段選擇工具d.直接選擇工具

38.下列選項(xiàng)中關(guān)于html語法的說法正確的是（）。

a.在head標(biāo)簽中，只能有一個(gè)代表文件標(biāo)題的title標(biāo)簽

b.屬性要在開始標(biāo)簽中指定，用來表示該標(biāo)簽的性質(zhì)和特性

語法由標(biāo)簽（tags）和屬性（attributes）所組成d.在html文檔中無法用多個(gè)回車、空格、tab鍵來調(diào)整文檔段落的格式

39.在photoshop cs3中，當(dāng)用戶在單擊確定第二個(gè)錨點(diǎn)時(shí)，按住shift鍵，即可繪制（）的直線路徑。

a.水平b.垂直c.45度角d.平行

40.下列選項(xiàng)中說法正確的是（）。

a.色相之間的關(guān)系不可以用色相環(huán)表示

b.任何色彩都有飽和度和透明度的屬性

c.高明度給人明快優(yōu)質(zhì)感覺，低明度給人樸素、豐富、低沉感覺

d.一種純度很高的色加入白色或黑色，純度就會增加

三、判斷題(本大題共10小題，每小題1分，共10分)

41.框架集是 html 文件，它定義一組框架的布局和屬性，包括框架的數(shù)目、框架大小和位置以及在每個(gè)框架中初始顯示的頁面url。（）

42.可以將cmyk的色彩模式直接用于網(wǎng)頁出版。（）

43.“素描”濾鏡主要用來將紋理添加到圖像上，通常用于獲得3d效果，還可用于創(chuàng)建美術(shù)或手繪外觀。（）

44.搜索引擎推廣是指利用搜索引擎、分類目錄等具有在線檢索信息功能的網(wǎng)絡(luò)工具進(jìn)行網(wǎng)站推廣的方法。（）

45.圖層鏈接不能使不同圖層中圖形之間的相對位置固定。（）

（）

四、簡答題

46.對于房地產(chǎn)開發(fā)商來講，創(chuàng)建一個(gè)成功的房地產(chǎn)網(wǎng)站要注意哪些方面？

47.網(wǎng)頁設(shè)計(jì)過程中的色彩搭配的原理是什么？

五、操作題

48.采用dreanweaver cs3創(chuàng)建一個(gè)站點(diǎn)、創(chuàng)建web頁，要求除主頁外應(yīng)有其它網(wǎng)頁，網(wǎng)頁內(nèi)容健康、主題突出、風(fēng)格鮮明、構(gòu)思新穎、界面美觀、層次清楚、色彩協(xié)調(diào)，具有一定的藝術(shù)性和趣味性。（題材不限，本題不提供素材。）

1、網(wǎng)頁中創(chuàng)建超級鏈接，使用書簽，要求插入圖片、聲音、影像、動(dòng)畫等多媒體對象，在圖片中設(shè)置超鏈接和熱點(diǎn)。

2、使用按鈕和輪廓顯屏，在頁中自動(dòng)插入時(shí)間和日期。

3、創(chuàng)建表單，提交表單結(jié)果，使網(wǎng)頁具有一定的交互性。

網(wǎng)頁設(shè)計(jì)師崗位職責(zé)和要求篇三

網(wǎng)頁設(shè)計(jì)師是指精通photoshop，corldraw,frontpage,dreamweaver等多項(xiàng)網(wǎng)頁設(shè)計(jì)工具的網(wǎng)頁設(shè)計(jì)人員。網(wǎng)頁設(shè)計(jì)師可以將平面設(shè)計(jì)中的審美觀點(diǎn)套用到網(wǎng)站設(shè)計(jì)上面來(其區(qū)別是動(dòng)態(tài)網(wǎng)頁的制作是平面設(shè)計(jì)不能達(dá)到的，它是一種審美方式的延伸)。網(wǎng)頁如門面，小到個(gè)人主頁，大到大公司、大的政府部門以及國際組織等在網(wǎng)絡(luò)上無不以網(wǎng)頁作為自己的門面。當(dāng)點(diǎn)擊到網(wǎng)站時(shí)，首先映入眼簾的是該網(wǎng)頁的界面設(shè)計(jì)，如內(nèi)容的介紹、按鈕的擺放、文字的組合、色彩的應(yīng)用、使用的引導(dǎo)等等。這一切都是網(wǎng)頁設(shè)計(jì)的范疇，都是網(wǎng)頁設(shè)計(jì)師的工作。

職業(yè)概述

網(wǎng)頁設(shè)計(jì)師就是為網(wǎng)站頁面進(jìn)行設(shè)計(jì)并制作的工作人員，他們即是專業(yè)的設(shè)計(jì)師，又是靜態(tài)網(wǎng)站的開發(fā)工程師；總的來說網(wǎng)頁設(shè)計(jì)師是最辛苦的行業(yè)，不僅要懂頁面的設(shè)計(jì)、規(guī)化、排版、html代碼、flash動(dòng)畫甚至還要多懂一些代碼，必須是個(gè)全能人才，特別是現(xiàn)在從2008年以后，w3c的推進(jìn)，對網(wǎng)頁設(shè)計(jì)師的標(biāo)準(zhǔn)也是越來越高，越來越精確；

平面設(shè)計(jì)師一向認(rèn)為他們才是設(shè)計(jì)的正房。別的都是姨太太。實(shí)際上并非如此，平面設(shè)計(jì)是最基礎(chǔ)且又非常簡單的設(shè)計(jì)工作，因?yàn)槠矫嬖O(shè)計(jì)做不到細(xì)，做不到精；他們只在乎大局，顏色搭配好，主體看上去可以就行，如果你觀察一些平面設(shè)計(jì)師的作品，大概看上去很唯美，但是你要是把圖放大或者更認(rèn)真仔細(xì)的觀察他們的作品，會發(fā)現(xiàn)很多紕漏，這對于一個(gè)真正的網(wǎng)頁設(shè)計(jì)師來說，作品中是很難找到像平面設(shè)計(jì)一樣的問題；目前除了房地產(chǎn)行業(yè)之外，一般平面設(shè)計(jì)師的薪水都在網(wǎng)頁設(shè)計(jì)師之下，這個(gè)到許多公司都是可以考證的；雖然都是設(shè)計(jì)師，但平面設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)又是兩個(gè)不同的領(lǐng)域，平面設(shè)計(jì)在色彩領(lǐng)域方面相對要專業(yè)一些，這是他們工作職責(zé)的所在，因?yàn)樗麄儽仨毎炎约涸O(shè)計(jì)的作品拿去噴繪出來，張貼在各種公共場所；但不管怎么說，自己水平達(dá)不到標(biāo)準(zhǔn)，再好的行業(yè)、再好的工作都會拋棄你的，所以網(wǎng)頁設(shè)計(jì)師們，今后你們要更加努力！特別是一些剛畢業(yè)一兩年的菜鳥連平面設(shè)計(jì)都不會，直接進(jìn)入網(wǎng)頁設(shè)計(jì)這個(gè)行業(yè)，就需要比任何人都要更加努力和學(xué)習(xí)；沒有驚人的作品出來，證明你永遠(yuǎn)都是一個(gè)菜鳥網(wǎng)頁設(shè)計(jì)師，甚至連網(wǎng)頁設(shè)計(jì)師都稱不上，還處在平面設(shè)計(jì)最基礎(chǔ)的階段；我以前上班的某個(gè)公司，當(dāng)時(shí)我的設(shè)計(jì)水平也就是一年多的經(jīng)驗(yàn)，而公司做廣告dm部的平面設(shè)計(jì)師已經(jīng)有多年的經(jīng)驗(yàn)，可以說是資深平面設(shè)計(jì)，薪水拿的比我們要多一大半，由于公司經(jīng)營問題，后來把他們調(diào)入我們部門，給客戶做網(wǎng)頁設(shè)計(jì)，他們的平面設(shè)計(jì)作品那是一個(gè)超贊，可設(shè)計(jì)出的網(wǎng)頁作品還不如一個(gè)從培訓(xùn)班出來的學(xué)生；做了半個(gè)月由于壓力大，全部自己申請辭職了；這就是區(qū)別；如果是專業(yè)的資深網(wǎng)頁設(shè)計(jì)師做平面設(shè)計(jì)，那是小意思，因?yàn)榫W(wǎng)頁設(shè)計(jì)師已經(jīng)兼任了平面設(shè)計(jì)；

許多所謂的網(wǎng)頁設(shè)計(jì)師，連自己都以為做網(wǎng)頁就是“網(wǎng)頁排版”，其實(shí)并非如此，他們不是真正的或者說稱職的網(wǎng)頁設(shè)計(jì)師。80%的公司招聘網(wǎng)頁設(shè)計(jì)師的要求，幾乎千篇一律地強(qiáng)調(diào)要如何熟練使用“網(wǎng)頁三劍客”。事實(shí)上“網(wǎng)頁三劍客”本身就是個(gè)不負(fù)責(zé)任的稱謂，當(dāng)改成“網(wǎng)頁三劍”才是。因?yàn)檫@些軟件歸根結(jié)底都只是工具而已，而劍客最起碼是人。連兩千多年前的秦始皇帝都知道劍術(shù)的最高境界是“手中無劍，心中也無劍”，而聰明的現(xiàn)代人卻硬是本末倒置，拿來一把“劍”非要稱之為“劍客”，叫人笑掉大牙。

網(wǎng)頁設(shè)計(jì)師從一開始，是互聯(lián)網(wǎng)行業(yè)新的產(chǎn)物，是平面設(shè)計(jì)的延續(xù)或者說是平面設(shè)計(jì)的高層，打個(gè)比喻平面設(shè)計(jì)就是葉問，而網(wǎng)頁設(shè)計(jì)就是李小龍，想練就李小龍的截道拳就必須先練就詠春拳，可葉問雖然是李小龍的師傅，李小龍?jiān)谠伌旱幕A(chǔ)上又創(chuàng)造了截道拳，葉問打不過李小龍，死不服輸，臉上沒光，活了一輩子也算是一代宗師竟然被自己的徒弟打??；看過李小龍傳奇的都知道；網(wǎng)頁設(shè)計(jì)師不僅要比平面設(shè)計(jì)師更懂得專業(yè)的設(shè)計(jì)還要向程序員多學(xué)習(xí)代碼；有時(shí)候他們還必須得搞點(diǎn)動(dòng)畫，比如flash、js、css等。但可憐的是，平面設(shè)計(jì)師覺得他們是在侮辱設(shè)計(jì)，這就是我剛才講的那個(gè)小故事，平面設(shè)計(jì)師就是自欺欺人，懂行的是不敢亂說話的；與程序員相比，除了不懂

專業(yè)技術(shù)性的開發(fā)，就向往網(wǎng)頁代碼標(biāo)準(zhǔn)方面發(fā)展和學(xué)習(xí)；但對于動(dòng)畫設(shè)計(jì)師來說，網(wǎng)頁設(shè)計(jì)師懂的是基礎(chǔ)，畢竟玩的不是一個(gè)軟件，可網(wǎng)頁設(shè)計(jì)師一樣牛，因?yàn)榭梢詰?yīng)用css和js搭配直接很簡單的做出flash的動(dòng)畫效果，很不錯(cuò)的哦。不管怎么說，一個(gè)人要想成功，特別是網(wǎng)頁設(shè)計(jì)師，一定要不斷的努力學(xué)習(xí)，走出平面設(shè)計(jì)師這個(gè)基礎(chǔ)門檻，向程序和flash動(dòng)畫設(shè)計(jì)師學(xué)習(xí)；

因?yàn)樽饕幻W(wǎng)頁設(shè)計(jì)師需要學(xué)習(xí)的東西太多太多，有時(shí)候不一定具有一定的專業(yè)性，所以名字也有一大堆。什么“網(wǎng)頁設(shè)計(jì)”、“網(wǎng)頁制作”，“網(wǎng)站開發(fā)”，“做網(wǎng)頁的”，“做網(wǎng)站的”，“網(wǎng)站開發(fā)工程師”如此等等?？扇缃駑3c和微軟ie及各個(gè)瀏覽器的推進(jìn)，對網(wǎng)頁設(shè)計(jì)師的要求越來越高，這就使得網(wǎng)頁設(shè)計(jì)師們對設(shè)計(jì)和動(dòng)畫及代碼越來越專業(yè)、標(biāo)準(zhǔn)；如果你是菜鳥你就是平面設(shè)計(jì)+排版，說白了就你是個(gè)用table排版的；如果你越來越專業(yè)，水平越來越標(biāo)準(zhǔn)，那你就是網(wǎng)站開發(fā)工程師，資深網(wǎng)頁設(shè)計(jì)師，高領(lǐng)域的，薪水會比平面設(shè)計(jì)師多出兩倍以上，更接近于flash動(dòng)畫和程序軟件開發(fā)工程師的薪水，如果你遇上這兩個(gè)領(lǐng)域頂尖的專業(yè)師傅，你在他們的面前又會被變成一個(gè)菜鳥，因?yàn)閯e人是專業(yè)代碼，而你是專業(yè)設(shè)計(jì)兼代碼排版；

網(wǎng)頁設(shè)計(jì)應(yīng)該有更多的思索在里面，每一個(gè)元素都是思索的產(chǎn)兒，而不是隨意的點(diǎn)綴。當(dāng)然，感性的爆發(fā)也必不可少，因?yàn)樗撬囆g(shù)，是商業(yè)化了的藝術(shù)、技術(shù)化了的藝術(shù)。如果有客戶認(rèn)定網(wǎng)頁設(shè)計(jì)是一件簡單的不能再簡單的排版，那讓他們?nèi)フ掖蛴〔恳环昼娔芮贸?00個(gè)字的小女孩去做吧。因?yàn)椋覀儯獮榫W(wǎng)頁設(shè)計(jì)師正名！

職能規(guī)劃

信息架構(gòu)

這個(gè)屬于策劃型，一般門戶網(wǎng)站需要，對產(chǎn)品策劃和用戶體驗(yàn)都需要有深入的了解，這個(gè)偏重的是策劃能力，要有良好的邏輯思維，主要的工作任務(wù)是：組織信息 規(guī)劃欄目布局相關(guān)的工作。視覺設(shè)計(jì)

這個(gè)理論上講是屬于藝術(shù)型，其實(shí)名曰商業(yè)藝術(shù)。2者還是不同的，對于網(wǎng)頁設(shè)計(jì)來講這塊需求量是非常大的，現(xiàn)在人們越來越重視美觀，而且要求越來越高。不管是門戶網(wǎng)站，還是企業(yè)網(wǎng)站，flash全站（互動(dòng)設(shè)計(jì)）這個(gè)角色的占有率是很大的。關(guān)于視覺這塊先天性因素占的很多，天生的色彩感覺，創(chuàng)意能力。還要有良好的藝術(shù)修養(yǎng)，入職后還要對商業(yè)有深刻理解，明白商業(yè)設(shè)計(jì)的核心原則，如何將你的個(gè)性和商業(yè)目地完美結(jié)合是最重要的。主要的工作任務(wù)是：設(shè)計(jì)風(fēng)格定位 圖標(biāo)ui界面設(shè)計(jì)。

前端制作

說到這個(gè)職位，市場上逐漸增多。恩，這個(gè)屬于純技術(shù)型。最初級的就是切片和制作html,不要小看這個(gè)，以為這個(gè)沒什么技術(shù)含量，其實(shí)這個(gè)技術(shù)含量也是很高，要符合標(biāo)準(zhǔn)和各個(gè)游覽器的兼容也不是件很容易的事情，一般切片和制作html劃入網(wǎng)頁視覺設(shè)計(jì)師的范疇。應(yīng)該屬于附屬職能，視覺設(shè)計(jì)做到一定的級別，這個(gè)無需理會。具體根據(jù)公司的要求決定。然后高級一點(diǎn)應(yīng)用就是js,ajax??等，主要的工作任務(wù)是：頁面實(shí)現(xiàn) 優(yōu)化）

用戶交互

網(wǎng)頁可以籠統(tǒng)的比喻是，“基于 internet（互聯(lián)網(wǎng)）”比較高級的“平臺傳媒”，網(wǎng)頁是網(wǎng)站架構(gòu)的一部分，網(wǎng)站架構(gòu)有它獨(dú)有的復(fù)雜性，和技術(shù)性，和基于 internet（互聯(lián)網(wǎng)）的良好的擴(kuò)展性，我個(gè)人定義為有“高級”、“中級”、“低級”之分，低級相對來說只是簡單的網(wǎng)頁美工設(shè)計(jì)，動(dòng)畫設(shè)計(jì)，ui設(shè)計(jì)，中級相對來說是比較熟練的網(wǎng)頁美工設(shè)計(jì)和動(dòng)畫設(shè)計(jì)，ui設(shè)計(jì)，和一些樣式優(yōu)化，和腳本擴(kuò)展，高級的相對來說是精通網(wǎng)頁美工設(shè)計(jì)，動(dòng)畫設(shè)計(jì)，前臺ui設(shè)計(jì)，樣式腳本擴(kuò)展，和良好的用戶交互技術(shù)。

“平臺傳媒”既沒有傳媒的廣泛性，又有一定的廣告的特性，特別是網(wǎng)頁上的“平臺傳媒”，和加有 web 通信的優(yōu)勢。

合格的網(wǎng)頁設(shè)計(jì)技術(shù)人員必須要考慮與用戶的交互，才能設(shè)計(jì)出高質(zhì)量的網(wǎng)頁。

就業(yè)職位

網(wǎng)頁設(shè)計(jì)師的就業(yè)職位歸結(jié)有網(wǎng)頁設(shè)計(jì)師、網(wǎng)站美編、企業(yè)網(wǎng)站策劃、網(wǎng)站管理、多媒體界面設(shè)計(jì)。

工作內(nèi)容

⒈負(fù)責(zé)對網(wǎng)站整體表現(xiàn)風(fēng)格的定位，對用戶視覺感受的整體把握；

⒉進(jìn)行網(wǎng)頁的具體設(shè)計(jì)制作；

⒊產(chǎn)品目錄的平面設(shè)計(jì)；

⒋各類活動(dòng)的廣告設(shè)計(jì)；

⒌協(xié)助開發(fā)人員頁面設(shè)計(jì)等工作。

網(wǎng)頁設(shè)計(jì)師9條原則

01 明確內(nèi)容

如果你想成為一個(gè)網(wǎng)站設(shè)計(jì)者，并正想建一個(gè)網(wǎng)站的話，首先應(yīng)該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和你的用戶需要什么。你的整個(gè)設(shè)計(jì)都應(yīng)該圍繞這些方面來進(jìn)行。

02 抓住用戶

如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站，或操作不便捷，網(wǎng)站設(shè)計(jì)就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。

03 優(yōu)化內(nèi)容

內(nèi)容是核心。大約在兩年以前，企業(yè)網(wǎng)站就像一本廣告冊子，更槽糕的是，網(wǎng)站使用了大量的圖片，似乎要幾個(gè)世紀(jì)才能下載完。比如某網(wǎng)站在設(shè)計(jì)的某些方面是成功的，但是內(nèi)容太貪乏，并且要花很長時(shí)間才能找到所要的東西，因此不能算是一個(gè)成功的網(wǎng)站。

04 快速下載

沒有什么比要花很長時(shí)間下載頁面更槽糕的了。作為一條經(jīng)驗(yàn)，一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁應(yīng)不大于60k，通過56k調(diào)制解調(diào)器加載花30秒的時(shí)間。有的設(shè)計(jì)者說網(wǎng)頁加載應(yīng)在15秒內(nèi)。最好符合web標(biāo)準(zhǔn)化用css定位的網(wǎng)站往往比表格定位要少很多代碼。

05 網(wǎng)站升級

時(shí)刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問人數(shù)的增加，可能會運(yùn)行緩慢。但是，如果你不想失去訪問者的話，一定要仔細(xì)計(jì)劃好你的升級計(jì)劃。

06 堅(jiān)持基本原則

即使你不懂html語言，你只需購買一個(gè)有版權(quán)的所見即所得的網(wǎng)頁設(shè)計(jì)工具，如adobe pagemill 或 microsoft frontpage express，當(dāng)然現(xiàn)在則是dreamweaver啦，就可以創(chuàng)建一個(gè)看起來很合理的網(wǎng)站。但是，在設(shè)計(jì)時(shí)，這些軟件包雖然不需要html，卻使網(wǎng)站速度下降。為了成功地設(shè)計(jì)網(wǎng)站，你必須理解html是如何工作的。大多數(shù)的網(wǎng)站設(shè)計(jì)者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)html的書中去尋找答案，用notepad制作網(wǎng)頁。

07 學(xué)習(xí)html

用html設(shè)計(jì)網(wǎng)站，可以控制設(shè)計(jì)的整個(gè)過程。但是，如果你僅僅是網(wǎng)站設(shè)計(jì)的新手，你應(yīng)該尋找一個(gè)允許修改html的軟件包。homesite4是一個(gè)很好的web設(shè)計(jì)工具。在設(shè)計(jì)過程中，homesite4能幫助你學(xué)習(xí)html。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到web之前，預(yù)覽你的網(wǎng)站。html編寫過程中可以大段大段地刪減，這是一特點(diǎn)。

08 用筆畫一個(gè)網(wǎng)站的框架

圣人云：筆比劍更強(qiáng)大。在用計(jì)算機(jī)之前，用筆畫一個(gè)網(wǎng)站的框架，顯示出所有網(wǎng)頁的相互關(guān)系。計(jì)劃好你的用戶如何以最少的時(shí)間瀏覽你的網(wǎng)站。

09 “在計(jì)算機(jī)上永遠(yuǎn)也找不到好的方案”。

網(wǎng)頁設(shè)計(jì)師常用軟件

photoshop、coreldraw、flash、fireworks、dreamweaver、其中photoshop主要是用來進(jìn)行圖像處理的，把渲出來的圖通過ps使其更加具有真實(shí)感。

網(wǎng)頁導(dǎo)航設(shè)計(jì)需注意的事項(xiàng)

一、注意超鏈接顏色與單純敘述文字的顏色呈現(xiàn)

more minimal in its approach.）?？梢赃@類風(fēng)格的網(wǎng)頁想成商業(yè)名片。這些網(wǎng)站將會更像一站式商店，在那里有你和你在各式各樣網(wǎng)站上的作品（比如你的博客和你在各種社 會化媒體上巢穴）。中心思想：單頁布局將會有較多個(gè)人文件和較少的團(tuán)體合作。

6.巨幅圖片

與巨大logo/標(biāo)頭header很接近，所以大幅畫面也做著同樣的事。它創(chuàng)造了難忘的視覺沖擊。不像上文巨大logo所示的那樣，巨幅圖片不是網(wǎng) 站品牌的一部分。相反，訪問者不是因?yàn)閮?nèi)容而是因?yàn)槠娲鬅o比的圖片尺寸吸引進(jìn)入你的網(wǎng)站的。目前網(wǎng)頁設(shè)計(jì)師們會發(fā)現(xiàn)，在他們的設(shè)計(jì)中使用起這些 巨大的表現(xiàn)方式來表達(dá)網(wǎng)站的風(fēng)格，將會更加的舒適愜意。

中心思想：巨幅圖片會被用作吸引游客進(jìn)入你的網(wǎng)站。

7.改變視角

就像我們以前討論過的一樣，桌面視角已經(jīng)重復(fù)到令人發(fā)膩了，2010年將會看到一個(gè)更加貼切實(shí)際的視角，可能會有一個(gè)移動(dòng)的側(cè)視的天線（there may also be a move toward side-shot aerial.）

中心思想：2010年網(wǎng)頁設(shè)計(jì)會出現(xiàn)不同的視角

8.交互式/直觀設(shè)計(jì)

flash動(dòng)畫會有更好的發(fā)展。以前，你訪問網(wǎng)站，你一定會點(diǎn)進(jìn)一些令人厭煩的動(dòng)畫界面?，F(xiàn)在動(dòng)畫會輕松、專業(yè)的多。盡管一些設(shè)計(jì)師更愿意選擇 jquery制作表格和彈出式窗口，但動(dòng)畫在設(shè)計(jì)界仍然占有一席之地，特別是在表現(xiàn)細(xì)節(jié)方面。動(dòng)畫在互動(dòng)上仍然有所欠缺。目前網(wǎng)頁設(shè)計(jì)師將會在動(dòng) 畫的補(bǔ)救元素方面改進(jìn)?，F(xiàn)在普遍的瀏覽者對互聯(lián)網(wǎng)了解得更多更深了，設(shè)計(jì)師會也將會也會創(chuàng)造出比以前更直觀性一點(diǎn)的網(wǎng)站。

中心思想：交互式設(shè)計(jì)會重新流行

9.彈出對話框

彈出對話框這個(gè)趨勢現(xiàn)在正如火如荼地被使用，事實(shí)上目前就會到處可見。彈出對話框就像彈出式窗口的一個(gè)更加老練的長兄，——流暢、美觀、潮流。彈出對話框更容易設(shè)計(jì)和使用使它成為那些為可用性擔(dān)心的設(shè)計(jì)師的完美解決方法。

中心思想：目前設(shè)計(jì)中彈出對話框?qū)^續(xù)流行

10.簡約主義

請忽視學(xué)校極少網(wǎng)頁的網(wǎng)站。目前網(wǎng)頁會繼續(xù)以大片空白和醒目的排版、出人意料的顏色方案為特點(diǎn)。不是所有的簡約網(wǎng)站都同意黑和白的簡單性概念。盡管簡約主義本質(zhì)上是溫和的，但是它也展示鮮艷的顏色。簡約主義不是冷酷的，它是溫暖的，開門見山的。

中心思想：簡約主義將會大膽的用于排版。

11.大尺寸的底部

也許大尺寸的底部已經(jīng)到處都是了，但是目前你會發(fā)現(xiàn)它們甚至?xí)鋸?。未來的底部會減少事先考慮的因素，成為設(shè)計(jì)的主要部分。底部將會尋求詹這些特征：包含隨機(jī)的信息的腳本，比如不同的社會媒體的更新、每日調(diào)查、和flickr等。

中心思想：大尺寸的底部將會以較少重要的信息，較多個(gè)人信息為特點(diǎn)。

12.復(fù)古

復(fù)古設(shè)計(jì)會成為風(fēng)尚，流行起來。雖然很多設(shè)計(jì)的團(tuán)體欽佩復(fù)古的網(wǎng)頁設(shè)計(jì)，但如果沒有留下“已復(fù)原(undone)”的印象就很難完全掌握這種風(fēng)格。復(fù)古的關(guān)鍵是被它的風(fēng)格和潛在的趣味性所啟發(fā)。目前如果設(shè)計(jì)師找到新的使復(fù)古老藝術(shù)榮耀起來的方式，復(fù)古設(shè)計(jì)將會擴(kuò)大使用的范圍。中心思想：復(fù)古是一種新潮。

網(wǎng)頁設(shè)計(jì)師崗位職責(zé)和要求篇四

**公司

網(wǎng)頁前端設(shè)計(jì)師崗位職責(zé)

1.負(fù)責(zé)網(wǎng)站頁面設(shè)計(jì)；

2.優(yōu)化用戶視覺體驗(yàn)及完善頁面設(shè)計(jì)流程；

3.網(wǎng)站基于span+css架構(gòu)的頁面實(shí)現(xiàn)。

崗位要求：

1.具有獨(dú)立工作的能力，高度的工作責(zé)任感,工作認(rèn)真、踏實(shí)、細(xì)心

2.有高品質(zhì)的審美能力和深厚的美術(shù)功底

3.對網(wǎng)頁布局有相當(dāng)?shù)脑O(shè)計(jì)、規(guī)劃能力，能準(zhǔn)確把握網(wǎng)站的整體風(fēng)格和色彩的設(shè)計(jì)

4.精通photoshop、illustrator、flash、dreamweave等網(wǎng)頁設(shè)計(jì)圖形設(shè)計(jì)軟件

5.熟悉span+css網(wǎng)頁布局

6.對網(wǎng)站的易用性、可用性及用戶體驗(yàn)有深刻理解

崗位適應(yīng)期職責(zé)：

1、瀏覽與公司業(yè)務(wù)相關(guān)的行業(yè)網(wǎng)站，了解行業(yè)網(wǎng)站整體的頁面布局，細(xì)節(jié)圖標(biāo)的應(yīng)用。每個(gè)行業(yè)不少于三十個(gè)。半天時(shí)間。

2、學(xué)習(xí)span+css基礎(chǔ)教程，三天時(shí)間掌握基礎(chǔ)知識，第四天進(jìn)行基礎(chǔ)知識的考核。

3、根據(jù)網(wǎng)頁設(shè)計(jì)教程學(xué)習(xí)如何制作網(wǎng)站首頁。兩天時(shí)間后進(jìn)行考核?？己藘?nèi)容為選擇一個(gè)版面，進(jìn)行頁面的編寫。

4、根據(jù)網(wǎng)頁設(shè)計(jì)教程學(xué)習(xí)如何制作網(wǎng)站模版、以及如何套用cms程序代碼。一天時(shí)間后進(jìn)行考核，考核內(nèi)容為為一個(gè)做好的頁面進(jìn)行模版的制作以及cms程序的套用。

5、三次考核全部通過者進(jìn)入試用期，每次考核有一次補(bǔ)考的機(jī)會，補(bǔ)考后不過即為淘汰。

技術(shù)部門的晉升要求：

初級技術(shù)：

會簡單的使用dreamweaver、photoshop、flash等網(wǎng)頁制作相關(guān)軟件，懂基本的html知識，能獨(dú)立的修改html頁面，會用自助建站程序制作網(wǎng)站。

中級技術(shù)：

熟練的使用dreamweaver、photoshop、flash等網(wǎng)頁制作相關(guān)軟件，熟悉html語法，了解span+css，會利用asp、php語言制作動(dòng)態(tài)網(wǎng)站，能獨(dú)立完成整個(gè)網(wǎng)站的制作，包括前臺版面設(shè)計(jì)，前臺頁面制作，嵌套cms程序，圖片處理。

高級技術(shù)：

精通dreamweaver、photoshop、flash等網(wǎng)頁制作相關(guān)軟件，精通span+css，精通asp、php，等語言，并可以對cms程序進(jìn)行二次開發(fā)。