国产丝袜视频一区二区三区大长腿|丁香九月婷婷综合|久久久久久久久大|极品无码人妻视频|青青草中文无码|黄p网站免费观看|欧美性爱精品乱码翘臀|亚洲精品第十一页|91精品久久久久久久久久久久久久|曰曰干夜夜噜

首頁(yè) > 熱門提問(wèn) > 網(wǎng)頁(yè)設(shè)計(jì)制作需要

網(wǎng)頁(yè)設(shè)計(jì)制作需要

提問(wèn)

問(wèn)題
列表

  • PC端UI設(shè)計(jì)尺寸規(guī)范?

    查看答案>>

  • 怎樣在網(wǎng)頁(yè)設(shè)計(jì)中把所需的文字從左到右滾動(dòng)

    查看答案>>

  • 網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)報(bào)告書(shū)

    查看答案>>

  • 制作一個(gè)公司網(wǎng)站需要什么流程?

    查看答案>>

  • 手機(jī)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該注意什么問(wèn)題

    查看答案>>

  • 網(wǎng)頁(yè)設(shè)計(jì)自學(xué)要多久

    查看答案>>

  • 網(wǎng)頁(yè)設(shè)計(jì)需要學(xué)習(xí)拿些課程?

    查看答案>>

  • 要做網(wǎng)頁(yè)設(shè)計(jì)師,編程是不是一定要學(xué)呢?

    查看答案>>

  • 網(wǎng)頁(yè)設(shè)計(jì)采用了哪些主要技術(shù)

    查看答案>>

  • 網(wǎng)頁(yè)設(shè)計(jì)要用到哪些軟件?

    查看答案>>

PC端UI設(shè)計(jì)尺寸規(guī)范?

對(duì)于剛?cè)胄械腢I設(shè)計(jì)師,最容易犯的錯(cuò)就是在設(shè)計(jì)移動(dòng)APP時(shí),不懂什么尺寸或者用哪種屏幕的尺寸是最適當(dāng)?shù)模繛榱私鉀Q這個(gè)問(wèn)題,今天我們就簡(jiǎn)單的為大家整理做UI時(shí)最基礎(chǔ)的尺寸規(guī)范?,F(xiàn)象首先說(shuō)現(xiàn)象,大家都知道移動(dòng)端設(shè)備屏幕尺寸非常多,碎片化嚴(yán)重。尤其是Android,你會(huì)聽(tīng)到很多種分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且還有傳說(shuō)中的2K屏。近年來(lái)iPhone的碎片化也加劇了:640×960, 640×1136, 750×1334, 1242×2208。不要被這些尺寸嚇倒。實(shí)際上大部分的app UI設(shè)計(jì)和移動(dòng)端網(wǎng)頁(yè),在各種尺寸的屏幕上都能正常顯示。說(shuō)明尺寸的問(wèn)題一定有解決方法,而且有規(guī)律可循。像素密度要知道,屏幕是由很多像素點(diǎn)組成的。之前提到那么多種分辨率,都是手機(jī)屏幕的實(shí)際像素尺寸。比如480×800的屏幕,就是由800行、480列的像素點(diǎn)組成的。每個(gè)點(diǎn)發(fā)出不同顏色的光,構(gòu)成我們所看到的畫(huà)面。而手機(jī)屏幕的物理尺寸,和像素尺寸是不成比例的。最典型的例子,iPhone 3gs的屏幕像素是320×480,iPhone 4s的屏幕像素是640×960。剛好兩倍,然而兩款手機(jī)都是3.5英寸的。所以,我們要引入最重要的一個(gè)概念:像素密度,也就是PPI(pixels per inch)。這項(xiàng)指標(biāo)是連接數(shù)字世界與物理世界的橋梁。Pixels per inch,準(zhǔn)確的說(shuō)是每英寸的長(zhǎng)度上排列的像素點(diǎn)數(shù)量。1英寸是一個(gè)固定長(zhǎng)度,等于2.54厘米,大約是食指最末端那根指節(jié)的長(zhǎng)度。像素密度越高,代表屏幕顯示效果越精細(xì)。Retina屏比普通屏清晰很多,就是因?yàn)樗南袼孛芏确艘槐?。倍率與邏輯像素再用iPhone 3gs和4s來(lái)舉例。假設(shè)有個(gè)郵件列表界面,我們不妨按照PC端網(wǎng)頁(yè)設(shè)計(jì)的思維來(lái)想象。3gs上大概只能顯示4-5行,4s就能顯示9-10行,而且每行會(huì)變得特別寬。但兩款手機(jī)其實(shí)是一樣大的。如果照這種方式顯示,3gs上剛剛好的效果,在4s上就會(huì)小到根本看不清字。在現(xiàn)實(shí)中,這兩者效果卻是一樣的。這是因?yàn)镽etina屏幕把2×2個(gè)像素當(dāng)1個(gè)像素使用。比如原本44像素高的頂部導(dǎo)航欄,在Retina屏上用了88個(gè)像素的高度來(lái)顯示。導(dǎo)致界面元素都變成2倍大小,反而和3gs效果一樣了。畫(huà)質(zhì)卻更清晰。在以前,iOS應(yīng)用的資源圖片中,同一張圖通常有兩個(gè)尺寸。你會(huì)看到文件名有的帶@2x字樣,有的不帶。其中不帶@2x的用在普通屏上,帶@2x的用在Retina屏上。只要圖片準(zhǔn)備好,iOS會(huì)自己判斷用哪張,Android道理也一樣。由此可以看出,蘋果以普通屏為基準(zhǔn),給Retina屏定義了一個(gè)2倍的倍率(iPhone 6plus除外,它達(dá)到了3倍)。實(shí)際像素除以倍率,就得到邏輯像素尺寸。只要兩個(gè)屏幕邏輯像素相同,它們的顯示效果就是相同的。Android的解決方法類似,但更復(fù)雜一些。因?yàn)锳ndroid屏幕尺寸實(shí)在太多,分辨率高低跨度非常大,不像蘋果只有那么幾款固定設(shè)備、固定尺寸。所以Android把各種設(shè)備的像素密度劃成了好幾個(gè)范圍區(qū)間,給不同范圍的設(shè)備定義了不同的倍率,來(lái)保證顯示效果相近。像素密度概念雖然重要,但用不著我們自己算,iOS與Android都幫我們算好了。如圖所示,像素密度在120左右的屏幕歸為ldpi,160左右的歸為mdpi,以此類推。這樣,所有的Android屏幕都找到了自己的位置,并賦予了相應(yīng)的倍率:ldpi [0.75倍]mdpi [1倍]hdpi [1.5倍]xhdpi [2倍]xxhdpi [3倍]xxxhdpi [4倍]各型號(hào)iPhone的倍率比較簡(jiǎn)單,我們后面會(huì)講到。那么Android手機(jī)那么多,具體怎么分?哪些手機(jī)是幾倍的倍率呢?我們先看一張表,這是友盟2014年10月到2015年03月的數(shù)據(jù):就目前市場(chǎng)狀況而言,各種手機(jī)的分辨率可以這樣粗略判斷。雖然不全面,但至少在1年內(nèi)都還有一定的參考意義:ldpi 如今已絕跡,不用考慮mdpi [320x480](市場(chǎng)份額不足5%,新手機(jī)不會(huì)有這種倍率,屏幕通常都特別?。﹉dpi [480x800、480x854、540x960](早年的低端機(jī),屏幕在3.5英寸檔位;如今的低端機(jī),屏幕在4.7-5.0英寸檔位)xhdpi [720x1280](早年的中端機(jī),屏幕在4.7-5.0英寸檔位;如今的中低端機(jī),屏幕在5.0-5.5英寸檔位)xxhdpi [1080x1920](早年的高端機(jī),如今的中高端機(jī),屏幕通常都在5.0英寸以上)xxxhdpi [1440x2560](極少數(shù)2K屏手機(jī),比如Google Nexus 6)自然地,以1倍的mdpi作為基準(zhǔn)。像素密度更高或者更低的設(shè)備,只需乘以相應(yīng)的倍率,就能得到與基準(zhǔn)倍率近似的顯示效果。不過(guò)需要注意的是,Android設(shè)備的邏輯像素尺寸并不統(tǒng)一。比如兩種常見(jiàn)的屏幕480×800和1080×1920,它們分別屬于hdpi和xxhdpi。除以各自倍率1.5倍和3倍,得到邏輯像素為320×533和360×640。很顯然,后者更寬更高,能顯示內(nèi)容。所以,即使有倍率的存在,各種Android設(shè)備的顯示效果仍然無(wú)法做到完全一致。單位不難發(fā)現(xiàn),真正決定顯示效果的,是邏輯像素尺寸。為此,iOS和Android平臺(tái)都定義了各自的邏輯像素單位。iOS的尺寸單位為pt,Android的尺寸單位為dp。說(shuō)實(shí)話,兩者其實(shí)是一回事。單位之間的換算關(guān)系隨倍率變化:1倍:1pt=1dp=1px(mdpi、iPhone 3gs)1.5倍:1pt=1dp=1.5px(hdpi)2倍:1pt=1dp=2px(xhdpi、iPhone 4s/5/6)3倍:1pt=1dp=3px(xxhdpi、iPhone 6)4倍:1pt=1dp=4px(xxxhdpi)單位決定了我們的思考方式。在設(shè)計(jì)和開(kāi)發(fā)過(guò)程中,應(yīng)該盡量使用邏輯像素尺寸來(lái)思考界面。設(shè)計(jì)Android應(yīng)用時(shí),有的設(shè)計(jì)師喜歡把畫(huà)布設(shè)為1080×1920,有的喜歡設(shè)成720×1280。給出的界面元素尺寸就不統(tǒng)一了。Android的最小點(diǎn)擊區(qū)域尺寸是48x48dp,這就意味著在xhdpi的設(shè)備上,按鈕尺寸至少是96x96px。而在xxhdpi設(shè)備上,則是144x144px。無(wú)論畫(huà)布設(shè)成多大,我們?cè)O(shè)計(jì)的是基準(zhǔn)倍率的界面樣式,而且開(kāi)發(fā)人員需要的單位都是邏輯像素。所以為了保證準(zhǔn)確高效的溝通,雙方都需要以邏輯像素尺寸來(lái)描述和理解界面,無(wú)論是在標(biāo)注圖還是在日常溝通中。不要再說(shuō)“底部標(biāo)簽欄的高度是96像素,我是按照xhdpi做的”這樣的話了。Web怎么辦移動(dòng)端頁(yè)面的絕對(duì)單位仍然是px,至少代碼里這么寫(xiě),但它的道理也和app一樣。由于像素密度是設(shè)備本身的固有屬性,它會(huì)影響到設(shè)備中的所有應(yīng)用,包括瀏覽器。前端技術(shù)可以善加利用設(shè)備的像素密度,只需一行代碼,瀏覽器便會(huì)使用app的顯示方式來(lái)渲染頁(yè)面。根據(jù)像素密度,按相應(yīng)倍率縮放。以iPhone 5s為例,屏幕的分辨率是640×1136,倍率是2。瀏覽器會(huì)認(rèn)為屏幕的分辨率是320×568,仍然是基準(zhǔn)倍率的尺寸。所以在制作頁(yè)面時(shí),只需要按照基準(zhǔn)倍率來(lái)就行了。無(wú)論什么樣的屏幕,倍率是多少,都按邏輯像素尺寸來(lái)設(shè)計(jì)和開(kāi)發(fā)頁(yè)面。只不過(guò)在準(zhǔn)備資源圖的時(shí)候,需要準(zhǔn)備2倍大小的圖,通過(guò)代碼把它縮成1倍大小顯示,才能保證清晰。實(shí)際應(yīng)用大家最關(guān)心的還是實(shí)際運(yùn)用,畫(huà)布該怎么設(shè)置。我們就iOS、Android、Web三個(gè)平臺(tái)來(lái)分別梳理一下。不過(guò)在這之前,我要為使用PS進(jìn)行設(shè)計(jì)的朋友介紹一個(gè)小技巧。之前我說(shuō)過(guò),我們要以邏輯像素尺寸來(lái)思考界面。體現(xiàn)到設(shè)計(jì)過(guò)程中,就是要把單位設(shè)置成邏輯像素。打開(kāi)PS的首選項(xiàng)——單位與標(biāo)尺界面,把尺寸和文字單位都改成點(diǎn)(Point)。這里的點(diǎn)也就是pt,無(wú)論設(shè)計(jì)iOS、Android還是Web應(yīng)用,單位都用它。當(dāng)然,各平臺(tái)單位名稱還是要記住的。這里我們用的只是它的原理,不用在意名稱。要調(diào)節(jié)倍率,則通過(guò)圖像大小里的DPI來(lái)控制。這個(gè)DPI,其實(shí)就是PPI,像素密度。有個(gè)常識(shí)大家都知道,屏幕上的設(shè)計(jì)DPI設(shè)成72,印刷品設(shè)計(jì)DPI設(shè)成300。為什么是這兩個(gè)數(shù)字?首先說(shuō)300,這和人眼的分辨能力有關(guān)。由于1英寸是固定長(zhǎng)度,每1英寸有多少個(gè)像素點(diǎn)決定了畫(huà)質(zhì)清晰程度。之前說(shuō)過(guò),這就是像素密度,也就是DPI。DPI達(dá)到300以上,其細(xì)膩程度就會(huì)給人真實(shí)感,像真實(shí)世界中的物件。相反,DPI只有10的話,在你一個(gè)食指指節(jié)大小的長(zhǎng)度內(nèi)只有10個(gè)像素,這明顯就是馬賽克了。所以印刷品要設(shè)成300,才能保證清晰。再說(shuō)72,這有一定的歷史原因。最早的圖形設(shè)計(jì)是在mac電腦上進(jìn)行的,mac本身的顯示器分辨率就是72。PS中把圖像DPI也設(shè)成72,就能保證屏幕上顯示的尺寸和打印尺寸相同,便于設(shè)計(jì)。72的PC顯示器分辨率逐漸成為一種默認(rèn)的行業(yè)標(biāo)準(zhǔn),這套規(guī)則就這么沿用下來(lái)?,F(xiàn)在回到正題,我們?cè)趺赐ㄟ^(guò)DPI來(lái)調(diào)節(jié)倍率?既然屏幕本身的分辨率是72,DPI設(shè)成72剛好是1倍尺寸,那設(shè)成72的兩倍就是倍率為2的屏幕了,就這么簡(jiǎn)單。下面來(lái)看看3個(gè)平臺(tái)各自的畫(huà)布設(shè)置:IPhoneiPhone的屏幕尺寸各不相同,我說(shuō)的是邏輯像素尺寸,這確實(shí)是讓人很頭疼的事情。如果想用一套設(shè)計(jì)涵蓋所有iPhone,就要選擇邏輯像素折中的機(jī)型。從市場(chǎng)占有率數(shù)據(jù)來(lái)看,目前最多的是iPhone5/5s的屏幕。倍率為2,邏輯像素320×568。上升勢(shì)頭最猛,未來(lái)有望登上第一的是iPhone 6的屏幕。倍率為2,邏輯像素375×667。按照這兩種尺寸來(lái)設(shè)計(jì),都是比較主流的做法。可以兼顧短一些的iPhone 4s,大一點(diǎn)的6 plus也不會(huì)過(guò)于空曠。不過(guò)在切圖的時(shí)候要注意,由于iPhone 6 plus的3倍圖是由2倍圖放大而來(lái),所以位圖要注意保證清晰。Android都說(shuō)Android碎片化嚴(yán)重,但它現(xiàn)在反而比iOS好處理。因?yàn)槿缃竦腁ndroid屏幕邏輯像素已經(jīng)趨于統(tǒng)一了:360×640,就看你設(shè)成幾倍了。想以xhdpi為準(zhǔn),就把DPI設(shè)成72×2=144。想以xxhdpi為準(zhǔn),就把DPI設(shè)成72×3=216。對(duì)于那些比較老的低端機(jī),寬度是480px的那批,畫(huà)面確實(shí)會(huì)小一些,顯示內(nèi)容會(huì)更少。稍微留意一下,重要內(nèi)容盡量保持在界面中上部分。當(dāng)然,這些機(jī)型不出一年就會(huì)被邊緣化,基本淘汰?,F(xiàn)在能運(yùn)轉(zhuǎn)的也是當(dāng)作功能機(jī)在用,軟件多了必卡無(wú)疑,用戶體驗(yàn)無(wú)從談起。不作考慮也是OK的。Web手機(jī)端網(wǎng)頁(yè)就沒(méi)有統(tǒng)一標(biāo)準(zhǔn)了,比較流行的做法是按照iPhone 5的尺寸來(lái)設(shè)計(jì)。倍率2,邏輯像素320×568。這樣的做法比較實(shí)在,倍率2的屏幕無(wú)論在iOS還是Android方面都是主流,而且又是2倍屏幕中邏輯像素最小的。所以圖片的尺寸可以保持在較小的水平,頁(yè)面加載速度快。當(dāng)然,缺點(diǎn)就是在倍率3的設(shè)備上看,圖片不是特別清晰。如果追求圖片質(zhì)量,愿意犧牲加載速度,那么可以按照最大的屏幕來(lái)設(shè)計(jì)。也就是iPhone 6 plus的尺寸,倍率3,邏輯像素414×736。總結(jié)移動(dòng)端的尺寸比PC端復(fù)雜,關(guān)鍵就在倍率。但也正因?yàn)楸堵实拇嬖?,把大大小小的屏幕拉回到同一水平線,得以保證一套設(shè)計(jì)適應(yīng)各種屏幕。站在這條水平線的角度看,會(huì)發(fā)現(xiàn)它很好理解。
0 有幫助? 展開(kāi)

怎樣在網(wǎng)頁(yè)設(shè)計(jì)中把所需的文字從左到右滾動(dòng)

14 <marquee> width="300px" height="200px" behavior="scroll"direction="left" scrollamount="50" loop="10" 限制滾動(dòng)文字的范圍 限制滾動(dòng)文字的范圍 限制滾動(dòng)文字的行為(alternate:來(lái)回、scroll:循環(huán)滾動(dòng)、slide:只滾動(dòng)一次) 滾動(dòng)的方向(left、right、down、up) 設(shè)置文字滾動(dòng)的速度 設(shè)置滾動(dòng)的次數(shù) 看看 有用嗎?
0 有幫助? 展開(kāi)

網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)報(bào)告書(shū)

  網(wǎng)站項(xiàng)目管理規(guī)范  一.概念  網(wǎng)站項(xiàng)目管理就是根據(jù)特定的規(guī)范、在預(yù)算范圍內(nèi)、按時(shí)完成的網(wǎng)站開(kāi)發(fā)任務(wù)。  二.需求分析  1.項(xiàng)目立項(xiàng)  我們接到客戶的業(yè)務(wù)咨詢,經(jīng)過(guò)雙方不斷的接洽和了解,并通過(guò)基本的可行性討論夠,初步達(dá)成制作協(xié)議,這時(shí)就需要將項(xiàng)目立項(xiàng)。較好的做法是成立一個(gè)專門的項(xiàng)目小組,小組成員包括:項(xiàng)目經(jīng)理,網(wǎng)頁(yè)設(shè)計(jì),程序員,測(cè)試員,編輯/文檔等必須人員。項(xiàng)目實(shí)行項(xiàng)目經(jīng)理制。  2.客戶的需求說(shuō)明書(shū)  第一步是需要客戶提供一個(gè)完整的需求說(shuō)明。很多客戶對(duì)自己的需求并不是很清楚,需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次,我問(wèn)客戶:“您做網(wǎng)站的目的是什么?”他回答:“沒(méi)有目的,只是因?yàn)閯e人都有,我沒(méi)有!”。這樣的客戶就需要耐心說(shuō)明,仔細(xì)分析,挖掘出他潛在的,真正的需求。 配合客戶寫(xiě)一份詳細(xì)的,完整的需求說(shuō)明會(huì)花很多時(shí)間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認(rèn)可。把好這一關(guān),可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說(shuō)明不可能有高質(zhì)量的網(wǎng)站。那么需求說(shuō)明書(shū)要達(dá)到怎樣的標(biāo)準(zhǔn)呢?簡(jiǎn)單說(shuō),包含下面幾點(diǎn):  1.正確性:每個(gè)功能必須清楚描寫(xiě)交付的功能;  2.可行性:確保在當(dāng)前的開(kāi)發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求;  3.必要性:功能是否必須交付,是否可以推遲實(shí)現(xiàn),是否可以在削減開(kāi)支情況發(fā)生時(shí)"砍"掉;  4.簡(jiǎn)明性:不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語(yǔ);  5.檢測(cè)性:如果開(kāi)發(fā)完畢,客戶可以根據(jù)需求檢測(cè)?! ∪?系統(tǒng)分析  1.網(wǎng)站總體設(shè)計(jì)  在拿到客戶的需求說(shuō)明后,并不是直接開(kāi)始制作,而是需要對(duì)項(xiàng)目進(jìn)行總體設(shè)計(jì),詳細(xì)設(shè)計(jì),出一份網(wǎng)站建設(shè)方案給客戶。總體設(shè)計(jì)是非常關(guān)鍵的一步。它主要確定:  1.網(wǎng)站需要實(shí)現(xiàn)哪些功能;  2.網(wǎng)站開(kāi)發(fā)使用什么軟件,在什么樣的硬件環(huán)境;  3.需要多少人,多少時(shí)間;  4.需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些?! ⊥瑫r(shí)需要寫(xiě)一份總體規(guī)劃說(shuō)明書(shū),包括:  1.網(wǎng)站的欄目和版塊;  2.網(wǎng)站的功能和相應(yīng)的程序;  3.網(wǎng)站的鏈接結(jié)構(gòu);  4.如果有數(shù)據(jù)庫(kù),進(jìn)行數(shù)據(jù)庫(kù)的概念設(shè)計(jì);  5.網(wǎng)站的交互性和用戶友好設(shè)計(jì)?! ?.網(wǎng)站建設(shè)方案  在總體設(shè)計(jì)出來(lái)后,一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁(yè)制作公司在接洽業(yè)務(wù)時(shí)就被客戶要求提供方案。那時(shí)的方案一般比較籠統(tǒng),而且在客戶需求不是十分明確的情況下提交方案,往往和實(shí)際制作后的結(jié)果會(huì)有很大差異。所以應(yīng)該盡量取得客戶的理解,在明確需求并總體設(shè)計(jì)后提交方案,這樣對(duì)雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個(gè)部分:  1.客戶情況分析;  2.網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo);  3.網(wǎng)站形象說(shuō)明;  4.網(wǎng)站的欄目版塊和結(jié)構(gòu);  5.網(wǎng)站內(nèi)容的安排,相互鏈接關(guān)系;  6.使用軟件,硬件和技術(shù)分析說(shuō)明;  7.開(kāi)發(fā)時(shí)間進(jìn)度表;  8.宣傳推廣方案;  9.維護(hù)方案;  10.制作費(fèi)用;  11.本公司簡(jiǎn)介:成功作品,技術(shù),人才說(shuō)明等?! ‘?dāng)您的方案通過(guò)客戶的認(rèn)可,您可以開(kāi)始動(dòng)手制作網(wǎng)站了。但還不是真正意義上的制作,你需要進(jìn)行詳細(xì)設(shè)計(jì):  3.網(wǎng)站詳細(xì)設(shè)計(jì)  總體設(shè)計(jì)階段以比較抽象概括的方式提出了解決問(wèn)題的辦法。詳細(xì)設(shè)計(jì)階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計(jì)主要是針對(duì)程序開(kāi)發(fā)部分來(lái)說(shuō)的。但這個(gè)階段的不是真正編寫(xiě)程序,而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說(shuō)明。這種規(guī)格說(shuō)明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖,它們應(yīng)該 包含必要的細(xì)節(jié),例如:程序界面,表單,需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫(xiě)出實(shí)際的程序代碼?! ∷? 項(xiàng)目實(shí)施  1.整體形象設(shè)計(jì)  在程序員進(jìn)行詳細(xì)設(shè)計(jì)的同時(shí),網(wǎng)頁(yè)設(shè)計(jì)師開(kāi)始設(shè)計(jì)網(wǎng)站的整體形象和首頁(yè)?! ≌w形象設(shè)計(jì)包括標(biāo)準(zhǔn)字,Logo,標(biāo)準(zhǔn)色彩,廣告語(yǔ)等。 首頁(yè)設(shè)計(jì)包括版面,色彩,圖像,動(dòng)態(tài)效果,圖標(biāo)等風(fēng)格設(shè)計(jì),也包括banner,菜單,標(biāo)題,版權(quán)等模塊設(shè)計(jì)。首頁(yè)一般設(shè)計(jì)1-3個(gè)不同風(fēng)格,完成后,供客戶選擇?! ∮涀。涸诳蛻舸_定首頁(yè)風(fēng)格之后,請(qǐng)客戶簽字認(rèn)可。以后不得再對(duì)版面風(fēng)格有大的變動(dòng),否則視為第二次設(shè)計(jì)?! ¢_(kāi)發(fā)制作  2.開(kāi)發(fā)制作  到這里,程序員和網(wǎng)頁(yè)設(shè)計(jì)師同時(shí)進(jìn)入全力開(kāi)發(fā)階段,需要提醒的是,測(cè)試人員需要隨時(shí)測(cè)試網(wǎng)頁(yè)與程序,發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測(cè)試,這樣會(huì)浪費(fèi)大量的時(shí)間和精力。項(xiàng)目經(jīng)理需要經(jīng)常了解項(xiàng)目進(jìn)度,協(xié)調(diào)和溝通程序員與網(wǎng)頁(yè)設(shè)計(jì)師的工作。  調(diào)試完善  3.調(diào)試完成  在網(wǎng)站初步完成后,上傳到服務(wù)器,對(duì)網(wǎng)站進(jìn)行全范圍的測(cè)試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測(cè)試等,發(fā)現(xiàn)問(wèn)題及時(shí)解決并記錄下來(lái)?! 槭裁匆涗浳臋n呢?其實(shí)本軟件工程本身就是一個(gè)文檔,是一個(gè)不斷充實(shí)和完善的標(biāo)準(zhǔn)。通過(guò)不斷的發(fā)現(xiàn)問(wèn)題,解決問(wèn)題,修改,補(bǔ)充文檔,使這個(gè)標(biāo)準(zhǔn)越來(lái)越規(guī)范,越來(lái)越工業(yè)化。進(jìn)而使得網(wǎng)站開(kāi)發(fā)趨向規(guī)范,趨向合理?! ?.宣傳推廣  宣傳推廣的基本方法有:  1.網(wǎng)頁(yè)里設(shè)置適當(dāng)?shù)腗ETA標(biāo)簽;  2.各搜索引擎登錄;  3.準(zhǔn)備新聞稿件在各新聞公告板發(fā)表;  4.合理使用Email郵件列表;  5.廣告條交換;  6.付費(fèi)廣告?! ≈链?,網(wǎng)站項(xiàng)目建設(shè)完畢,將有關(guān)網(wǎng)址,使用操作說(shuō)明文檔等提交客戶驗(yàn)收。如果需要維護(hù),另行簽定維護(hù)項(xiàng)目?! ∥?維護(hù)  網(wǎng)站成功推出后,長(zhǎng)期的維護(hù)工作才剛剛開(kāi)始,需要做到的是:  1.及時(shí)響應(yīng)客戶反饋;例如可以采取Email自動(dòng)回復(fù)功能,然后在1-3個(gè)工作日里解決問(wèn)題,再次回復(fù);  2.網(wǎng)站流量統(tǒng)計(jì)分析和相應(yīng)對(duì)策;  3.盡量推廣和使用您的網(wǎng)址;  4.網(wǎng)站內(nèi)容的及時(shí)更新和維護(hù)?! ×?遵循的規(guī)范  1.網(wǎng)站建設(shè)目錄規(guī)范  2.網(wǎng)站文件命名規(guī)范  3.網(wǎng)站建設(shè)尺寸規(guī)范  4.網(wǎng)站首頁(yè)head區(qū)代碼規(guī)范  5.網(wǎng)站連接結(jié)構(gòu)規(guī)范  網(wǎng)站開(kāi)發(fā)規(guī)范  任何一個(gè)項(xiàng)目或者系統(tǒng)開(kāi)發(fā)之前都需要定制一個(gè)開(kāi)發(fā)約定和規(guī)則,這樣有利于項(xiàng)目的整體風(fēng)格統(tǒng)一、代碼維護(hù)和擴(kuò)展。由于Web項(xiàng)目開(kāi)發(fā)的分散性、獨(dú)立性、整合的交互性等,所以定制一套完整的約定和規(guī)則顯得尤為重要。定制一系列約定和規(guī)則,包括組件團(tuán)隊(duì)、文件夾命名規(guī)則、文件名命名規(guī)則、程序代碼編程風(fēng)格、數(shù)據(jù)庫(kù)設(shè)計(jì)約定。這些規(guī)則和約定需要與開(kāi)發(fā)人員、設(shè)計(jì)人員和維護(hù)人員共同討論定制,將來(lái)開(kāi)發(fā)都將嚴(yán)格按規(guī)則或約定開(kāi)發(fā)。每個(gè)團(tuán)隊(duì)開(kāi)發(fā)都應(yīng)有自己的一套規(guī)范,一個(gè)優(yōu)良可行的規(guī)范可以使我們工作得心應(yīng)手事半功倍,這些規(guī)范都不是唯一的標(biāo)準(zhǔn)不存在對(duì)與錯(cuò),也許有些地方與你當(dāng)前使用的習(xí)慣相駁,很多地方都有爭(zhēng)議。?! 》浅C黠@在Web項(xiàng)目開(kāi)發(fā)中有前后臺(tái)開(kāi)發(fā)之分,前臺(tái)開(kāi)發(fā)主要是指非程序編程部分,主要職責(zé)是網(wǎng)站AI設(shè)計(jì)、界面設(shè)計(jì)、動(dòng)畫(huà)設(shè)計(jì)等。而后臺(tái)開(kāi)發(fā)主要是編程和網(wǎng)站運(yùn)行平臺(tái)搭建,其主要職責(zé)是設(shè)計(jì)網(wǎng)站數(shù)據(jù)庫(kù)和網(wǎng)站功能模板的實(shí)現(xiàn)。下面的這些規(guī)范主要是從這2個(gè)方面來(lái)定制的,這些規(guī)范是工作中總結(jié)的一點(diǎn)經(jīng)驗(yàn),本文檔比較適合中小型網(wǎng)站或者Web項(xiàng)目的開(kāi)發(fā)規(guī)范?! ∫唬M建開(kāi)發(fā)團(tuán)隊(duì)  在接手項(xiàng)目后的第一件事是組建團(tuán)隊(duì)。根據(jù)項(xiàng)目的大小團(tuán)隊(duì)可以有幾十人,也有可以是只有幾個(gè)人的小團(tuán)隊(duì),在團(tuán)隊(duì)劃分中應(yīng)該含有6個(gè)角色,這6個(gè)角色是必須的,分別是項(xiàng)目經(jīng)理,策劃,美工,程序員,代碼整合員,測(cè)試員。也許你的團(tuán)隊(duì)還沒(méi)有6個(gè)人,沒(méi)有關(guān)系一個(gè)人可以有多個(gè)角色,比如項(xiàng)目經(jīng)理還可以有策劃這個(gè)角色,如程序員還可以含有代碼整合和測(cè)試這2個(gè)角色,如果你的項(xiàng)目夠大人數(shù)夠多那就分為6個(gè)組,每個(gè)組分工再來(lái)細(xì)分。下面簡(jiǎn)單介紹一下這6個(gè)角色的具體職責(zé)。  項(xiàng)目經(jīng)理,項(xiàng)目總體設(shè)計(jì),開(kāi)發(fā)進(jìn)度的定制和監(jiān)控,定制相應(yīng)的開(kāi)發(fā)規(guī)范,負(fù)責(zé)各個(gè)環(huán)節(jié)的評(píng)審工作,協(xié)調(diào)各個(gè)成員(小組)之間開(kāi)發(fā)。策劃,提供詳細(xì)的策劃方案和需求分析。還包括后期網(wǎng)站推廣方面的策劃。美工,根據(jù)策劃和需求設(shè)計(jì)網(wǎng)站AI,界面,Logo等。程序員,根據(jù)項(xiàng)目總體設(shè)計(jì)來(lái)設(shè)計(jì)數(shù)據(jù)庫(kù)和功能模塊的實(shí)現(xiàn)。代碼整合員,負(fù)責(zé)將程序員的代碼和界面融合到一起,代碼整合員可以制作網(wǎng)站的相關(guān)頁(yè)面,測(cè)試員,負(fù)責(zé)測(cè)試程序。  二.開(kāi)發(fā)工具  Web開(kāi)發(fā)工具主要分為3部分,第一部分是網(wǎng)站前臺(tái)開(kāi)發(fā)工具,第二部分是網(wǎng)站后臺(tái)開(kāi)發(fā)環(huán)境,第三部分是項(xiàng)目管理和輔助軟件。下面分別簡(jiǎn)單介紹這三部分需要使用的軟件?! 【W(wǎng)站前臺(tái)開(kāi)發(fā)主要是指Web界面設(shè)計(jì)。包括網(wǎng)站整體框架建立、常用圖片、Flash動(dòng)畫(huà)設(shè)計(jì)等等,主要使用的相關(guān)軟件是:Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等?! 【W(wǎng)站后臺(tái)開(kāi)發(fā)主要指網(wǎng)站動(dòng)態(tài)程序開(kāi)發(fā)、數(shù)據(jù)庫(kù)建模,主要使用的相關(guān)軟件是: PowerDesigner(數(shù)據(jù)庫(kù)建模),PowerDesigner在數(shù)據(jù)庫(kù)設(shè)計(jì)方面應(yīng)用非常強(qiáng)大,用它可以快速創(chuàng)建數(shù)據(jù)庫(kù)概念和物理模型,我最喜歡的還是它生成數(shù)據(jù)庫(kù)Report的功能太方便了,設(shè)計(jì)數(shù)據(jù)庫(kù)強(qiáng)烈推薦用它。Rational Rose(程序建模),如果你的項(xiàng)目功能模塊不是特別復(fù)雜那就剩了它吧,這樣會(huì)節(jié)省一些時(shí)間和開(kāi)發(fā)的復(fù)雜度,不過(guò)我個(gè)人認(rèn)為不管是大項(xiàng)目還是小項(xiàng)目都應(yīng)該畫(huà)畫(huà)Rose圖?! 【W(wǎng)站項(xiàng)目管理主要指對(duì)開(kāi)發(fā)進(jìn)度和代碼版本的控制。開(kāi)發(fā)進(jìn)度用Microsoft Project來(lái)制定,代碼版本控制采用Visual SourceSafe,當(dāng)然還有其他的選擇比如CVS和Rational ClearCase。網(wǎng)站測(cè)試采用VS.net的附帶工具M(jìn)icrosoft Application Center Test,它可以進(jìn)行并行、負(fù)載測(cè)試等。程序文檔編寫(xiě)采用Word,用WPS也可以?! ∪?網(wǎng)站開(kāi)發(fā)流程  在項(xiàng)目開(kāi)始實(shí)施之前應(yīng)該有一個(gè)工作步驟也就是工作流程,在項(xiàng)目開(kāi)發(fā)中最需要時(shí)間的是總體設(shè)計(jì)和系統(tǒng)測(cè)試,而程序編寫(xiě)代碼所占的時(shí)間并不多,但有的團(tuán)隊(duì)就急于開(kāi)發(fā)寫(xiě)代碼,先把程序?qū)懗鰜?lái)再說(shuō),沒(méi)有注重評(píng)審和測(cè)試這2個(gè)環(huán)節(jié),結(jié)果造成返工,我在一家比較大的公司中都遇到多次這種情況。所以項(xiàng)目來(lái)了不要急于開(kāi)工寫(xiě)代碼,應(yīng)該一步一步慢慢來(lái),只有走的慢才能走得穩(wěn)走得遠(yuǎn)。圖1的開(kāi)發(fā)流程比較好地體現(xiàn)開(kāi)發(fā)的整個(gè)環(huán)節(jié)?! D 1  從圖1可以看到2條主線,這2條主線分別是前臺(tái)開(kāi)發(fā)和后臺(tái)開(kāi)發(fā)。前后臺(tái)開(kāi)發(fā)在項(xiàng)目開(kāi)發(fā)早期互相沒(méi)有交叉,當(dāng)然不是絕對(duì)沒(méi)有,Web策劃和需求分析都是互相有關(guān)系的,一個(gè)是網(wǎng)站表現(xiàn)形式和風(fēng)格的策劃另一個(gè)是網(wǎng)站功能的策劃,它們是衣服和軀干的關(guān)系。到了開(kāi)發(fā)后期就需要把界面和功能模塊結(jié)合起來(lái)形成一個(gè)統(tǒng)一,也就即將發(fā)布的網(wǎng)站。  四.?dāng)?shù)據(jù)庫(kù)開(kāi)發(fā)規(guī)范  數(shù)據(jù)文件命名采用系統(tǒng)名+_+文件類型,比如系統(tǒng)名為kupage,則數(shù)據(jù)庫(kù)文件命名為kupage_database.mdf,有的數(shù)據(jù)庫(kù)文件有多個(gè),比如SQL Server就有2個(gè),一個(gè)是數(shù)據(jù)庫(kù)文件,另一個(gè)是日志文件,那么他們的文件命名分別為kupage_database.mdf,kupage_log.log。文件名全部采用小寫(xiě)。  數(shù)據(jù)庫(kù)表命名規(guī)范,表名長(zhǎng)度不能超過(guò)30個(gè)字符,表名中含有單詞全部采用單數(shù)形式,單詞首寫(xiě)字母要大寫(xiě),多個(gè)單詞間不用任何連接符號(hào)。若庫(kù)中有多個(gè)系統(tǒng),表名采用系統(tǒng)名稱+單詞或多個(gè)單詞,系統(tǒng)名是開(kāi)發(fā)系統(tǒng)的縮寫(xiě),系統(tǒng)名稱全部采用小寫(xiě)英文字符,如bbsTitle,bbsForumType。若庫(kù)中只含有一個(gè)系統(tǒng),那么表名僅用一個(gè)單詞或多個(gè)單詞。單詞選擇能夠概括表內(nèi)容的一個(gè)或多個(gè)英文單詞,如UserInfo,UserType。關(guān)連表命名規(guī)則為Re_表A_表B,Re是Relative的縮寫(xiě),如:Re_User_ArticleType, Re_User_FormType?! ?shù)據(jù)庫(kù)字段命名規(guī)范,數(shù)據(jù)庫(kù)字段名全部采用小寫(xiě)英文單詞,單詞之間用”_”隔開(kāi),命名規(guī)則是表別名+單詞,如:user_name,user_pwd。表別名規(guī)則,如果表名是一個(gè)單詞,別名就取單詞的前4 個(gè)字母;如果表名是兩個(gè)單詞,就各取兩個(gè)單詞的前兩個(gè)字母組成4 個(gè)字母長(zhǎng)的別名;如果表的名字由3 個(gè)單詞組成,你不妨從頭兩個(gè)單詞中各取一個(gè)然后從最后一個(gè)單詞中再取出兩個(gè)字母,結(jié)果還是組成4 字母長(zhǎng)的別名?! ∫晥D名采用規(guī)則View_表A_表B_表C,View表示視圖。這個(gè)視圖由幾個(gè)表產(chǎn)生就用”_”連接幾個(gè)表的名,如果表過(guò)多可以將表名適當(dāng)簡(jiǎn)化,但一定要列出所有表名?! 〈鎯?chǔ)過(guò)程命名規(guī)則P_表名_存取過(guò)程名(縮寫(xiě)),比如P_User_Del,P_ArticleType_AddData?! QL語(yǔ)句編寫(xiě)規(guī)則,關(guān)鍵字必須大寫(xiě),其他書(shū)寫(xiě)按上述命名規(guī)則,比如:  SELECT user_id, user_name FROM User WHERE user_id = ‘tom’  五.文件夾文件名命名規(guī)范  文件夾命名一般采用英文,長(zhǎng)度一般不超過(guò)20個(gè)字符,命名采用小寫(xiě)字母。除特殊情況才使用中文拼音,一些常見(jiàn)的文件夾命名如:images(存放圖形文件),flash(存放Flash文件),style(存放CSS文件),scripts(存放Javascript腳本),inc(存放include文件),link(存放友情鏈接),media(存放多媒體文件)等?! ∥募Q統(tǒng)一用小寫(xiě)的英文字母、數(shù)字和下劃線的組合。命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義,二是當(dāng)我們?cè)谖募A中使用“按名稱排例”的命令時(shí),同一種大類的文件能夠排列在一起,以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作 ?! ?、圖片的命名原則名稱分為頭尾兩部分,用下劃線隔開(kāi),頭部分表示此圖片的大類性質(zhì)例如廣告、標(biāo)志、菜單、按鈕等等?! 》胖迷陧?yè)面頂部的廣告、裝飾圖案等長(zhǎng)方形的圖片取名: banner  標(biāo)志性的圖片取名為: logo  在頁(yè)面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button  在頁(yè)面上某一個(gè)位置連續(xù)出現(xiàn),性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?menu  裝飾用的照片我們?nèi)∶?pic  不帶鏈接表示標(biāo)題的圖片我們?nèi)∶?title  下面是幾個(gè)范例: banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。  2、動(dòng)態(tài)語(yǔ)言文件命名規(guī)則性質(zhì)_描述,描述可以有多個(gè)單詞,用”_”隔開(kāi),性質(zhì)一般是該頁(yè)面得概要。  范例:register_form.asp,register_post.asp,topic_lock.asp  六.程序代碼編程規(guī)范  一個(gè)良好的程序編碼風(fēng)格有利于系統(tǒng)的維護(hù),代碼也易于閱讀查錯(cuò)。在此只討論ASP的編程風(fēng)格和約定。在ASP中所有變量是弱變量,無(wú)需定義就可以直接使用,而且代碼不區(qū)分大小寫(xiě)。但其他語(yǔ)言一般這些都要定義的,為了養(yǎng)成良好的編程習(xí)慣,編寫(xiě)代碼務(wù)必按照一下規(guī)則?! ?、每個(gè)變量名必須定義,在ASP文件的最開(kāi)始添加語(yǔ)句,強(qiáng)制定制每個(gè)變量?! ?、出于易讀和一致性的目的,在代碼中使用以下變量命名約定:  子類型 前綴 示例  Boolean bln blnFound  Byte byt bytRasterData  Date (Time) dtm dtmStart  Double dbl dblTolerance  Error err errOrderNum  Integer int intQuantity  Long lng lngDistance  Object obj objCurrent  Single sng sngAverage  String str strFirstName  3、程序代碼需要有縮進(jìn),縮進(jìn)采用鍵盤Tab鍵,不采用空格鍵。并且”=”或者鏈接字符串時(shí)需要左右空一格,如下:  4、函數(shù)過(guò)程編寫(xiě)的約定。函數(shù)或者過(guò)程命名采用動(dòng)作+名詞,每個(gè)函數(shù)需要給出相應(yīng)的注釋,函數(shù)功能,傳入變量,以及作者和修改相關(guān)信息。如下面函數(shù):  <%  '[功能] 返回一個(gè)參數(shù)的值  '[參數(shù)] strParameterName 參數(shù)名稱  '[作者] icefire 2002/8/20 am  Function GetParameterValue(strParameterName)  Dim objRS, strSQL, strParameterValue  strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'"  .  .  .  GetParameterValue = strParameterValue  Set objRS = Nothing  End Function  5、ASP內(nèi)置對(duì)象區(qū)分大小寫(xiě)。如下代碼片斷  strUserName = Request.Form(“UserName”)  Set conn = Server.CreateObject("ADODB.Connection")  6、數(shù)據(jù)庫(kù)連接一個(gè)庫(kù)只能有一個(gè)數(shù)據(jù)庫(kù)連接文件,創(chuàng)建數(shù)據(jù)庫(kù)對(duì)象得原則是盡可能晚地打開(kāi)數(shù)據(jù)庫(kù),盡可能早地關(guān)閉數(shù)據(jù)庫(kù)。創(chuàng)建數(shù)據(jù)庫(kù)對(duì)象調(diào)用統(tǒng)一地創(chuàng)建函數(shù)。如下:  Sub OpenConn(ByRef conn)  Dim strDBPath, strDBConnection  strDBPath = Server.MapPath("database/tax.mdb")  strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath  Set conn = Server.CreateObject("ADODB.Connection")  conn.Open strDBConnnection  End Sub  7、當(dāng)一個(gè)對(duì)象不在使用時(shí)要釋放對(duì)象資源,比如objFSO,objRS對(duì)象等。采用統(tǒng)一函數(shù)調(diào)用。函數(shù)如下:  Sub CloseObj(ByRef obj)  If IsObject(obj) Then  obj.Close  Set obj = nothing  End If  End Sub  8、時(shí)間全部以字符串的形式保存到數(shù)據(jù)庫(kù)中,這樣做能夠是日期在不同的數(shù)據(jù)庫(kù)中都能良好地保存,也方便數(shù)據(jù)庫(kù)地遷移。時(shí)間用14位字符串保存,日期用8位字符串保存?! ∑撸W(wǎng)站首頁(yè)head區(qū)代碼規(guī)范  head區(qū)是指首頁(yè)HTML代碼的<head>和</head>之間的內(nèi)容。 必須加入的標(biāo)簽  1.公司版權(quán)注釋  <!--- The site is designed by Maketown,Inc 06/2004 --->  2.網(wǎng)頁(yè)顯示字符集  簡(jiǎn)體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">  繁體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">  英 語(yǔ):<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">  3.網(wǎng)頁(yè)制作者信息  <META name="author" content="webmaster@maketown.com">  4.網(wǎng)站簡(jiǎn)介  <META NAME="DESCRIPTION" CONTENT="本站是一個(gè)醫(yī)療站點(diǎn)…">  5.搜索關(guān)鍵字  <META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">  6.網(wǎng)頁(yè)的css規(guī)范  <LINK href="style/style.css" rel="stylesheet" type="text/css">  (參見(jiàn)目錄及命名規(guī)范)  7.網(wǎng)頁(yè)標(biāo)題  <title>xxxxxxxxxxxxxxxxxx</title>  8.可以選擇加入的標(biāo)簽  1.設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期,必須到服務(wù)器上重新調(diào)閱?! ?lt;META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">  2.禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容。  <META HTTP-EQUIV="Pragma" CONTENT="no-cache">  3.用來(lái)防止別人在框架里調(diào)用你的頁(yè)面。  <META HTTP-EQUIV="Window-target" CONTENT="_top">  4.自動(dòng)跳轉(zhuǎn)?! ?lt;META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指時(shí)間停留5秒?! ?.網(wǎng)頁(yè)搜索機(jī)器人向?qū)?用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引,哪些頁(yè)面不需要索引?! ?lt;META NAME="robots" CONTENT="none">  CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all?! ?.收藏夾圖標(biāo)  <link rel = "Shortcut Icon" href="favicon.ico">  所有的javascript的調(diào)用盡量采取外部調(diào)用.  <SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>  附<body>標(biāo)簽:  <body>標(biāo)簽不屬于head區(qū),這里強(qiáng)調(diào)一下,為了保證瀏覽器的兼容性,必須設(shè)置頁(yè)面背景<body bgcolor="#FFFFFF">  八.網(wǎng)站建設(shè)尺寸規(guī)范  1. 頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作,實(shí)際尺寸為778*434px  2. 頁(yè)面長(zhǎng)度原則上不超過(guò)3屏,寬度不超過(guò)1屏  3. 每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小,即8.5X11英寸  4. 全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px  5. 另外120*90,120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸  6. 每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K,全尺寸banner不超過(guò)14K
0 有幫助? 展開(kāi)

制作一個(gè)公司網(wǎng)站需要什么流程?

一個(gè)完整的網(wǎng)站建設(shè)流程基本上包括域名注冊(cè)查詢、網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站功能、網(wǎng)站優(yōu)化技術(shù)、網(wǎng)站內(nèi)容整理、網(wǎng)站推廣、網(wǎng)站評(píng)估、網(wǎng)站運(yùn)營(yíng)、網(wǎng)站整體優(yōu)化、網(wǎng)站改版等。細(xì)化的來(lái)說(shuō)就從以下六方面來(lái)看:第一、客戶提出網(wǎng)站建設(shè)的需求,根據(jù)客戶提出的具體的網(wǎng)站建設(shè)要求,網(wǎng)站制作公司進(jìn)行全方位的評(píng)估以及了解第二、制定網(wǎng)站建設(shè)方案,針對(duì)客戶提出的網(wǎng)站建設(shè)需求,設(shè)計(jì)出整體的網(wǎng)站建設(shè)方案,并與客戶進(jìn)行再次商談,就網(wǎng)站建設(shè)的風(fēng)格,主題以及相關(guān)的細(xì)節(jié)進(jìn)行詳細(xì)的溝通,與客戶達(dá)到共識(shí)之后進(jìn)行網(wǎng)站建設(shè)。第三、設(shè)計(jì)方案達(dá)成共識(shí),預(yù)付款項(xiàng),安慶宜采軟件認(rèn)為在雙方就網(wǎng)站建設(shè)的具體細(xì)節(jié)達(dá)到共識(shí)之后,客戶便需要支付一部分的網(wǎng)站建設(shè)費(fèi)用,作為預(yù)付款,通常需要支付百分之五十左右。第四、網(wǎng)站建設(shè)初稿,敲定細(xì)節(jié),在與客戶達(dá)成共識(shí),并且收付預(yù)付款之后,網(wǎng)站建設(shè)公司便開(kāi)始著手進(jìn)行網(wǎng)站建設(shè)的工作,在雙方約定的時(shí)間內(nèi)給出客戶網(wǎng)站建設(shè)的初稿,就雙方約定的網(wǎng)站風(fēng)格、網(wǎng)站建設(shè)主題、網(wǎng)站設(shè)計(jì)內(nèi)容等進(jìn)行初步的審核。第五、網(wǎng)站建設(shè)完成,進(jìn)行驗(yàn)收,網(wǎng)站建設(shè)完成之后,需要網(wǎng)站制作公司進(jìn)行反復(fù)的審核以及試驗(yàn)之后才能交付給客戶完工,在交付客戶之前,所有的網(wǎng)站制作商都要對(duì)網(wǎng)站進(jìn)行反復(fù)的測(cè)試,特別是對(duì)于網(wǎng)站的核心功能模塊,要進(jìn)行不斷的測(cè)試,反復(fù)的測(cè)試才可以交付客戶。第六:網(wǎng)站后期維護(hù)工作,網(wǎng)站交付給客戶之后,并不意味著所有工作結(jié)束,還要對(duì)客戶進(jìn)行指導(dǎo),以及網(wǎng)站的維護(hù)保養(yǎng)工作。
0 有幫助? 展開(kāi)

手機(jī)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該注意什么問(wèn)題

  我們對(duì)手機(jī)網(wǎng)站制作中需要注意哪些方面的問(wèn)題展開(kāi)分析,為各位手機(jī)網(wǎng)站制作的用戶們提供一些參考,現(xiàn)總結(jié)幾點(diǎn)如下:  1、明確自己想在手機(jī)網(wǎng)站上展示哪些信息:  在手機(jī)網(wǎng)站制作之前應(yīng)該明確自己想在手機(jī)網(wǎng)站上展示什么,分析一下可能的瀏覽者會(huì)有哪些,然后有針對(duì)性地策劃和設(shè)計(jì)網(wǎng)站上的相關(guān)內(nèi)容,這樣才能做到有的放矢,不至于手機(jī)網(wǎng)站制作好了卻沒(méi)人瀏覽,或者瀏覽了不感興趣。如果能做到有針對(duì)性的進(jìn)行手機(jī)網(wǎng)站制作,通常手機(jī)網(wǎng)站在推廣之后都會(huì)為企業(yè)帶來(lái)一定量的潛在用戶?! ?、在手機(jī)網(wǎng)站制作時(shí)要盡量符合滑動(dòng)屏幕的方式:  一般的手機(jī)屏幕,畫(huà)面都不如桌上電腦那么大,尤其是閱讀文字時(shí)更需要加以放大。即使智能手機(jī)具有網(wǎng)頁(yè)放大縮小功能,但是觀看起來(lái)也較為麻煩,因?yàn)榫W(wǎng)頁(yè)放大后,很可能還要左右滑動(dòng)才能瀏覽網(wǎng)頁(yè),瀏覽后還要縮小回原大小。因此在設(shè)計(jì)手機(jī)網(wǎng)頁(yè)時(shí),應(yīng)能夠以滑動(dòng)屏幕的方式來(lái)閱讀網(wǎng)頁(yè),因?yàn)榛瑒?dòng)網(wǎng)頁(yè)操作比著放大網(wǎng)頁(yè)觀看來(lái)要簡(jiǎn)單得多?! ?、不能參照PC端網(wǎng)站來(lái)設(shè)計(jì)手機(jī)網(wǎng)站上的導(dǎo)航功能:  手機(jī)網(wǎng)頁(yè)與跟一般的PC端網(wǎng)頁(yè)不同,由于受到手機(jī)屏幕大小和屏幕操作的限制,在設(shè)計(jì)導(dǎo)航功能時(shí)應(yīng)該按照手機(jī)屏幕來(lái)設(shè)計(jì),不能完全照搬PC端網(wǎng)站,該簡(jiǎn)單的地方簡(jiǎn)單化,該去掉的去掉,同時(shí)在當(dāng)閱讀文章到最后時(shí),要方便于用戶回到最前頭,減少卷動(dòng)畫(huà)面的機(jī)會(huì),讓網(wǎng)頁(yè)變得更容易于移動(dòng)設(shè)備上閱讀。  4、手機(jī)網(wǎng)站制作也要考慮多種瀏覽器的兼容:  現(xiàn)在的移動(dòng)瀏覽器能夠處理大多數(shù)網(wǎng)站,一般的瀏覽器都能夠正常瀏覽網(wǎng)頁(yè)。但由于手機(jī)上的瀏覽器也有多種,比如UC瀏覽器、360瀏覽器、搜狗瀏覽器、其他瀏覽器,如此多的瀏覽器在瀏覽網(wǎng)頁(yè)的時(shí)候,如果手機(jī)網(wǎng)站的兼容性差,就很可能會(huì)出現(xiàn)在某些瀏覽器上出現(xiàn)網(wǎng)頁(yè)變形、內(nèi)容顯示不全的情況。因此,手機(jī)網(wǎng)站制作必須考慮到兼容于多種瀏覽器?! ?、在手機(jī)網(wǎng)站制作時(shí)一定要減少用戶文字輸入操作:  現(xiàn)在智能手機(jī)一般都沒(méi)有實(shí)體的鍵盤,或僅只有12鍵的電話輸入功能,因此在輸入文字上會(huì)比起使用電腦鍵盤麻煩得多。因此,減少使用者輸入文字的機(jī)會(huì),例如用戶名、密碼等,都是手機(jī)網(wǎng)站制作時(shí)要盡力避免的。  6、在手機(jī)網(wǎng)站制作時(shí)就應(yīng)該考慮到日后的推廣和宣傳:  在手機(jī)網(wǎng)站制作時(shí),不要忽略了用戶體驗(yàn),否則在日后的網(wǎng)站推廣時(shí)將會(huì)遇到麻煩。任何一個(gè)手機(jī)網(wǎng)站,都必須經(jīng)過(guò)廣策劃、設(shè)計(jì)和推廣的過(guò)程,在手機(jī)網(wǎng)站制作時(shí)需要考慮日后的推廣,手機(jī)網(wǎng)站應(yīng)該在豐富站內(nèi)內(nèi)容的同時(shí),提供詳盡的產(chǎn)品信息以及聯(lián)系方式,并收集有關(guān)產(chǎn)品的用戶滿意度和顧客需求方面的反饋信息。這樣的手機(jī)網(wǎng)站上線后,其推廣工作也會(huì)非常有效果?! ?、手機(jī)網(wǎng)站制作要兼顧非觸摸屏幕的設(shè)計(jì):  雖然大多數(shù)手機(jī)都是智能手機(jī),但也有為數(shù)不少的傳統(tǒng)手機(jī),不具備觸摸的功能,使用的是傳統(tǒng)的控制方向鍵做為滑動(dòng)的工具,這時(shí)候,手機(jī)網(wǎng)頁(yè)的制作應(yīng)兼顧到非觸摸屏的手機(jī)瀏覽。比如減少畫(huà)面中超鏈接的數(shù)量、加大文字以減少誤點(diǎn)。  8、在手機(jī)網(wǎng)站制作時(shí)要記得要簡(jiǎn)化網(wǎng)頁(yè)內(nèi)容:  一般的手機(jī)、平板電腦等移動(dòng)設(shè)備,由于屏幕大小的限制,不易容納下個(gè)人電腦的大容量的網(wǎng)頁(yè)資訊,因此手機(jī)網(wǎng)站制作的首要一點(diǎn)就是減少網(wǎng)頁(yè)內(nèi)容,最好不用圖片或是影音視頻等,文字也應(yīng)該精簡(jiǎn),但要保持網(wǎng)頁(yè)內(nèi)容的可讀性。只需要將最重要的資訊放入移動(dòng)版網(wǎng)頁(yè),不太重要的內(nèi)容內(nèi)容,可以略去,或者通過(guò)超鏈接鏈接到新網(wǎng)頁(yè)上?! ?、手機(jī)網(wǎng)站制作要注重網(wǎng)頁(yè)產(chǎn)品和服務(wù)的展示:  企業(yè)在手機(jī)網(wǎng)站上,需要表現(xiàn)的重點(diǎn)仍然是產(chǎn)品和服務(wù)的展示。移動(dòng)用戶訪問(wèn)企業(yè)手機(jī)網(wǎng)站往往是有備而來(lái),想了解某個(gè)產(chǎn)品或者服務(wù)的詳細(xì)價(jià)格、服務(wù)內(nèi)容和功能。所以企業(yè)在手機(jī)網(wǎng)站上的產(chǎn)品和服務(wù)展示,可選擇企業(yè)的主要產(chǎn)品,對(duì)其各類參數(shù)或價(jià)格加以詳細(xì)說(shuō)明,對(duì)于企業(yè)的新產(chǎn)品,也可以適當(dāng)?shù)募右越榻B,必要時(shí)可以采用圖文并茂的方式,但圖片的體積應(yīng)盡量小?! ∫陨鲜窃谑謾C(jī)網(wǎng)站制作中需要注意的幾個(gè)方面,手機(jī)網(wǎng)站頁(yè)面設(shè)計(jì)需要符合用戶體驗(yàn),以方便用戶操作為準(zhǔn)則,能夠?yàn)橛脩魩?lái)切實(shí)的幫助,這是手機(jī)網(wǎng)站制作上的基本要求,也是滿足用戶需求的基本原則。
0 有幫助 展開(kāi)

網(wǎng)頁(yè)設(shè)計(jì)自學(xué)要多久

網(wǎng)頁(yè)設(shè)計(jì)自學(xué),其實(shí)有計(jì)算機(jī)知識(shí)基礎(chǔ),不看編程語(yǔ)言只需要幾天就絕對(duì)OK了。網(wǎng)頁(yè)設(shè)計(jì)的步驟大概是這樣的:PS/Fireworks> + >>>dreamweaver >flash > >>>>網(wǎng)站》瀏覽器》客戶端 數(shù)據(jù)庫(kù)》JSP/ASP/PHP>其實(shí)編程不難,個(gè)人建議先學(xué)個(gè)基礎(chǔ)部分然后實(shí)例練習(xí)需要什么知識(shí)學(xué)什么知識(shí),這樣算就是基礎(chǔ)部分以一天6小時(shí)算最多4——5天就OK。盛下的時(shí)間就看你自己的努力了主要的就是多做,學(xué)的再多都沒(méi)用,不做什么都不會(huì)。有不懂的可以來(lái)找我,有時(shí)間一起探討。發(fā)消息給我知道就行給你幾個(gè)示例的好網(wǎng)站:http://www.cnwebshow.com/?P_AVPASS=PHDGBITAVPASST還有教程:http://tech.163.com/special/000915SN/Dreamweaver01.html
0 有幫助? 展開(kāi)

網(wǎng)頁(yè)設(shè)計(jì)需要學(xué)習(xí)拿些課程?

《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)實(shí)戰(zhàn)大全》《實(shí)戰(zhàn) Dreamweaver網(wǎng)頁(yè)制作教程》《JavaScript  語(yǔ)言精粹》
0 有幫助? 展開(kāi)

要做網(wǎng)頁(yè)設(shè)計(jì)師,編程是不是一定要學(xué)呢?

網(wǎng)頁(yè)設(shè)計(jì)師主要是指精通Photoshop,Coreldraw,Frontpage,Dreamweaver等多項(xiàng)網(wǎng)頁(yè)設(shè)計(jì)工具的網(wǎng)頁(yè)設(shè)計(jì)人員。其實(shí)一般大一點(diǎn)的公司,都把網(wǎng)頁(yè)設(shè)計(jì)師分為美工和前端兩個(gè)職位,美工(UI設(shè)計(jì)師)負(fù)責(zé)網(wǎng)頁(yè)設(shè)計(jì),使用photoshop,Coreldraw,只負(fù)責(zé)網(wǎng)頁(yè)的設(shè)計(jì)與搭色生產(chǎn)原圖;前端工程師使用Dreamweaver,Frontpage負(fù)責(zé)把圖片變成html+css+js的靜態(tài)頁(yè)面和頁(yè)面效果 ;其實(shí)在工作中要看偏重前端還是ui設(shè)計(jì),其中前端需要js(javascript)編程(往往需要學(xué)習(xí)jquery),這就對(duì)js編程要求很好才行。
0 有幫助 展開(kāi)

網(wǎng)頁(yè)設(shè)計(jì)采用了哪些主要技術(shù)

HTML,CSS,Javascript,平面設(shè)計(jì)。這些都是網(wǎng)頁(yè)設(shè)計(jì)需要的技術(shù)。如果要加上動(dòng)態(tài)程序功能,還至少需要有一種服務(wù)端腳本技術(shù),比如php,jsp,.net
0 有幫助? 展開(kāi)

網(wǎng)頁(yè)設(shè)計(jì)要用到哪些軟件?

網(wǎng)頁(yè)設(shè)計(jì)人員需要對(duì)計(jì)算機(jī)硬件有一些了解,至少要懂得機(jī)器的硬件一般由哪些構(gòu)成。要對(duì)網(wǎng)頁(yè)設(shè)計(jì)常用軟件很精通,一般常用的網(wǎng)頁(yè)設(shè)計(jì)軟件包括Photoshop,fflash,dreamweaver,當(dāng)然了,還要精通HTML標(biāo)記代碼,他可是所有設(shè)計(jì)的根本。還有一些網(wǎng)頁(yè)特效的使用,所以,您還需要學(xué)習(xí)有關(guān)CSS,JSP的有關(guān)知識(shí). 有了以上這些,可以做出一個(gè)相當(dāng)不錯(cuò)的網(wǎng)頁(yè)了,但是要是做一個(gè)網(wǎng)站,或是可以進(jìn)行交互式的網(wǎng)頁(yè),還需要了解有關(guān)ASP,還有ACCESS或者是SQL數(shù)據(jù)庫(kù)方面的知識(shí)才可以 . 如果要發(fā)布到互聯(lián)網(wǎng)上,還需要了解一些關(guān)于FTP方面的知識(shí),以便于可以迅速的上傳你的網(wǎng)頁(yè). 在本機(jī)調(diào)試網(wǎng)站時(shí),我們一般會(huì)使用一些工具在本機(jī)進(jìn)行調(diào)式,還需要學(xué)習(xí)有關(guān)WEB服務(wù)器架設(shè)方面的常識(shí),常用的有MICROSOFT WINDOWS自帶的IIS或是阿帕奇等. 為了推廣網(wǎng)站,在各大搜索引擎進(jìn)行登記也是必需的,所以,還需要有一些關(guān)于互聯(lián)網(wǎng)使用方面的常識(shí). 網(wǎng)頁(yè)設(shè)計(jì)常用軟件有以下三個(gè): 1、Dreamweaver 這個(gè)是網(wǎng)頁(yè)編輯代碼的專業(yè)軟件。也是做網(wǎng)頁(yè)設(shè)計(jì)的必須懂得操作的軟件。 2、Photoshop 這個(gè)是做圖片處理,美化網(wǎng)頁(yè)的,工作中也非常的常用。 3、flash 很多時(shí)候圖片沒(méi)有一個(gè)flash好看,就用這個(gè)制作flash動(dòng)畫(huà),可以加到你的網(wǎng)頁(yè)中。 一個(gè)網(wǎng)頁(yè)設(shè)計(jì)人員必須要掌握文中介紹的這三個(gè)軟件,如果不會(huì)的可以先去到智通培訓(xùn)學(xué)習(xí)學(xué)習(xí)一下網(wǎng)頁(yè)設(shè)計(jì)方面的課程。學(xué)會(huì)以后就可以找一份高薪的網(wǎng)頁(yè)設(shè)計(jì)工作。
0 有幫助? 展開(kāi)
img

在線咨詢

建站在線咨詢

img

微信咨詢

掃一掃添加
動(dòng)力姐姐微信

img
img

TOP