第一篇:網(wǎng)頁設(shè)計面試題
網(wǎng)頁設(shè)計面試題
姓名:____________ 應(yīng)聘職位:________ 電話:_________________填寫日期:年月日
1、你認(rèn)為作為網(wǎng)頁設(shè)計人員,下面的哪一個選項你最為看重?
A、設(shè)計創(chuàng)作時的成就感和滿足感B、收入 C、寬松的工作環(huán)境及良好的團(tuán)隊協(xié)作 D、個人事業(yè)發(fā)展
2、你認(rèn)為一個網(wǎng)頁設(shè)計人員,要具備的最重要品質(zhì)是下面哪一個:
A、設(shè)計感覺和天賦B、強(qiáng)烈的責(zé)任心C、與人溝通和理解的能力D、全面的技術(shù)和不斷學(xué)習(xí)能力
3、如果你的工作很有壓力,會出現(xiàn)時常加班的情況,你會如何應(yīng)對:
A、下了班就是我自己的時間了,拒絕加班B、如果公司有要求,會積極配合的C、雖然不太愿意,但是為了把工作做完,只有加班了D、沒什么可抱怨的,喜歡呆在公司的感覺
4、CSS+DIV在網(wǎng)頁設(shè)計的好處?
5、CSS中id和Class如何定義,哪個定義的優(yōu)先級別高?
6、如何指定div元素中樣式類為K1,字體大小為9pt 的css樣式?
7、網(wǎng)頁設(shè)計都用到什么工具,最令你滿意的作品是哪幾個?
8、簡單說明下你的設(shè)計風(fēng)格?
9、用過的瀏覽器?
10、曾用過什么語言編寫程序?用過那種數(shù)據(jù)庫?
11、熟悉行業(yè)門戶網(wǎng)站的設(shè)計嗎?請列出幾個行業(yè)門戶網(wǎng)站?
12、請舉幾個web2.0風(fēng)格的網(wǎng)站例子(中/英文),分別說明其網(wǎng)站構(gòu)架。
13、你覺得你自己有什么優(yōu)點(diǎn)和缺點(diǎn)呢,性格方面有什么特點(diǎn)嗎?
14、你為什么要離開現(xiàn)在的公司?請簡單描述一下你現(xiàn)在的公司情況。
15、請選擇你最快能上班的時間?
A、隨時 B、三天以內(nèi) C、一周以內(nèi) D、半個月以內(nèi)
第二篇:網(wǎng)頁美工面試題
網(wǎng)頁美工面試題
//ps1、PS或者其他圖像軟件做一個漸變按鈕。
2、flash做一個簡單的圖形遮罩效果。
3、用PS或者FW等圖像軟件對網(wǎng)頁設(shè)計平面效果圖進(jìn)行切片布局。//css
1.css 中id和class如何定義,哪個定義的優(yōu)先級別高?
如class定義一個html元素沒有邊框,而id定義這個元素有邊框,結(jié)果呢?
2.如何指定div元素中樣式類為c1,字體大小為9pt 的css樣式?
3、Div圖片垂直居中的方法
4、用li做一個橫向的導(dǎo)航菜單,不少于三個。
5、背景圖像固定屬性。-----------
一、超鏈接訪問過后hover樣式就不出現(xiàn)的問題?
二、IE6的雙倍邊距BUG
三、為什么FF下文本無法撐開容器的高度?
四、為什么web標(biāo)準(zhǔn)中IE無法設(shè)置滾動條顏色了?
五、為什么無法定義1px左右高度的容器?
六、怎么樣才能讓層顯示在FLASH之上呢?
七、怎樣使一個層垂直居中于瀏覽器中?
八、firefox嵌套div標(biāo)簽的居中問題的解決方法
假定有如下情況:
//html
1.用html實(shí)現(xiàn)如下表格(不如嵌套實(shí)用表格)三行三列,其中第一行第一列和第二行第一列合并;第二行第二列和第二行第三列合并(現(xiàn)場畫表)
2.web標(biāo)準(zhǔn)網(wǎng)站有那些優(yōu)點(diǎn)
//js
1.簡述ajax的原理.2.js中如何定義class,如何擴(kuò)展prototype?
3.如何添加html元素的事件,有幾鐘方法
一 軟件應(yīng)用能力(選2題):
1.Ps或者其他圖像處理軟件做一個如圖的漸變按鈕
2.Flash做一個簡單的圖形遮罩效果
3.把網(wǎng)站童車列表頁的結(jié)構(gòu)美感重新設(shè)計
4.用ps或者Fw等圖像處理軟件對一個網(wǎng)頁平面圖做切片(例圖為:)
二 網(wǎng)頁設(shè)計分析能力
1. 購物網(wǎng)站的主色調(diào)應(yīng)該是什么樣色?交友網(wǎng)站?體育網(wǎng)站?軟件網(wǎng)站?年輕的互聯(lián)網(wǎng)?搜索引擎?
2. 一個網(wǎng)站最多有幾種色彩
3. 百度和google,你看哪個覺得更舒服一點(diǎn)?
4. 列出你所知道的幾種圖像格式,并說出它們之間的不同點(diǎn)和大部分的用途
5. 一般網(wǎng)站的版式有哪幾種?
6. 如果背景是黑色,那么字體用什么顏色能突出字體,且不顯得刺眼?
7.在紅色中加入少量的黑色,你覺得應(yīng)該是種什么感覺?
三 網(wǎng)頁制作能力
1. 用table和div分別設(shè)計一個三行三列的網(wǎng)頁(頭部,身體,底部;身體部分為三列)
2. 列出你所用過的Html元素
3. 用li做一個橫向的導(dǎo)航菜單,不少于三個菜單
4.背景的哪個屬性來確定背景圖像是否固定?
四 高級應(yīng)用能力(選做)
1. 用js代碼寫出一個頁面加載后能不斷變換背景的效果
2. 利用DOM知識是列出一個ul中l(wèi)i的總數(shù),li中的內(nèi)容
3. 寫出你會用的兼容個中不同瀏覽器的hack css代碼,如IE7 FF
4. 說出你所知道的web標(biāo)準(zhǔn)方面的知識
5. 高級圖像處理(可網(wǎng)上查詢教程):模仿例圖
6. Form表單的哪個屬性是表單數(shù)據(jù)的傳送方式?
7. /images/123.jpg 與 images/123.jpg,那種寫法是相對根目錄的?
第三篇:網(wǎng)頁設(shè)計師面試題
網(wǎng)頁設(shè)計師面試題
一:填空 共25分
1、目前常用的WEB標(biāo)準(zhǔn)靜態(tài)頁面語言是________。2分
2、改變元素的外邊距用________,改變元素的內(nèi)填充用________。5分
3、在Table中,TR是________,TD是________。2分
4、如果給一行兩列的表格(table)定義高度樣式,在________標(biāo)簽中定義最合理,最能減少代碼的臃腫。3分
5、對ul li的樣式設(shè)成無,應(yīng)該使用什么屬性________。5分
6、在新窗口打開鏈接的方法是________。2分
7、Color:#666666;可縮寫為________。3分
8、合理的頁面布局中常聽過結(jié)構(gòu)與表現(xiàn)分離,那么結(jié)構(gòu)是________,表現(xiàn)是________。3分
二、選擇共20分
1、在下面的 XHTML 中,哪個可以正確地標(biāo)記折行? 5分 A:
B:
2、下列哪些是格式良好的 XHTML? 5分
A:
A short paragraph
B:
A short paragraph
C:
A short paragraph3、在以下的 HTML 中,哪個是正確引用外部樣式表的方法?5分 A:
B: C:
4、在 HTML 文檔中,引用外部樣式表的正確位置是? 5分 A:文檔的末尾 B:文檔的頂部
C:
部分 D: 部分三、問答共20分
1.請寫出超鏈接的順序或者你在初始樣式中的鏈接方法。(要求默認(rèn)無下線,鼠標(biāo)經(jīng)過有下劃線)2分
2、當(dāng)float和margin同時使用時,IE6的雙倍邊距BUG如何解決? 2分
3、Firefox中標(biāo)簽的居中問題的解決方法?2分
4、請以縮寫方法寫出1px直線(實(shí)線)灰色(任意灰色代碼值),上面無邊框的矩形邊框樣式。2分
5.超鏈接訪問過后hover樣式就不出現(xiàn)的問題該如何解決?2分
6.怎么樣才能讓層顯示在FLASH之上呢?2分
7、firefox嵌套div標(biāo)簽時居中問題的解決方法
假定有如下情況:
如果要實(shí)現(xiàn)b在a中居中放置,一般只需用CSS設(shè)置a的text-align屬性為center。這樣的方法在IE里看起來一切 正常;但是在Firefox中b卻會是居左的,請給出你的解決辦法。2分
8、網(wǎng)頁制作中有哪幾種樣式設(shè)置方法?各有何特點(diǎn)?3分
9.列出6-10個會激活js腳本的網(wǎng)頁動作。3分
10.模擬如下場景:公司網(wǎng)站需要在二個月內(nèi)改版完成,你接手這一任務(wù)后每天都在緊張的按計劃進(jìn)行著工作,周五的時候,你的上級告訴你想讓你幫助他設(shè)計一個私人用的博客頁面,中午的時候,企劃中心的經(jīng)理告訴你每周的期刊PSD模板已經(jīng)做了,需要盡快發(fā)布,這個時候你該怎么做?5分
四:上機(jī)操作35分
1.用div設(shè)計一個三行三列的網(wǎng)頁(頭部,身體,底部;身體部分為三列),要求主體寬為1000px,居中對齊,能適應(yīng)1024以上分辨率。5分
2.用li做一個橫向的導(dǎo)航菜單,不少于三個菜單。5分 3:使用二種或二種以上方法制作1px高的直線。5分
4.插入一個層,使其垂直居中于瀏覽器中。10分
5:在網(wǎng)頁中插入一個超鏈接,當(dāng)鼠標(biāo)經(jīng)過超鏈接時(要求去除鏈接的下劃線),顯示對該鏈接的文字說明,當(dāng)鼠標(biāo)移出時,該層消失。5分
第四篇:網(wǎng)頁設(shè)計說明書
網(wǎng) 站 設(shè) 計 說 明 書
一、設(shè)計理念
本網(wǎng)站定位 本身是用于展示個人作品的一個平臺頁面系統(tǒng)。在展示之余也有推銷網(wǎng)站 建設(shè)之功效....頁面主要以 深紅色調(diào)風(fēng)格為主,站點(diǎn)分為有 首頁簡介、關(guān)于我的作品、經(jīng)典作品展示、與我聯(lián)系方式等 各個方面子頁面.本站頁面主要展示的是本人在暑假實(shí)習(xí)公司開發(fā)的一些 作品...整體頁面使用到了 CSS 層樣式技術(shù)。
二、設(shè)計流程
網(wǎng)站主要以自己喜愛的東西而制作,并根據(jù),相應(yīng)要求 到網(wǎng)上尋找相應(yīng)的 圖片素材 以及 應(yīng)用到 PS 圖片設(shè)計結(jié)束.最后 應(yīng)用 HTML 網(wǎng)站設(shè)計技術(shù) 使用 DIV+CSS 進(jìn)行頁面布局的定位設(shè)計.三、使用的工具與技術(shù)
網(wǎng)頁制作工具 : Dreamweaver CS5 多媒體設(shè)計制作工具:Photoshop 應(yīng)用到的設(shè)計技術(shù): HTML、CSS.四、網(wǎng)站設(shè)計說明
網(wǎng)站名稱: 夢幻部落-作品展示廳 整體形象設(shè)計包括標(biāo)準(zhǔn)字、Logo、標(biāo)準(zhǔn)色彩、廣告語等.首頁作為網(wǎng)站的形象頁,作為網(wǎng)站的歡迎頁面,引入的元素大致有網(wǎng)站名稱、LOGO、形象圖片、宣傳文字、欄目導(dǎo)航等要素,是彰顯網(wǎng)站整體風(fēng)格的重要頁面, 并結(jié)合 FLASH 動畫來展示.網(wǎng)站形象頁的設(shè)計突出..展示為主題,通過文字、形象、圖片的巧妙烘托,令頁面富有 層次感,達(dá)到賞心悅目的效果。
五、頁面結(jié)構(gòu)布局
(1)、首頁布局、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 站點(diǎn)介紹 頁面介紹 在線聯(lián)系方式 頁面底部
(2)、站長個人簡介頁面、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 個人簡介 內(nèi)容 更多鏈接 頁面底部
(3)、作品展示頁面、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 作品展示 欄 頁面底部
(4)、聯(lián)系方式頁面、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 聯(lián)系 提交 表單 其他聯(lián)系方式 網(wǎng)站建設(shè) 套餐 頁面底部
第五篇:網(wǎng)頁設(shè)計要點(diǎn)
1、頁面布局的概念包括哪些內(nèi)容?
答:頁面布局的概念包括:頁面尺寸、整體造型、頁眉、文體、頁腳、圖片、多媒體。
2、圖像抖動是什么?
答:圖像抖動偽造了那些在顏色有限的調(diào)色板中不能顯示出來的顏色;在視覺上,近鄰像素傾向于混合而產(chǎn)生在圖像中實(shí)際不存在的顏色,從而達(dá)到一種補(bǔ)償目的?!岸秳印钡膱D像有很多顆粒,顯得圖像非常粗糙。
3、運(yùn)用色塊制作網(wǎng)頁時需要掌握的要點(diǎn)有哪些? 答:(1)冷暖色調(diào)在均勻使用時不宜靠近,如果必須時,應(yīng)當(dāng)使用中間色(白色或黑色分隔過渡,在對稱色塊構(gòu)圖中更應(yīng)該注意。
(2)純度接近同的兩種顏色也不宜放在一起,如亮紅和亮綠。顏色太純,對眼睛有強(qiáng)烈刺激,容易造成眼睛疲勞,應(yīng)降低其中一種顏色的純度,可以選擇在亮色中加入其它顏色用以平衡的方法,如可以使用墨綠配亮紅色,這樣焦點(diǎn)滯留在紅色上,綠色也不會干擾視線。
(3)整個頁面中最好有一個主色調(diào),否則整個頁面就顯得零亂。在制作非對稱色塊網(wǎng)頁和漸變色網(wǎng)頁時,這是一個原則。
4、論述網(wǎng)頁頁面布局的方法有哪些?
答:在進(jìn)行網(wǎng)頁布局時,需要有一片空白的空間供創(chuàng)作人員自由發(fā)揮,主要可以通過兩種工具來進(jìn)行創(chuàng)作,第一種工具是紙,在一張白紙上進(jìn)行布局構(gòu)思;第二種工具是計算機(jī)通過某些軟件來進(jìn)行網(wǎng)頁布局構(gòu)思,如Photoshop
5、試比較GIF格式與JPEG格式的原理與各自適用的范圍。答:有一個非常簡單的原則來判斷應(yīng)該采用哪種文件存儲格式:如果是自己設(shè)計的線條簡單、色彩種類比較少的圖形,或者是制作透明圖形、制作動畫,那么就用GIF格式。因?yàn)镚IF文件能夠做動畫,而且它的壓縮算法是通過精簡色彩集來實(shí)現(xiàn)的;如果需要在網(wǎng)頁上放置一張照片,或者是處理過的照片,那么就使用JPEG文件格式,因?yàn)镴PEG的壓縮算法對包含有復(fù)雜的顏色的圖片很有效。
在GIF格式中最多允許有256色,而JPEG則沒有這個限制,且可以顯示所有的RGB顏色。RGB顏色在一般的個人電腦上可以從000000~FFFFFF,也就是所謂的24位真彩色,它共有256*256*256=16777216種不同的色彩。而GIF的顏色只用8位表示,所以其色彩范圍為00~FF,只能顯示256種顏色。在使用彩色照片時,由于彩色照片屬于連續(xù)色調(diào)的圖像,因此它所包含的顏色數(shù)目一般遠(yuǎn)遠(yuǎn)大于256色。如果把它保存為GIF格式的文件,將不能把這些顏色都顯示出來。GIF的原理是先為所有的顏色建立一個索引,然后選擇其中256種最常見的顏色進(jìn)行顯示,因此GIF用來處理高清晰度照片是不合適的。
如果顏色數(shù)目少于`256色,保存為真彩色的圖像就會造成浪費(fèi),因?yàn)樵诒4鏋檎娌噬獼PEG的過程中,對每一個象素點(diǎn),都要建立顏色信息,這樣就會有大量的顏色信息是重復(fù)的,圖片文件自然就會增大了。而GIF與JPEG不同,如前面所述,他首先在GIF文件頭部建立一個顏色索引表,然后僅僅保存各象素點(diǎn)對應(yīng)的顏色索引號。當(dāng)軟件在顯示這個文件時,首先要對GIF圖像進(jìn)行解碼,就會按照索引號在表中尋找對應(yīng)的顏色。因此在保存簡單顏色的圖像時,GIF大量采用索引,就比JPEG直接存儲各點(diǎn)的顏色信息節(jié)省很多。
6、PHOTOSHOP向量圖的優(yōu)點(diǎn)和缺點(diǎn)有哪些? 答:優(yōu)點(diǎn)主要有:與分辨率無關(guān),用戶可以對圖形進(jìn)行任意放大或縮小,而不會影響它的清晰度和光滑性;便于修改,通過調(diào)整其控制點(diǎn)位置,可輕松修改其形狀。
向量圖的缺點(diǎn)有:不易制作色彩豐富的圖像,而且繪制出來的圖像也很不逼真。
7、網(wǎng)站設(shè)計中應(yīng)注意的幾個方面(通用規(guī)則)
答:網(wǎng)頁設(shè)計需要遵從一定的通用規(guī)則,必須按照一定的規(guī)劃、想法來實(shí)施。網(wǎng)頁設(shè)計的原則不僅體現(xiàn)在網(wǎng)頁的風(fēng)格、層次構(gòu)思和網(wǎng)頁的頁面構(gòu)思中,還包括更多更廣的設(shè)計思想。網(wǎng)頁設(shè)計不應(yīng)該從設(shè)計者本身出發(fā),而必須要從訪問者的角度來思考問題。共有八個問題要注意:(1)網(wǎng)站設(shè)計目的決定設(shè)計方案。在設(shè)計一個網(wǎng)站之前,應(yīng)當(dāng)有一定的目的性。比如制作個人網(wǎng)頁主要是為了宣傳自己或者自娛自樂,而公司的網(wǎng)頁就不僅僅在于宣傳,更多的時候則是提供自己的商務(wù)信息并與客戶進(jìn)行商務(wù)活動,有些商業(yè)網(wǎng)站則提供有特色的服務(wù),比如搜索引擎。因此在網(wǎng)頁的設(shè)計方案中,個人網(wǎng)頁的內(nèi)容往往由與個人有關(guān)的方面組成,包括自我介紹,個人愛好,個人收藏等。
(2)瀏覽者的需求第一位。
(3)頁面的有效性
(4)頁面布局的保持統(tǒng)一性。
頁面布局往往能顯示一個網(wǎng)站的統(tǒng)一性,如使用同樣的背景。
(5)使用表格和適當(dāng)?shù)膸Y(jié)構(gòu)來設(shè)計網(wǎng)頁。
使用表格往往可以合理安排許多網(wǎng)頁元素,實(shí)現(xiàn)圖文混排的效果。
(6)謹(jǐn)慎使用圖片。
(7)平面設(shè)計意識。
(8)減少Java Applet和其它多媒體的使用。
8、論述規(guī)劃目錄結(jié)構(gòu)時應(yīng)當(dāng)遵循的原則 答:(1)不要將所有文件都存放在根目錄下;
(2)按欄目內(nèi)容分別建立子目錄;
(3)在每個主目錄下都建立獨(dú)立的images目錄;
(4)目錄的層次不要太深;
(5)切忌使用中文目錄;
(6)不要使用過長文件名的目錄;
(7)盡量使用意義明確的目錄。
9、商業(yè)站點(diǎn)的風(fēng)格特征有哪些? 答:商業(yè)公司站點(diǎn)由于其目的與個人站點(diǎn)以及非盈利性的組織完全不一樣,因此它的站點(diǎn)風(fēng)格也與其他兩類站點(diǎn)的風(fēng)格完全不一樣。主要體現(xiàn)在以下幾個方面:
(1)公司徽標(biāo)或商標(biāo)應(yīng)當(dāng)出現(xiàn)在頁面最上方,盡可能做到色彩醒目,同時占用版面小。(2)可以采用主題圖形產(chǎn)品廣告來突出公司形象與風(fēng)格。主題圖形或產(chǎn)品廣告應(yīng)精心設(shè)計,給瀏覽者以良好的第一映像。
(3)主要欄目一般采用圖文并茂的超級鏈接實(shí)現(xiàn),要考慮到主要欄目圖片、文字間的色彩配合,同時要和主題圖形相互襯托,主題圖形如果較大,則欄目必須縮小。
(4)不要把主題欄目和次要欄目都顯示在同一個頁面上。可以通過站點(diǎn)組織圖表示網(wǎng)站的結(jié)構(gòu)布局,或者采用Java Script來生成可以展開的“目錄樹”。(5)商業(yè)欄目一般都有固定的欄目頁面,如Support(技術(shù)支持)、Service(服務(wù))、About Us(關(guān)于公司)等。這些欄目不是網(wǎng)站的主要欄目,不需要采用很醒目的方式出現(xiàn),但是它們應(yīng)為于比較方便用戶單擊的位置,可以采用出現(xiàn)在網(wǎng)頁頂端(或者底端)的細(xì)長的導(dǎo)航條的方式。
(6)必須建立站內(nèi)搜索引擎,以方便瀏覽者在站內(nèi)查找所需要的信息。
10、非商業(yè)組織網(wǎng)站的風(fēng)格有哪些? 答:(1)強(qiáng)調(diào)頁面的主色調(diào)。
(2)主題圖形要求反映單位的風(fēng)采,設(shè)計應(yīng)有創(chuàng)意、有內(nèi)涵、莊重中不乏活潑。
(3)超級鏈接的分類一定要清晰,可采用圖形,必要時可建立站內(nèi)搜索引擎。
(4)信息查看板很重要,因?yàn)榉巧虡I(yè)組織的網(wǎng)站更新不如商業(yè)網(wǎng)站頻繁,始終如一的畫面顯得枯燥,所以經(jīng)常去更新信息查看板,將增加訪問者的訪問興趣。放置信息查看板主要方法有兩種方法,一是在主頁直接放置信息查看板,二是當(dāng)頁面上主題圖形小,超級鏈接也不多的情況下不宜把信息查看板放在主頁,可以在主頁上增加一個快速進(jìn)入信息查看板的超級鏈接。
11、簡述站點(diǎn)的層次和典型的站點(diǎn)結(jié)構(gòu)
答:為了合理組織整個站點(diǎn)中的所有內(nèi)容,便于訪問者查找和瀏覽,一般來說站點(diǎn)都把自身的內(nèi)容分為多個層次,每個層次逐漸遞進(jìn),最后達(dá)到最詳細(xì)的內(nèi)容。網(wǎng)站的層次正是指整個站點(diǎn)各個層次之間的結(jié)構(gòu)關(guān)系。大部分網(wǎng)站制作的初學(xué)者不重視這種層次規(guī)劃,以至于網(wǎng)頁風(fēng)格不統(tǒng)一,在網(wǎng)頁導(dǎo)航上也出現(xiàn)了很多問題。按照專業(yè)網(wǎng)頁設(shè)計流程,制作網(wǎng)頁前應(yīng)先設(shè)計好導(dǎo)航條,即需要事先規(guī)劃好網(wǎng)頁的層次結(jié)構(gòu)。
無論是復(fù)雜的商業(yè)網(wǎng)站還是簡單的個人網(wǎng)站,在網(wǎng)頁的層次結(jié)構(gòu)上都存在一些共同點(diǎn),即任何一個網(wǎng)站均可以用三級結(jié)構(gòu)實(shí)現(xiàn),也就是“首頁——欄目頁——文章頁”或“一級頁面——二級頁面——三級頁面”結(jié)構(gòu)。制作好這三級結(jié)構(gòu),就能制作好其他類型的結(jié)構(gòu),因?yàn)槿魏尉W(wǎng)站都是以這三級結(jié)構(gòu)為基礎(chǔ)并在這個基礎(chǔ)上擴(kuò)張,站點(diǎn)的各級結(jié)構(gòu)各有特點(diǎn)。
目前互聯(lián)網(wǎng)上制作首頁大多采用大主題圖形配以少量文字介紹的方法,除了大型的共眾網(wǎng)站外,其他的站點(diǎn)都不必采用制作大量超級鏈接的做法。對于目前的商業(yè)網(wǎng)站和個人網(wǎng)站來說這條原則都是適用的。因此,主頁的制作將主要是主題圖形的制作以及頁面構(gòu)圖
二級頁面是每個欄目的起始頁,該頁面應(yīng)有與該欄目相對應(yīng)的主題圖形,相對于整個網(wǎng)站的主題圖形來說,標(biāo)志要小但必須醒目。當(dāng)用戶進(jìn)入該頁面后,需要設(shè)置通向其它欄目以及返回首條上的明確指示。
三級頁面是文章頁,位于最底層,當(dāng)瀏覽者進(jìn)入欄目后見到的超級鏈接,就是通向大篇幅文本的。由于文章頁本身包含大量文字,圖片不宜安放過多,必要時,可以為文章設(shè)計一些文章主題圖形,但這將服務(wù)器的負(fù)荷更重,一般情況下個人網(wǎng)站應(yīng)避免這樣做,如果個人網(wǎng)站往往把文章標(biāo)題做成各種各樣的美術(shù)字、特效字,結(jié)果將是得不償失。文字可以直接用文本表示,只要色彩、字體搭配得當(dāng),就可以制作出美麗的頁面,應(yīng)把有限的頁面空間留給那些無法用文本表現(xiàn)的裝飾圖片上。
12、論述網(wǎng)頁設(shè)計的通用規(guī)則。
答:網(wǎng)頁設(shè)計需要遵從一定的通用規(guī)則,必須按照一定的規(guī)劃、想法來實(shí)施。網(wǎng)頁設(shè)計的原則不僅體現(xiàn)在網(wǎng)頁的風(fēng)格、層次構(gòu)思和網(wǎng)頁的頁面構(gòu)思中,還包括更多更廣的設(shè)計思想。網(wǎng)頁設(shè)計不應(yīng)該從設(shè)計者本身出發(fā),而必須要從訪問者的角度來思考問題。共有八個問題要注意:(1)網(wǎng)站設(shè)計目的決定設(shè)計方案。在設(shè)計一個網(wǎng)站之前,應(yīng)當(dāng)有一定的目的性。比如制作個人網(wǎng)頁主要是為了宣傳自己或者自娛自樂,而公司的網(wǎng)頁就不僅僅在于宣傳,更多的時候則是提供自己的商務(wù)信息并與客戶進(jìn)行商務(wù)活動,有些商業(yè)網(wǎng)站則提供有特色的服務(wù),比如搜索引擎。因此在網(wǎng)頁的設(shè)計方案中,個人網(wǎng)頁的內(nèi)容往往由與個人有關(guān)的方面組成,包括自我介紹,個人愛好,個人收藏等。
(2)瀏覽者的需求第一位。
(3)頁面的有效性
(4)頁面布局的保持統(tǒng)一性。
頁面布局往往能顯示一個網(wǎng)站的統(tǒng)一性,如使用同樣的背景。
(5)使用表格和適當(dāng)?shù)膸Y(jié)構(gòu)來設(shè)計網(wǎng)頁。
使用表格往往可以合理安排許多網(wǎng)頁元素,實(shí)現(xiàn)圖文混排的效果。
(6)謹(jǐn)慎使用圖片。
(7)平面設(shè)計意識。
(8)減少Java Applet和其它多媒體的使用。
13、簡述商業(yè)網(wǎng)站的風(fēng)格特征。答:商業(yè)公司站點(diǎn)由于其目的與個人站點(diǎn)以及非盈利性的組織完全不一樣,因此它的站點(diǎn)風(fēng)格也與其他兩類站點(diǎn)的風(fēng)格完全不一樣。主要體現(xiàn)在以下幾個方面:
(7)公司徽標(biāo)或商標(biāo)應(yīng)當(dāng)出現(xiàn)在頁面最上方,盡可能做到色彩醒目,同時占用版面小。(8)可以采用主題圖形產(chǎn)品廣告來突出公司形象與風(fēng)格。主題圖形或產(chǎn)品廣告應(yīng)精心設(shè)計,給瀏覽者以良好的第一映像。
(9)主要欄目一般采用圖文并茂的超級鏈接實(shí)現(xiàn),要考慮到主要欄目圖片、文字間的色彩配合,同時要和主題圖形相互襯托,主題圖形如果較大,則欄目必須縮小。(10)不要把主題欄目和次要欄目都顯示在同一個頁面上??梢酝ㄟ^站點(diǎn)組織圖表示網(wǎng)站的結(jié)構(gòu)布局,或者采用Java Script來生成可以展開的“目錄樹”。(11)商業(yè)欄目一般都有固定的欄目頁面,如Support(技術(shù)支持)、Service(服務(wù))、About Us(關(guān)于公司)等。這些欄目不是網(wǎng)站的主要欄目,不需要采用很醒目的方式出現(xiàn),但是它們應(yīng)為于比較方便用戶單擊的位置,可以采用出現(xiàn)在網(wǎng)頁頂端(或者底端)的細(xì)長的導(dǎo)航條的方式。
(12)必須建立站內(nèi)搜索引擎,以方便瀏覽者在站內(nèi)查找所需要的信息。
14、什么是網(wǎng)站目錄?簡述網(wǎng)站目錄結(jié)構(gòu)組織建設(shè)的原則。答:網(wǎng)站的目錄是指你建立網(wǎng)站時創(chuàng)建的目錄。目錄結(jié)構(gòu)規(guī)劃是否合理對于站點(diǎn)本身的上傳維護(hù)、站點(diǎn)內(nèi)容未來的擴(kuò)充和移植有著重要的影響。規(guī)劃目錄結(jié)構(gòu)時應(yīng)當(dāng)遵循的幾個原則:(1)不要將所有文件都存放在根目錄下;(2)按欄目內(nèi)容分別建立子目錄;
(3)在每個主目錄下都建立獨(dú)立的images目錄;(4)目錄的層次不要太深;(5)切忌使用中文目錄;
(6)不要使用過長文件名的目錄;(7)盡量使用意義明確的目錄。
15、個人網(wǎng)站的基本風(fēng)格是什么?
答:個人站點(diǎn)的作用主要在于展示個人的風(fēng)采和興趣愛好,站點(diǎn)的風(fēng)格隨各人的愛好、習(xí)慣而不同,并無定式。但是總的來說個人網(wǎng)站的基本風(fēng)格在布局上是有區(qū)別的,尤其反映在主頁上。
(1)主題圖形網(wǎng)站最顯著的標(biāo)志是主頁有一個醒目的圖形,該圖形很大程度上反映了網(wǎng)頁作者希望自己的網(wǎng)頁具有的一種意境:或沉靜或活潑,采用冷或暖色調(diào)。主題圖形可以是制作的圖形,也可以采用個人照片。主題圖形式網(wǎng)站的另一個特點(diǎn)是主頁上的超級鏈接不多,而且很少出現(xiàn)大段的文本,只有當(dāng)瀏覽者進(jìn)入下一級頁面時,才能看到詳細(xì)文本信息。這類網(wǎng)站體現(xiàn)了作者較好的藝術(shù)修養(yǎng),傾向于個性展示。但是由于主題圖形增加了網(wǎng)頁的體積大小,所以不應(yīng)再出現(xiàn)大段的文本,否則網(wǎng)頁訪問速度就會變慢。
(2)信息發(fā)布式個人網(wǎng)站則主要看中網(wǎng)站的信息量,這類網(wǎng)站都發(fā)布大量的信息,其作者較熱衷于貢獻(xiàn)信息。為便于瀏覽者訪問,網(wǎng)站的主頁就出現(xiàn)大量的信息,更新信息較多,然后另辟欄目介紹其他信息。網(wǎng)站主題圖形基本上采用類似廣告條的樣式,往往被放置在網(wǎng)頁最上方,其布局類似各公司的徽標(biāo),目的在于提醒瀏覽者所處的位置,便于迅速切換欄目。信息式網(wǎng)站以提供大量信息為目的,應(yīng)避免一切華而不實(shí)的設(shè)計。
信息式網(wǎng)站學(xué)習(xí)了如新浪、263等綜合類門戶站點(diǎn)的布局,這些綜合類網(wǎng)站要求主頁面盡可能提供豐富的信息量,通過主頁就可以完成許多信息搜索任務(wù),查找信息簡單方便。因此,這些網(wǎng)站主頁鏈接相當(dāng)繁多,還有各種免費(fèi)郵件入口、會員登記入口、搜索引擎入口等,紛繁而有序。
(3)還有一種是介于上述兩種類型之間的網(wǎng)站。這種網(wǎng)站既想突出個人形象,又想發(fā)布大量信息,組織形式不鮮明。初學(xué)者應(yīng)注重一定要讓自己的網(wǎng)站簡潔,這樣便于作者控制網(wǎng)頁上的元素。網(wǎng)頁元素包括圖形、圖像、文字、超級鏈接、表格等由作者在網(wǎng)頁上建立的對象。
個人網(wǎng)站具體采用哪種風(fēng)格形式,應(yīng)當(dāng)按照需要決定。如果只為介紹個人及其愛好,其他要加入的資料不多,就可以采用主題圖形式,這種情況下需要掌握一些圖像處理的特殊技能。如果想開設(shè)軟件下載、音樂下載、文學(xué)作品大全等,對展示個性并不熱衷,采用信息式站點(diǎn)模式比較方便。信息式網(wǎng)頁有一個特點(diǎn)是欄目間的網(wǎng)頁結(jié)構(gòu)相似,可以建立起以一個網(wǎng)頁為基準(zhǔn)的模板,從而能夠快速建立其他網(wǎng)頁,這使得管理起站點(diǎn)更為省時、省力。
16、論述建立網(wǎng)站的鏈接結(jié)構(gòu)有哪幾種形式和各自的優(yōu)缺點(diǎn)。
答:網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu),它建立在目錄結(jié)構(gòu)基礎(chǔ)之上,但可以跨越目錄。形象的說:每個頁面都是一個固定點(diǎn),鏈接則是在兩個固定點(diǎn)之間的連線。一個點(diǎn)可以和一個點(diǎn)連接,也可以和多個點(diǎn)連接。更重要的是,這些點(diǎn)并不是分布在一個平面上,而是存在與一個立體的空間中。研究網(wǎng)站的鏈接結(jié)構(gòu)的根本目的在于:用最少的鏈接,使得瀏覽最有效率。
一般地,建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式:(1)樹形鏈接結(jié)構(gòu)方式(一對一)
類似DOS的目錄結(jié)構(gòu),首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。立體結(jié)構(gòu)看起來就像蒲公英。這樣的鏈接結(jié)構(gòu)瀏覽時,一級級進(jìn)入,一級級退出。優(yōu)點(diǎn)是條理清晰,訪問者明確知道自己在什么位置,不會“迷”路。缺點(diǎn)是瀏覽效率低,要進(jìn)行欄目跳轉(zhuǎn)時,必須繞經(jīng)首頁。
(2)星形鏈接結(jié)構(gòu)(一對多)
類似互聯(lián)網(wǎng)結(jié)構(gòu),每個頁面相互之間都建立鏈接。立體結(jié)構(gòu)像東方明珠電視塔上的鋼球。這種連接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便,隨時可以到達(dá)自己喜歡的頁面。缺點(diǎn)是鏈接太多,容易使瀏覽者迷路,搞不清自己在什么位置,看了多少內(nèi)容。
這兩種基本結(jié)構(gòu)都只是理論上的方式,在實(shí)際的網(wǎng)站設(shè)計中,總是將這兩種結(jié)構(gòu)混合起來使用。我們希望瀏覽者即可以方便快速的達(dá)到自己需要的頁面,又可以清晰的知道自己的位置。所以,最好的辦法是首頁和一級頁面之間用星形鏈接結(jié)構(gòu),一級和二級頁面之間用樹形鏈接結(jié)構(gòu)。
17、簡述非商業(yè)組織的網(wǎng)站風(fēng)格。答:(1)強(qiáng)調(diào)頁面的主色調(diào)。
(2)主題圖形要求反映單位的風(fēng)采,設(shè)計應(yīng)有創(chuàng)意、有內(nèi)涵、莊重中不乏活潑。
(3)超級鏈接的分類一定要清晰,可采用圖形,必要時可建立站內(nèi)搜索引擎。
(4)信息查看板很重要,因?yàn)榉巧虡I(yè)組織的網(wǎng)站更新不如商業(yè)網(wǎng)站頻繁,始終如一的畫面顯得枯燥,所以經(jīng)常去更新信息查看板,將增加訪問者的訪問興趣。放置信息查看板主要方法有兩種方法,一是在主頁直接放置信息查看板,二是當(dāng)頁面上主題圖形小,超級鏈接也不多的情況下不宜把信息查看板放在主頁,可以在主頁上增加一個快速進(jìn)入信息查看板的超級鏈接。
18、論述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時應(yīng)當(dāng)遵循的的原則。答:規(guī)劃目錄結(jié)構(gòu)時應(yīng)當(dāng)遵循的幾個原則:(1)不要將所有文件都存放在根目錄下;(2)按欄目內(nèi)容分別建立子目錄;
(3)在每個主目錄下都建立獨(dú)立的images目錄;(4)目錄的層次不要太深;(5)切忌使用中文目錄;
(6)不要使用過長文件名的目錄;(7)盡量使用意義明確的目錄。