當前位置:首頁 » 網頁前端 » 傳智播客網頁設計答題腳本
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

傳智播客網頁設計答題腳本

發布時間: 2023-02-11 00:04:12

❶ 什麼是網路的腳本,學起來好學嗎

ASP編程入門進階(三):接觸腳本程序
有了前面的html中關於form的強化知識,是不是在想,下面就可以開始ASP之旅呢?未必。
一般系統學過ASP的編程人員都會切身體會到:在系統學習ASP的內置對象和內置組件之前,學會腳本語言永遠是至關重要的。
為什麼這么說呢?為什麼要學腳本語言呢?ASP和腳本語言又有什麼關系呢?
首先說說ASP是貴為何物吧。ASP是Microsoft Active Server Pages的簡稱,它是一種伺服器端腳本環境,可用來創建互動式 Web 頁並建立強大的 Web 應用程序。可以表明ASP是一種基於伺服器端的腳本環境,那就明白ASP為什麼需要IIS支持了,因為IIS即為常用的一類web伺服器;那也就明白為什麼要學腳本語言了,因為ASP提供的是一種腳本環境。

再次需要說明的是,ASP只是一種環境,而非一種語言。如果真要形象化地說是ASP是網路編程語言的話,那也是屬於一個html+腳本+asp提供的內置對象及組件的功能強大的混合語言。

所以,學點腳本非常重要!其實無論是學腳本語言,還是其它語言,我認為首先需要了解的是該語言涵蓋的各類特性,包括:數據類型、事件、方法、 對象、屬性、語法等當然這都是些空談,正如在大學課堂上的某計算機語言課一樣,搞純研究性的就是覺得有些索而無味。還是實用些的好,能解決問題的程序才是好程序(印證能逮到老鼠的貓就是好貓的經典聖語,呵呵)。

當然,語言這東西還是要你去好好鑽研的,比如你寫求絕對值的程序,其實一個abs()函數就搞定了。再比如你會vb腳本,但把同樣程序替換成java腳本就會出錯,它們的數據類型不同,語句語法也不一樣啊。正如說中文和外文一樣,要會發音標(數據類型),會如何發音(方法),如何說成一句話(語法)……呵呵,有點讓你難受吧。行!直接了當。你以後需要注意的是語言的函數、語法。當然也不是讓你全看,按照教程中的遇到一個掌握一個。教程學完,差不多也結束了。呵呵,你要相信我。

目前有兩種主要的腳本語言:VbScript和javascript。因為VbScript作為IIS默認的伺服器腳本,所以我們所談所學的基本是圍繞VbScript為腳本的ASP的,當然也不排除有的時候使用javascript.

舉一個很簡單的例子:

<script language="vbscript">
<!--
sub button1_onclick
msgbox (" 歡迎使用vbscript! " )
end sub
-->
</script>

<script language="javascript">
<!--
function b213()
{
alert("歡迎使用javascript!")

}
-->
</script>
<form>
<input type="button" name="button1" value="vbs"><br>
<input type="button" name="button2" value="js" onclick="b213()">
</form>

vbscript中的Sub 就是一個事件過程。過程名包含兩部分:一部分為按鈕名,即 Button1(從 < INPUT > 標記中的 NAME 屬性獲取);另一部分為事件名,即 OnClick。兩部分由下劃線 (_) 連接。單擊按鈕時,Internet Explorer 查找並運行相應的事件過程,即 Button1_OnClick,而MsgBox 就是一個函數,對於它更具體的參數,你就好好看下了。

一時來勁,可能大家都看到網上有種狂惡心的對話框組,原理是什麼呢?請看:

<script language="vbscript">
msgbox"你知道你會點確定的。。。。。。。"
msgbox"不點也要點。。。。。。。。"
msgbox"沒辦法是吧。。。。。。。。。。?"
msgbox"要不網頁打不開啊。。。。。。"
msgbox"這招損人吧。。。。。。。。。"
msgbox"真想揍揍站長。。。。。。。。。"
</script>
其實站長用這些玩弄別人的時候,先玩弄了自己:因為這都是他想出來的啊:)
呵呵,我沒有損大家的意思,只是為了學習。
在來個開頁和退頁彈出對話框的原理吧!

<script language="vbscript">
<!--
sub window_onload()
msgbox"welcome you!"
end sub
sub window_onunload()
msgbox"see you late!"
end sub
-->
</script>
開頁顯示「welcome you!」,關頁顯示「see you late!」

以上只是一個顯示對話框msgbox,當然還有書寫對話框inputbox也順便看下吧。

<script language="vbscript">
<!--
dim strname
strname=inputbox("enter your name please:","enter your name","cnbruce")
document.write(strname&",welcome you!<p>")
-->
</script>
有關inputbox的想關參數也去看看吧。
再來看看幾個實用的函數:
len():返回字元串長度或者變數的位元組長度。
lef():截取一個字元串的前部分內容。
right():截取一個字元串的後部分內容。

text="1234567890abcdefgh"
i=10

lentext=len(text)
lefttext=left(text,i)
righttext=right(text,i)

alert ("文本長度是:"&lentext)
alert ("文本左取"&i&" 得的是:"&lefttext)
alert ("文本右取"&i&" 得的是:"&righttext)
</script>

根據這幾個,經常看到的長文章後面加「......」的情況就是如下:

<script language=vbs>
text="123 4567 8fds90 abcde fghxcfv"
i=10
if len(text)>i then '如果文本長度大於給定的值
text=left(text,i) '則提取前段的i位的字元串
alert (text&"...")
else
alert (text)
end if
</script>
還有個比較重要的函數replace()
在字元串中查找,替代指定的字元串。
replace(strtobesearched,strsearchfor,strreplacewith)
strtobesearched是字元串; strsearchfor是被查找的子字元串;strreplacewith 是用來替代的子字元串。
下面的一個就是很有用的文字轉換程序。

<script language=vbs>
text="媽的,我靠"

text=replace(text,"媽的","MD")
text=replace(text,"靠","KAO")
alert (text&"...")

</script>

這些都是比較現實較好玩的些,玩中學習也不錯:)但畢竟我們是要編程的,說到編寫程序,我知道程序結構可以分:
1、順序結構:就是最普通的,從上往下,從左往右執行的程序。
2、選擇結構:給你兩個條件,要不這樣(if ... then),要不那樣(else),任君選擇:)
3、循環結構:給你一個最大發揮的空間,在不超出這個范圍內進行活動(循環),否則自動退出(跳出循環)。
再復雜的程序也無非是由這三種結構綜合嵌套運用過來的,你說是吧。

順序結構沒多少要說,因為程序執行基本都是這方向。
來看看選擇結構,當然選擇結構也可以嵌套。

<body>
hello,
<script language="vbscript">
<!--
dim thishour
thishour=hour(time)
if thishour<=12 then
document.bgcolor="red"
document.fgcolor="black"
document.write("上午好!")
else
if thishour<=18 then
document.bgcolor="blue"
document.fgcolor="white"
document.write("下午好!")
else
document.bgcolor="green"
document.fgcolor="yellow"
document.write("晚上好!")
end if
end if
-->
</script>
本頁的作用是根據不同時間顯示不同顏色和歡迎信息。
</body>
以上程序很簡單吧,只要能認識英文就會懂程序(我是這么理解的:)
先把現在的小時提交出來:hour(time);
然後和12比較判斷,如果<=12,肯定是上午了,否則就是下午和晚上;
否則裡面繼續條件判斷,如果時間再<=18的話,那肯定就是下午了;
最後,不用說,瞎子猜猜也知道是晚上了:)

有關上一程序中的document.bgcolor就是文檔的背景色,document.fgcolor就是文檔的前景色(文字色),下一程序是動態改變背景顏色的。

<script language="vbscript">
<!--
sub setbgcolor(bcolor)
document.bgcolor=bcolor
end sub
-->
</script>
<form>
<input type="radio" name="color" onclick=setbgcolor("red")>red<br>
<input type="radio" name="color" onclick=setbgcolor("green")>green<br>
<input type="radio" name="color" onclick=setbgcolor("blue")>blue<br>
<input type="radio" name="color" onclick=setbgcolor("yellow")>yellow<br>
<input type="radio" name="color" onclick=setbgcolor("gray")>gray<br>
</form>
有關條件選擇結構的嵌套再show出一個表單檢測的程序。

<html><head><title>abc</title>
<script language="vbscript">
<!--
sub btnsubmit_onclick
if form1.name.value<>"" then
if form1.addr.value<>"" then
if form1.email.value<>"" then
if instr(form1.email.value,"@")<>0 and instr(form1.email.value,".")<>0 then
form1.submit
else
alert"email error!"
end if
else
alert "enter your email!"
form1.elements("email").focus
end if
else
alert "enter your address!"
form1.elements("addr").focus
end if
else
msgbox "enter your name please!"
form1.elements("name").focus
end if
end sub
-->
</script>
</head>
<body>
<form name="form1" method=post action="bug.html">
your name:<input type="text" name="name"><br>
your addr:<input type="text" name="addr"><br>
your email:<input type="text" name="email"><br>
<input type="button" name="btnsubmit" value="submit">
</form>
</body>
</html>
程序是給出來了,但看起來比較難懂,有時程序執行時間也比較重要,所以得精簡程序代碼。
正所謂:寫程序容易,寫經典程序難啊,那上面的程序還可以換種思維方式。改用javascript(註:學的是編程思想,不要太過計較腳本類型)。

<html><head><title>abc</title>
<script language="javascript">
<!--
function form1_onsubmit()
{
if (document.form1.name.value=="")
{
alert("請設定您的登陸名。")
document.form1.name.focus()
return false
}
else if(document.form1.addr.value=="")
{
alert("請填寫您的地址。")
document.form1.addr.focus()
return false
}
else if(document.form1.email.value=="")
{
alert("請填寫您的E-Mail地址。")
document.form1.email.focus()
return false
}
}
-->
</script>
</head>
<body>
<form name="form1" onsubmit="return form1_onsubmit()">
your name:<input type="text" name="name"><br>
your addr:<input type="text" name="addr"><br>
your email:<input type="text" name="email"><br>
<input type="submit" name="submit" value="submit">
</form>
</body>
</html>
最後來看下循環結構吧:1到500可不是一個一個寫出來的。

<script language=vbs>
for i= 1 to 500
document.write(i&"<br>")
next
</script>
當然循環不只可以用for,還可以用do while...loop等。
反正程序這東西是代替我們少做了許多重復單一無聊的事——只要你合理利用程序。

應該有些成就吧,學語言,學編程就是學語法語義,學編程架構思想。
當然這要你有扎實的本語言的基礎,基礎是什麼?你知道哪些函數嗎?你知道怎麼用程序怎麼判斷偶數嗎(包含了運算)?你知道如何進行表單檢測嗎?你知道哪三種程序架構嗎?

函數參看: http://www.cnbruce.com/blog/showlog.asp?cat_id=26&log_id=245

呵呵,把以上的程序吃透,最好再多看看腳本參考手冊,跟我就可以開始ASP的上路了。

(九五電腦 95dn.com)
參考資料:http://www.95dn.com/search.jsp?keyword=%BD%C5%B1%BE&wd=&site=&query1=1&Submit=%B8%F8%CE%D2%CB%D1

❷ 什麼叫做腳本如何使用腳本再如如何製作腳本

腳本英文為Script。實際上腳本就是程序,一般都是有應用程序提供的編程語言。應用程序包括瀏覽器(javascript、VBScript)、多媒體創作工具,應用程序的宏和創作系統的批處理語言也可以歸入腳本之類。
腳本(Script),就是含有bind和alias等命令的集合,你可以把這個集合存為一個獨立的文件然後在需要的時候執行,這樣就可以方便你在CS中的使用。
腳本文件同其他的區別

腳本同我們平時使用的VB、C語言的區別主要是:
1、腳本語法比較簡單,比較容易掌握;
2、腳本與應用程序密切相關,所以包括相對應用程序自身的功能;
3、腳本一般不具備通用性,所能處理的問題范圍有限。

腳本是批處理文件的延伸,是一種純文本保存的程序,一般來說的計算機腳本程序是確定的一系列控制計算機進行運算操作動作的組合,在其中可以實現一定的邏輯分支等。
腳本程序相對一般程序開發來說比較接近自然語言,可以不經編譯而是解釋執行,利於快速開發或一些輕量的控制。
現在的腳本語言是比較多的,一般的腳本語言的執行只同具體的解釋執行器有關,所以只要系統上有相應語言的解釋程序就可以做到跨平台。
腳本存檔

腳本可以存為後綴名為.cfg的文件放在cstrike文件夾下,執行時在控制台輸入:exec(腳本文件名).cfg即可。比如將一個腳本存為buys.cfg文件,則在控制台中輸入:execbuys.cfg則可以實現我們所需要的功能。要實現一個命令只要把這一過程定義(alias)好,並且分配一個鍵位給這個命令,以後只要按分配好的鍵位,就可以實現這一過程。所有的腳本都是通過這一方法實現的。

❸ 求ui設計視頻教程百度網盤

【java教程網】網頁與UI設計從入門到精通視頻教程網路網盤免費資源在線學習

鏈接: https://pan..com/s/1anyUt83DerC3GhLMcBdNJw

提取碼: 3zdp

【java教程網】網頁與UI設計從入門到精通視頻教程 網頁設計教程-04-網頁設計流程-傳智播客設計學院-網頁設計視頻教程.zip 網頁設計教程-03-網頁設計流程-傳智播客設計學院-網頁設計視頻教程.zip 網頁設計教程-02色彩基礎-傳智播客設計學院-網頁設計視頻教程.zip 網頁設計教程-01網頁設計基礎-傳智播客設計學院-網頁設計視頻教程.zip UI設計視頻教程-03-XBOX播放器製作-傳智播客設計學院-UI設計視頻教程.zip UI設計視頻教程-02-XBOX播放器-傳智播客設計學院-UI設計視頻教程.zip UI設計視頻教程-01矢量圖標-傳智播客設計學院-UI設計視頻教程.zip

Photoshop視頻教程-05(定義畫筆、顏色減淡)-傳智播客設計學院-PS視頻教程.zip Photoshop視頻教程-04(形狀、鋼筆、鼠繪基礎)-傳智播客設計學院-PS視頻教程.zip Photoshop視頻教程-03(漸變、高級自由變換)--傳智播客設計學院-PS視頻教程.zip Photoshop視頻教程-02(定義圖案、套索摳圖)--傳智播客設計學院-PS視頻教程.zip Photoshop視頻教程-01(選區、移動、變形)-傳智播客設計學院-PS視頻教程.zip Java學習交流社區 - java源碼-java視頻教程-盡在JAVA教程網.htm

❹ 傳智播客播放器怎麼用

安裝上就可以使用了。

傳智播客播放器是專門用於播放傳智播客教學視頻的一款播放器,傳智播客專注Java培訓,Android培訓,安卓培訓,PHP培訓,C++培訓,iOS培訓,網頁設計培訓,平面設計培訓,UI設計培訓等。

❺ 面試網頁設計有哪些問題

一、網頁設計面試的經典問題及答題思路:
問題一:「請你自我介紹一下」
思路:
1、這是面試的必考題目。
2、介紹內容要與個人簡歷相一致。
3、表述方式上盡量口語化。
4、要切中要害,不談無關、無用的內容。
5、條理要清晰,層次要分明。
6、事先最好以文字的形式寫好背熟。
回答要點:用10秒鍾簡單說說個人資料即可。用一分半鍾左右時間介紹你以前從事的工作,和所獲得的經驗。再用一分鍾左右時間描述你以前的工作經驗對應聘的這份職位來說有那些幫助。
問題二:「談談你的家庭情況」
思路:
1、況對於了解應聘者的性格、觀念、心態等有一定的作用,這是招聘單位問該問題的主要原因。
2、簡單地羅列家庭人。
3、宜強調溫馨和睦的家庭氛圍。
4、宜強調父母對自己教育的重視。
5、宜強調各位家庭成員的良好狀況。
6、宜強調家庭成員對自己工作的支持。
7、宜強調自己對家庭的責任感。
問題三:「你有什麼業余愛好?」
思路:
1、業余愛好能在一定程度上反映應聘者的性格、觀念、心態,這是招聘單位問該問題的主要原因。
2、最好不要說自己沒有業余愛好。
3、不要說自己有那些庸俗的、令人感覺不好的愛好。
4、最好不要說自己僅限於讀書、聽音樂、上網,否則可能令面試官懷疑應聘者性格孤僻。
5、最好能有一些戶外的業余愛好來「點綴」你的形象。
問題四:「你最崇拜誰?」
思路:
1、最崇拜的人能在一定程度上反映應聘者的性格、觀念、心態,這是面試官問該問題的主要原因。
2、不宜說自己誰都不崇拜。
3、不宜說崇拜自己。
4、不宜說崇拜一個虛幻的、或是不知名的人。
5、不宜說崇拜一個明顯具有負面形象的人。
6、所崇拜的人人最好與自己所應聘的工作能「搭」上關系。
7、最好說出自己所崇拜的人的哪些品質、哪些思想感染著自己、鼓舞著自己。
問題五:「你的座右銘是什麼?」
思路:
1、座右銘能在一定程度上反映應聘者的性格、觀念、心態,這是面試官問這個問題的主要原因。
2、不宜說那些醫引起不好聯想的座右銘。
3、不宜說那些太抽象的座右銘。
4、不宜說太長的座右銘。
5、座右銘最好能反映出自己某種優秀品質。
6、參考答案——「只為成功找方法,不為失敗找借口」
二、面試的注意事項:
(1)一旦和用人單位約好面試時間後,一定要提前5-10分鍾到達面試地點,以表示求職者的誠意,給對方以信任 感,同時也可調整自己的心態,作一些簡單的儀表准備,以免倉促上陣,手忙腳亂。為了做到這一點,一定要牢 記面試的時間地點,有條件的同學最好能提前去一趟,以免因一時找不到地方或途中延誤而遲到。如果遲到了, 肯定會給招聘者留下不好的印象,甚至會喪失面試的機會。
(2) 進入面試場合時不要緊張。如門關著,應先敲門,得到允許後再進去。開關門動作要輕,以從容、自然為 好。見面時要向招聘者主動打招呼問好致意,稱呼應當得體。在用人單位沒有請你坐下時,切勿急於落座。用人 單位請你坐下時,應道聲「謝謝」。坐下後保持良好體態,切忌大大咧咧,左顧右盼,滿不在乎,以免引起反感 。離去時應詢問「還有什麼要問的嗎」,得到允許後應微笑起立,道謝並說「再見」。
(3) 對用人單位的 問題要逐一回答。對方給你介紹情況時,要認真聆聽。為了表示你已聽懂並感興趣,可以在適當的時候點頭或 適當提問、答話。回答主試者的問題,口齒要清晰,聲音要適度,答話要簡練、完整。一般情況下不要打斷用人 單位的問話或搶問搶答,否則會給人急躁、魯莽、不禮貌的印象。問話完畢,聽不懂時可要求重復。當不能回答 某一問題時,應如實告訴用人單位,含糊其辭和胡吹亂侃會導致面試失敗。對重復的問題也要有耐心,不要表現 出不耐煩。
(4) 在整個面試過程中,在保持舉止文雅大方,談吐謙虛謹慎,態度積極熱情。如果用人單位有兩位以上主試 人時,回答誰的問題,你的目光就應注視誰,並應適時地環顧其他主試人以表示你對他們的尊重。談話時,眼睛 要適時地注意對方,不要東張西望,顯得漫不經心,也不要眼皮低望,顯得缺乏自信,激動地與用人單位爭辯某 個問題也是不明智的舉動,冷靜地保持不卑不亢的風度是有益的。有的用人單位專門提一些無理的問題試探你的 反應,如果處理不好,容易亂了分寸,面試的效果顯然不會理想。

❻ 傳智播客在電腦端登錄進行答題考試老師是否會知道

電腦版不會被監控,只有手機端會被監控,如果老師設有視頻監考,都會選擇讓學生用手機作答,老師後台都有顯示。

❼ 在網頁中,怎麼用腳本

腳本通常可以由應用程序臨時調用並執行。各類腳本被廣泛地應用於網頁設計中,因為腳本不僅可以減小網頁的規模和提高網頁瀏覽速度,而且可以豐富網頁的表現,如動畫、聲音等。

當點擊網頁上的Email地址時能自動調用Outlook Express或Foxmail這類郵箱軟體,就是通過腳本功能來實現的。也正因為腳本的這些特點,往往被一些別有用心的人所利用。

例如在腳本中加入一些破壞計算機系統的命令,這樣當用戶瀏覽網頁時,一旦調用這類腳本,便會使用戶的系統受到攻擊。所以用戶應根據對所訪問網頁的信任程度選擇安全等級,特別是對於那些本身內容就非法的網頁,更不要輕易允許使用腳本。

通過「安全設置」對話框,選擇「腳本」選項下的各種設置就可以輕松實現對腳本的禁用和啟用。



(7)傳智播客網頁設計答題腳本擴展閱讀

網頁中的嵌入式腳本語言。熟知的HTML(Hyper Text Mark-up Language)即超文本標記語言,就是一種腳本語言,它的解釋器就是瀏覽器。

JavaScript直到現在仍然是網頁瀏覽器內的主要編程語言,它的ECMAScript標准化保證了它成為流行的通用嵌入式腳本語言。

另外,隨著動態網頁技術發展,ASP、JSP、PHP等嵌入網頁的腳本語言正被廣泛使用,不過這些腳本要通過Web Server解釋,而Html則被瀏覽器執行。

❽ 面試網頁設計有哪些問題

網頁設計在企業中做什麼?

網頁設計可以說是每個網站的必備職位,因此職位需求也非常巨大。現在的大部分公司也越來越重視用戶體驗,包括騰訊、淘寶等互聯網公司都設置了專門的UED (user experience design用戶體驗設計)部門。而且現有的行情,做互聯網方面的設計則最吃香,大部分這類專業的同學在畢業前都會關注諸如網頁設計、游戲設計等新媒體設計領域。

網頁設計是一個站點的「門面」,好的設計師可以很好的提升互聯網公司的網站形象。一般企業招聘網頁設計師的要求一般包括以下幾種:會設計效果圖,會製作網頁,最好還能會點Flash,要是還能做點前端JavaScript、Dom、Jquery,那就完美了。

問題一、不經思索 答非所問

常見指數:★★★★

考官問:你熟悉Photoshop還是Fireworks,會用Flash和jQuery嗎,CSS程度怎麼樣?

應聘者:啊,Photoshop就是PS吧,這個我……會……一點,後面什麼F什麼J,是什麼東西?

考官說:雖然這些東西並不需要全會,但至少你要知道它們的名字和用途吧。

在面試中的一大忌諱,就是反問考官問題。對於一般的設計師來說,往往需要會做頁面並製作成HTML即可,但是在實際工作當中,往往會需要有一定的Flash廣告等應用,而公司不可能為了製作一個廣告banner而招聘一個專門的人員。所以如果應聘人員懂得一定的Flash等技能,也是很有幫助的。

隨著WEB2.0的運用,大量的交互功能出現在現有的網頁中,如不需要刷新就能實現數據自動推送的功能,往往需要用到jQuery等JavaScript框架,這往往就需要網頁設計師對相關知識有所涉及。

需要注意的是,大部分公司中網頁設計人員都需要與程序員直接打交道,所以了解一定的程序方面的知識,會對應聘成功有很大的幫助。

問題二、偷梁換柱 冒名頂替

常見指數:★★★★★

考官問:我看了你帶來的設計圖,確實很不錯啊,就是跟某某國外大師的設計作品很像,難道你也喜歡這種歐美的設計風格嗎?

應聘者:(滴汗中……)是……是的,我也很喜歡這種風格,所以經常有臨摹類似的作品。

考官說:招聘了很多人,這種情況也遇到很多次了。

如果你應聘的是設計,不要直接拿國外經典設計作品湊數。而且,就是拿別人的作品也找點小眾的,如果你拿網上下爛了的模板當你的設計作品,請不要忘記,這個頁面是個設計師都見過吧…… 多麼尷尬…… 如果你是模仿設計,那麼你的注意本地化,就是結合中文的特點…… 好網頁的結構和色彩、風格你可以借鑒,如果是連文字、Logo你都抄了,那還能體現你作為設計師的價值嗎?簡直是自我羞辱 【如果你應聘的是網頁製作為主的職位,那還湊合,因為招聘方主要看的不是設計了,是看你的Div製作的水平,看你代碼的質量和和製作的速度…..】

一個網頁的形成,通常是由「產品原型」—「設計效果圖」—「HTML頁面」的過程演變的,通常產品原型就是一個網頁的草圖,往往由產品經理通過專門的工具來設計,當然一般的線框圖也可以滿足原型的需求,但是也有很多公司漏掉了產品原型,而直接進行頁面設計了。

效果圖的設計,是網頁設計師最核心的工作。除了對頁面風格進行搭配、選用適合的配色、製作圖標和處理圖片等,都屬於效果圖設計的范疇。不僅包含了排版等技能,網頁設計師最重要的還得有較好的審美水平,能夠製作出適合的效果圖。

問題三、不懂變通 無法適應

常見指數:★★★★

考官問:請你對我們公司的網站頁面進行一個大體的設計。

應聘者:大刀闊斧地勾勒出自己心目中最完美網頁的樣子。

考官說:我的是新聞網站,為何把它設計成SNS了?

其實應聘網頁設計往往都是有一定的模式可循的,下面就介紹幾個常見的布局,面試前一定要將它們牢記於心。

企業站點經典布局

對於企業站點來說,最常用的就是如圖所示的布局格式,這樣的布局方法簡單而明了,結構清晰易讀,可以滿足一般企業對網站的信息介紹、產品展示等需求。該風格的特點在於網頁以頭尾、左右的方式劃分,頭部往往放置網站LOGO信息,而尾部則是站點的介紹等基本內容,右側主要體現主體內容。這種結構基本可以滿足大部分網站的排版需求,也是目前大部分網站普遍採用的形式,基本上可以「一招鮮吃遍天」。

新聞站點經典布局

新聞站點的特性就是信息量大,並且包含了多種不同的元素,要將文字、圖片和視頻等內容融合為一個整體,確實需要有較強的整體把握能力。附圖是網易新聞的首頁模板,突出了頭條新聞和幻燈片新聞。而藍色的模板風格也適合大部分文章類型的站點。

對於內容較多的網站來說,就需要通過多欄劃分的方式將內容有機的排列組合,這樣就可以採用左中右的三欄結構。中間突出主要內容,兩側進行補充。目前大部分內容量較大的網站首頁都是採用類似的模式。

問題四、吹牛吹上天

常見指數:★★★★

考官問:你認為你勝任這個崗位最大的優勢是什麼?

應聘者:我有XX證書、對XXX了解比較深刻……

考官說:我不看文憑看實力,證書不能證明什麼。

網頁設計師與其他的職業有一個最大的區別,就是有實際的作品可以用來體現自己的設計水平。而其他職業往往很難直接對能力進行展示,所以網頁設計可以說是相對沒有學歷和資歷門檻的職業。

此外,前幾年還能夠採用表格的方式進行頁面製作,而近年來幾乎DIV+CSS的排版方式成為了標配,所有網站都開始採用這種方式來製作網頁,而對於網頁設計師來說,當然就需要有DIV+CSS的布局能力。

在很多大型公司,設計頁面和切圖製作網頁往往會由不同的人執行。但是對於中小型公司來說,通常是一個設計師就需要包攬從設計到切圖製作成HTML頁面的完整流程。即使是在大公司,網頁UI設計師如果懂Div+css輸出,在設計的時候就考慮到如何輸出,如何復用圖片,如何重復,如何拼貼,如何自適應,哪些必須留活字不能在ps里加效果,配合後台動態輸出,設計出來的產品才有可能精緻……平面設計直接轉網頁設計的, 雖然同樣是做設計,但是經常會有製作人員這樣的抱怨,這個頁面我沒法輸出,這得用多少大圖呀,哎~ …

網頁UI設計師如果懂Div+css輸出,別人跟你解釋的時候,你能夠很快理解對方的需求,快速無障礙溝通。如果你不懂div , 後台的程序員搭檔跟你解釋,溝通的時候,他說的需求你聽不明白,你的搭檔就會有擀麵棍兒吹火的感覺(或者叫對牛彈琴的感覺),對你的評價可想而知。

考官說:用作品體現實力

網頁設計這一職位的面試相對簡單,因為通常只需要應聘者的作品,就可以看出是否能勝任工作,所以在應聘之前一定要整理好自己拿手的頁面設計作品。通常選用3張~6張包含首頁和其他頁面的設計圖即可。由於大部分招聘郵箱默認不接收附件,可以採用直接貼網址的方式來展示作品。

不過需要提醒的是,作品最好是要用自己的,使用他人的作品來充數,雖然這種方式對面試成功有顯著的助推效果,但如果你沒有認真做過自己的作品,你的能力是不能到位的,工作後就會暴露出問題,常見的操作不熟練,或者一個簡單問題把你給卡主了,實際能力和作品相差太遠,後果往往是比較嚴重的。

面試小貼士:注重個人形象

你到一個單位去應聘求職,給人的第一印象非常重要,所以穿著打扮還是要注意的。有的男同學為了給人好的印象,常常花大價錢買了一套西服西褲,其實這種方式大可不必。因為你就是一個初出茅廬的學生,朴實無華才是你最基本的特性,你打扮得太專業就不太像學生了。所以說衣服的穿著最重要的就是干凈整潔,你不能邋裡邋遢的求職應聘,最基本的要求就是長衣、長褲配皮鞋就可以,干凈整潔是必須的。

除了衣服的穿著以外,面部的干凈整潔也非常重要。首先你在應聘以前,首先要對自己的頭發進行修剪。對於男生來說頭發不能擋住額頭,兩側的頭發不能遮住耳朵,後面的頭發不要碰到襯衣的領子。因為太長的頭發容易弄臟白襯衫的衣領。對於女生來說最好是淡妝,給人清新亮麗的感覺,切忌不要濃妝艷抹或者穿著過於時髦【比如薄,透,露,香水撲鼻】,大多數正經人都會對此很反感,如果你喜歡留長發的話,應聘的時候最好把它用卡子或發箍給編起來。另外對於男生來說,把鬍子剃干凈也非常重要。不要以為留鬍子可以給人一種老成持重的感覺,有的時候反而給人家一種蓬頭垢面的感覺。當然啦,如果你真是是特別特別有才,才華出眾…外表就不那麼重要了,呵呵… 但是,干凈整潔還是比較好…..