設(shè)計(jì)開發(fā)網(wǎng)站
提問問題
列表
-
開發(fā)在線學(xué)習(xí)平臺(tái) 要解決的問題主要包括哪些
查看答案>>
-
證明自己的網(wǎng)頁設(shè)計(jì)技術(shù)需要考什么證書?
查看答案>>
-
定制網(wǎng)站和模版網(wǎng)站有哪些區(qū)別?
查看答案>>
-
網(wǎng)站設(shè)計(jì)的目的和意義
查看答案>>
-
網(wǎng)站開發(fā)主要做什么
查看答案>>
-
網(wǎng)頁設(shè)計(jì)和web前端開發(fā)哪個(gè)好
查看答案>>
-
網(wǎng)頁制作與網(wǎng)站設(shè)計(jì)報(bào)告書
查看答案>>
-
網(wǎng)站的設(shè)計(jì)方案要怎么寫?
查看答案>>
-
網(wǎng)站建設(shè)和網(wǎng)站設(shè)計(jì)的區(qū)別
查看答案>>
-
電子商務(wù)網(wǎng)站的開發(fā)流程是怎樣的?
查看答案>>
開發(fā)在線學(xué)習(xí)平臺(tái) 要解決的問題主要包括哪些
關(guān)于網(wǎng)站結(jié)構(gòu)和交互性的探討我們都知道如何創(chuàng)建一個(gè)好的網(wǎng)站。有一大堆的關(guān)于可用性、界面設(shè)計(jì)以及網(wǎng)站設(shè)計(jì)的書可以參考。如今,我們都知道一個(gè)好的站點(diǎn)應(yīng)該有:非常好看的設(shè)計(jì)、友好的界面、毫無缺點(diǎn)的結(jié)構(gòu)、智能化的后臺(tái)處理以及非常優(yōu)秀的內(nèi)容。唯一被大多數(shù)人所忽視的可能是交互性。缺乏交互性的網(wǎng)站即使看上去非常的漂亮也是缺乏生命力的。在網(wǎng)站設(shè)計(jì)上經(jīng)常使用的是一些文字的交互,但是文字交互的效果到現(xiàn)在位置還是非常模糊,除非你每日醉心于交互性設(shè)計(jì),否則你根本難以描述什么叫做'交互'。如何把我們的注意力集中在交互性上還是繼續(xù)讓我們的想像力馳騁?我想,問題在于我們能把我們從媒體上獲得的一些簡(jiǎn)單的理論用于我們的實(shí)踐。我們需要記得的是網(wǎng)站包含哪些內(nèi)容?網(wǎng)站的結(jié)構(gòu)是什么?我們最初的目的是什么?不同于其它媒體的'網(wǎng)站交互'不象其它大多數(shù)媒體,如我們看電視,聽收音機(jī)或者瀏覽雜志,網(wǎng)站它不是一個(gè)被動(dòng)的媒體。我們不能真正的觀看網(wǎng)頁。顯而易見,我們可以調(diào)出一個(gè)網(wǎng)站,然后坐在那里目不轉(zhuǎn)睛的瀏覽,如果我們坐在那里吃爆米花的話,網(wǎng)頁并不能夠自動(dòng)的變化內(nèi)容(當(dāng)然,你可以在右手使用的鼠標(biāo)的同事,不停的用左手把爆米花塞到你的嘴里,這里所述的意思是,如果你不干預(yù),訪問網(wǎng)站和看電視的最大區(qū)別是訪問網(wǎng)站需要根據(jù)你的主動(dòng)選擇)。瀏覽網(wǎng)站的內(nèi)容根據(jù)你的個(gè)人喜好,在眾多的連接和下拉菜單中選擇你喜歡或者關(guān)心的內(nèi)容或者連接到另外一個(gè)站點(diǎn)。網(wǎng)站具備大多數(shù)媒體所不具備的特殊性:用戶的選擇和主動(dòng)性。與此相反的是,許多的出版者的決定來自于意見反饋表、感覺或者來自于電視、收音機(jī)和出版物等所有信息的體驗(yàn)。我們對(duì)正在播出的電視、收音機(jī)節(jié)目基本不具備控制的能力(當(dāng)然,如果您是電臺(tái)的工作人員除外),我們僅僅能作的是對(duì)你的電視或者收音機(jī)作些什么,而對(duì)于內(nèi)容控制,我們則無能為力。你可以調(diào)低音量或者調(diào)高音量,或者換個(gè)頻道,甚至關(guān)閉電視機(jī)或者收音機(jī),去作其它的事情,比如到外面散散步,或者到四合院里和鄰居們聊天。我們可以訂閱或者退訂報(bào)紙或者雜志,選擇我們喜歡閱讀的文章,或者給內(nèi)容編輯寫信探討關(guān)于內(nèi)容的見解或者疑問。但是這些選項(xiàng)還是和網(wǎng)站所能作的不能相比。但是,對(duì)于熱門內(nèi)容的經(jīng)常[此屬臟話,已被過濾:經(jīng)典論壇]互,已經(jīng)成為越來越清晰的表現(xiàn)出對(duì)這方面的需求。不確定的網(wǎng)站交互周期從應(yīng)用的觀點(diǎn)來說,我們可以對(duì)某事作用于某人我們?cè)撟鍪裁词裁礃拥慕换ソo出一個(gè)簡(jiǎn)單的定義。但,這的確是一個(gè)含糊的概念,所以對(duì)于某些特定某件事件的交互性的常常有很多的討論,意見多種多樣。從開始連接上網(wǎng)開始,網(wǎng)站上有太多關(guān)于交互性的例子了。比如文本下的下劃線,靜態(tài)圖片或者諸如活潑的JavaScript翻轉(zhuǎn)動(dòng)畫等動(dòng)態(tài)精美圖片,面對(duì)這些令人炫目的特效,實(shí)質(zhì)上呢,這些連接本質(zhì)上也是靜態(tài)的。直到我們對(duì)那些連接感興趣的時(shí)候,我們才會(huì)決定用鼠標(biāo)去點(diǎn)擊。一旦點(diǎn)擊,相關(guān)的頁面將出現(xiàn)文字,圖表,表格或者你感興趣的其它內(nèi)容,這樣你就立刻可以得到滿足(當(dāng)然,前提是該連接正確有效,而且該連接所在的服務(wù)器和網(wǎng)絡(luò)保持正常連接而且運(yùn)行正常)。網(wǎng)站的交互體現(xiàn)在,作為一種媒體,網(wǎng)站將會(huì)對(duì)你的選擇做出響應(yīng),然后訪問者就可以循環(huán)似的選擇,連接到其它的頁面。重復(fù)的作這些,繼續(xù)點(diǎn)擊,用戶的選擇就可以及時(shí)從服務(wù)器得到響應(yīng),這是一個(gè)非常讓人愉快的過程。這樣的通過訪問者的手就能夠控制的交互能力對(duì)于電視雜志來說是基本不可能實(shí)現(xiàn)的。交互性,也是一種'關(guān)系'。作為網(wǎng)站開發(fā)者或者設(shè)計(jì)者,學(xué)習(xí)如何讓我們的良好的視覺設(shè)計(jì)和技術(shù)開發(fā)能力和交互性兼顧,將讓網(wǎng)站的訪問者包括我們自己都會(huì)為此感到愉悅。當(dāng)然,連接不是交互性的全部,但的確是網(wǎng)站結(jié)構(gòu)和設(shè)計(jì)的核心和靈魂,就象這個(gè)世界本身就令我們非常著迷一樣。必須要理解網(wǎng)站結(jié)構(gòu)了解站點(diǎn)的結(jié)構(gòu)是非常重要的,特別是對(duì)于你要處理大量的數(shù)據(jù)來說沒有比這個(gè)更重要的事情了。當(dāng)網(wǎng)站的多個(gè)欄目有成百上千的文檔需要管理或者有規(guī)則的添加新文件的時(shí)候,了解站點(diǎn)的結(jié)構(gòu)成為頭等大事。了解了網(wǎng)站的結(jié)構(gòu),我們就可以通過網(wǎng)站結(jié)構(gòu)達(dá)到控制文件管理的目的。接下來,通過我們理解的網(wǎng)站結(jié)構(gòu),我們不但要知道我們的網(wǎng)站將和訪問者的動(dòng)作如何相互影響,而且要利用我們先進(jìn)的后臺(tái)技術(shù),不留痕跡的讓這種交互過程變得強(qiáng)大和有效。當(dāng)然,我們知道最初的網(wǎng)站并不想成為一個(gè)圖形媒體。最初的想法是創(chuàng)建一個(gè)方便存取的文本文件以快速連接文件。舉例來說,如果一個(gè)醫(yī)生要發(fā)表一項(xiàng)關(guān)于內(nèi)科的研究成果共同行參考,他或者她就可以在超級(jí)終端的純文本環(huán)境里面,將他的論文的連接加入到一個(gè)醫(yī)學(xué)研究的相關(guān)目錄。雖然,今天的站點(diǎn)看起來和以前有很大不同,很多的網(wǎng)站有著非常漂亮的圖形界面,豐富的媒體格式和在線游戲等等,但是其本質(zhì)并沒有改變。它僅僅是對(duì)我們未經(jīng)訓(xùn)練的眼睛來說有了明顯的變化。交互式媒體現(xiàn)在被稱為'新媒體'。'新媒體'以它的交互性與常見的諸如報(bào)紙、雜志、書、收音機(jī)、標(biāo)準(zhǔn)的動(dòng)畫片、電視和電影等靜態(tài)媒體區(qū)別開來。網(wǎng)頁正快速的從純文本向圖形化過渡。一旦我們使用的圖形瀏覽器開始支持圖形文件格式,文本連接就變成了圖形連接。如今,通過使用形形色色的HTML,CSS和JavaScript(一種越來越廣泛使用無需連接大應(yīng)用服務(wù)器和數(shù)據(jù)庫就可以產(chǎn)生交互功能的編程語言)的連接越來越豐富。然而,需要強(qiáng)調(diào)的是,我們創(chuàng)作的時(shí)候依然要重視網(wǎng)站的基本結(jié)構(gòu)。最好的方法,是使用一個(gè)白板把你腦子里面的想法畫出來。首先,先畫出站點(diǎn)的基本構(gòu)成,然后就要考慮有那些令人感興趣的頁面可以可以鏈接到其它哪些頁面,依靠集體的力量最終完成該站點(diǎn)。使用的線性結(jié)構(gòu),可以對(duì)訪問者以更好的指引。最終畫出仔細(xì)構(gòu)思的網(wǎng)站結(jié)構(gòu)你面臨的最大的挑戰(zhàn)是將你的想法畫出來。如果你現(xiàn)在已經(jīng)因工作的壓力快要發(fā)瘋的時(shí)候,建議你出去走走,坐在樹下,用草稿紙畫個(gè)草圖也許感覺會(huì)輕松一些。先畫出主要的部分,一開始不要使用文字,僅僅把需要重點(diǎn)表現(xiàn)出來的頁面或者站點(diǎn)單元按需要畫出框圖即可。然后,回過頭來想想有幾種可能關(guān)聯(lián)到那些部分,是否是唯一關(guān)聯(lián)的部分。按照這樣的方法,在創(chuàng)作的道路上,你可能最終得到令人驚喜的結(jié)果。其實(shí),類似于這樣的考驗(yàn)并不常有,但是對(duì)于站點(diǎn)制作人員來說,通過這樣的方法可以受益很多。全面使用你的大腦,你將得到一個(gè)更具可用性的站點(diǎn)。究竟什么是'交互性'新聞網(wǎng)站?奧特斯汀專欄文章12/10/1998因特網(wǎng)是雙向交流的媒體,'交互性'是因特網(wǎng)媒體較之傳統(tǒng)媒體的一大優(yōu)越性,但目前許多新聞網(wǎng)站實(shí)在說不上有什么'交互性',或者說只是沾了點(diǎn)兒邊而已,并沒有很好地利用網(wǎng)絡(luò)的這一特性。'交互性'的真正涵義是什么?資訊內(nèi)容與網(wǎng)上讀者'交互性'在新聞網(wǎng)站可以有多種表現(xiàn)。一個(gè)擁有資料庫,可供讀者查詢他們所需的特定信息的新聞網(wǎng)站就具有'交互性'。例如,當(dāng)?shù)匦侣劸W(wǎng)站的'犯罪檔案',讀者輸入某一街區(qū)的地址,就能查到該區(qū)的犯罪記錄。還有選舉結(jié)果資料庫,同樣地,網(wǎng)上讀者只要輸入地址,就可以查詢?cè)搮^(qū)的選舉結(jié)果。網(wǎng)上民意調(diào)查、電子賀卡服務(wù)也體現(xiàn)了'交互性'的特點(diǎn)。以上這些方式,當(dāng)然都很好,但都僅僅是在網(wǎng)上讀者與資訊內(nèi)容之間存在'交互性',一個(gè)真正的'交互性'網(wǎng)站,應(yīng)該實(shí)現(xiàn)網(wǎng)上讀者之間的雙向交流,把'交互性'建立在人們彼此的交流中,這是發(fā)揮網(wǎng)上媒體優(yōu)越性的最重要而有效的方式。因特網(wǎng)顯然是'雙向'交流的媒體,因此網(wǎng)站實(shí)現(xiàn)最佳'交互性',是讓網(wǎng)上讀者之間,讀者與網(wǎng)站工作人員之間相互溝通。
證明自己的網(wǎng)頁設(shè)計(jì)技術(shù)需要考什么證書?
網(wǎng)頁設(shè)計(jì)師應(yīng)該擁有的幾個(gè)證書Macromedia認(rèn)證網(wǎng)頁設(shè)計(jì)師證書主辦機(jī)構(gòu):Macromedia公司,擁有300萬開發(fā)和設(shè)計(jì)用戶,以及廣大的行業(yè)合作伙伴網(wǎng)絡(luò),全球98%的web用戶都采用了Macromedia的軟件。培訓(xùn)內(nèi)容:目前開設(shè)MacromediaFlashMX2004、DreamweaverMX2004、FireworksMX2004三個(gè)科目,每門科目代表了不同的應(yīng)用方向。學(xué)員通過了三門科目的考試后,才能獲得Macromedia認(rèn)證網(wǎng)頁設(shè)計(jì)師證書。Adobe認(rèn)證網(wǎng)頁設(shè)計(jì)師證書(ACCD)主辦機(jī)構(gòu):美國(guó)Adobe公司是全球第二大桌面軟件公司,產(chǎn)品涉及圖形設(shè)計(jì)、圖像制作、數(shù)碼視頻和網(wǎng)頁制作等領(lǐng)域。培訓(xùn)內(nèi)容:涉及PageMill3.0、ImageReady1.0、ImageStyler1.0、PhotoDeluxe3.0HE等軟件的應(yīng)用,其中,最核心部分是AdobeGoLive軟件應(yīng)用,該軟件是目前最強(qiáng)勢(shì)的排版設(shè)計(jì)工具和網(wǎng)站管理工具。CIW認(rèn)證網(wǎng)頁設(shè)計(jì)師證書主辦機(jī)構(gòu):CIW(CertifiedInternetWebmaster)以開發(fā)超越廠商背景的互聯(lián)網(wǎng)證書而聞名于世,在全球IT認(rèn)證界具有一定的權(quán)威地位。培訓(xùn)內(nèi)容:CIW中國(guó)認(rèn)證網(wǎng)頁設(shè)計(jì)師課程設(shè)置上偏重于Web設(shè)計(jì)與制作,使學(xué)員能夠應(yīng)用獨(dú)特的設(shè)計(jì)理念、豐富動(dòng)態(tài)的應(yīng)用程序及互動(dòng)多媒體制作方式,創(chuàng)作出最為直觀的Web作品。CIW認(rèn)證分成網(wǎng)頁制作專家、Flash動(dòng)畫制作專家和圖像處理專家三個(gè)方向。CEAC認(rèn)證網(wǎng)頁設(shè)計(jì)師證書(CCWD)主辦機(jī)構(gòu):由國(guó)家信息產(chǎn)業(yè)部設(shè)立,由CEAC國(guó)家信息化培訓(xùn)認(rèn)證管理辦公室統(tǒng)一管理、實(shí)施,是國(guó)家級(jí)教育認(rèn)證項(xiàng)目。培訓(xùn)內(nèi)容:主要涉及Flash2004、Photoshop8.0、Dreamweaver2004、Fireworks2004、HTML語言、CSS樣式表、ASP后臺(tái)開發(fā)、留言板建立、論壇實(shí)例整合、網(wǎng)站架構(gòu)及信息資源等,學(xué)員完成培訓(xùn)后能獨(dú)立完成網(wǎng)頁設(shè)計(jì)與網(wǎng)站建構(gòu)。哪些證書含金量較高■Macromedia證書MacromediaWeb設(shè)計(jì)師認(rèn)證項(xiàng)目,是專為網(wǎng)頁設(shè)計(jì)制作人員、Web開發(fā)人員及Macro?鄄media產(chǎn)品愛好者度身定制的,是考核以上人員綜合應(yīng)用MacromediaFlash、Dreamweaver和Fireworks軟件進(jìn)行專業(yè)、高效Web設(shè)計(jì)與制作能力的權(quán)威認(rèn)證項(xiàng)目。該認(rèn)證的針對(duì)性較強(qiáng),其中的Macromedia互動(dòng)媒體工程師認(rèn)證偏重于多媒體應(yīng)用程序的設(shè)計(jì)制作,MacromediaWeb開發(fā)工程師認(rèn)證偏重Inter?鄄net應(yīng)用程序、XML處理、Web服務(wù)等。由于Macromedia公司的軟件是網(wǎng)頁設(shè)計(jì)及多媒體制作領(lǐng)域應(yīng)用最為廣泛的軟件,因此,參加相關(guān)培訓(xùn),不僅能掌握最流行的Macromedia軟件操作技能,而且也大大增加了就業(yè)機(jī)會(huì)。推薦指數(shù):★★★★★■Adobe證書由于ADOBE公司在平面設(shè)計(jì)及圖片處理軟件領(lǐng)域的權(quán)威地位,Adobe證書能證明持證者在獨(dú)立設(shè)計(jì)與制作動(dòng)畫、靜態(tài)和動(dòng)態(tài)網(wǎng)頁方面的出色能力。隨著企業(yè)對(duì)網(wǎng)頁制作要求的不斷提高,Adobe網(wǎng)頁設(shè)計(jì)師證書將成為這一領(lǐng)域最炙手可熱的證書。推薦指數(shù):★★★★■CIW證書自1998年創(chuàng)建以來,CIW認(rèn)證以迅猛之勢(shì)遍及100多個(gè)國(guó)家,目前已成為全球發(fā)展最快的綜合型IT認(rèn)證培訓(xùn)機(jī)構(gòu)。CIW證書獲得互聯(lián)網(wǎng)專家協(xié)會(huì)(AIP)、國(guó)際網(wǎng)站管理員協(xié)會(huì)(IWA)、國(guó)際互聯(lián)網(wǎng)證書機(jī)構(gòu)(ICII)、新加坡國(guó)家InfoComm資格中心等專業(yè)機(jī)構(gòu)的普遍認(rèn)可。此外,由于CIW與IBM、HP、Intel等國(guó)際知名IT企業(yè)的密切合作,使CIW證書在全球IT業(yè)界具有極高的權(quán)威性。對(duì)國(guó)內(nèi)IT人士來說,擁有CIW證書,無疑將大大增加就業(yè)競(jìng)爭(zhēng)力。推薦指數(shù):★★★
定制網(wǎng)站和模版網(wǎng)站有哪些區(qū)別?
定制主要是根據(jù)不同行業(yè),不同企業(yè),由專業(yè)的設(shè)計(jì)團(tuán)隊(duì)和開發(fā)團(tuán)隊(duì)進(jìn)行制作的網(wǎng)站模板是已經(jīng)開發(fā)完成的網(wǎng)站,只需要更換公司LOGO,廣告圖,以及在后臺(tái)添加相應(yīng)資料和產(chǎn)品。定制與模板最大的區(qū)別就在于個(gè)性化,模板版式都固定了,無法修改
網(wǎng)站設(shè)計(jì)的目的和意義
1 課題開發(fā)背:課題開發(fā)背景就是網(wǎng)站在市場(chǎng)中的需求, 2 課題目的:課題目的開發(fā)此網(wǎng)站的意義 3 課題意義:同上 二課題介紹及相關(guān)技術(shù)分析:1總體設(shè)計(jì)思想:網(wǎng)站的整體框架2網(wǎng)站開發(fā)工具分析:開發(fā)網(wǎng)站使用的技術(shù),具體實(shí)現(xiàn)網(wǎng)站的功能步驟和難度分析.
網(wǎng)站開發(fā)主要做什么
網(wǎng)站開發(fā)又叫web開發(fā),主要的工作有以下幾個(gè)方法網(wǎng)站構(gòu)架,就是整個(gè)網(wǎng)站的規(guī)劃,開發(fā)框架什么的,一般小公司都沒這個(gè)。前臺(tái)開發(fā),主要是UI設(shè)計(jì)(就是各類圖標(biāo))、圖片處理、html頁面設(shè)計(jì)后臺(tái)開發(fā),主要是用php、asp.net、jsp等后臺(tái)語言編寫腳本開發(fā),js類的應(yīng)用,這個(gè)有的公司放在前臺(tái),有的放在后臺(tái),一般不單獨(dú)拿出來?,F(xiàn)在流行一種說法,全棧開發(fā),也就是一個(gè)人對(duì)上面的東西全部搞定,當(dāng)然做得多,待遇也就高了。網(wǎng)站開發(fā)的主要技術(shù)學(xué)習(xí)內(nèi)容主要有:學(xué)好CSS是網(wǎng)頁外觀的重要一點(diǎn),CSS可以幫助把網(wǎng)頁外觀做得更加美觀。div布局: DIV元素是用來為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景的元素。學(xué)習(xí)JavaScript的基本語法,以及如何使用。JavaScript編程將會(huì)提高開發(fā)人員的個(gè)人技能。了解Unix和Linux的基本知識(shí)雖然這兩點(diǎn)很基礎(chǔ),但是開發(fā)人員了解Unix和Linux的基本知識(shí)是有益無害的。html5+css3:移動(dòng)端的網(wǎng)頁制作。在移動(dòng)設(shè)備開發(fā)HTML5應(yīng)用只有兩種方法,要不就是全使用HTML5的語法,要不就是僅使用JavaScript引擎,現(xiàn)在也是前端的一個(gè)趨勢(shì)。一些框架的應(yīng)用:angular.js,node.js,bootsttap等框架的應(yīng)用。了解Web服務(wù)器對(duì)Apache的基本配置,并且掌握htaccess配置技巧還需要學(xué)習(xí)一些seo優(yōu)化技術(shù),因?yàn)榍岸耸墙?jīng)常會(huì)和網(wǎng)站接觸的。學(xué)習(xí)至少一門后臺(tái)語言,推薦PHP,用的人較多。
網(wǎng)頁設(shè)計(jì)和web前端開發(fā)哪個(gè)好
一個(gè)是偏向于設(shè)計(jì),一個(gè)是偏向于代碼。如果是網(wǎng)頁設(shè)計(jì),剛開始可能是模仿別人的網(wǎng)頁,但是到了最后會(huì)出現(xiàn)慢慢的偏重于美術(shù),心理學(xué),色彩,繪畫等。這些藝術(shù)方面,表面你能看到的,如果你是學(xué)計(jì)算機(jī)的接觸過網(wǎng)頁設(shè)計(jì),并喜歡網(wǎng)頁設(shè)計(jì),我建議不要偏向這個(gè)方面,因?yàn)榈胶髞碜屇阕约邯?dú)立設(shè)計(jì)網(wǎng)頁時(shí),色彩搭配是很難的,還有整體布局,以及是否符合當(dāng)下潮流等?,F(xiàn)在的網(wǎng)頁千變?nèi)f化,設(shè)計(jì)也要不斷學(xué)習(xí),并且能跟得上。 對(duì)于web前端開發(fā)這個(gè)就是把別人設(shè)計(jì)好的自己用div+css+js去實(shí)現(xiàn)的,一個(gè)簡(jiǎn)單的網(wǎng)頁可能就是div+css把它寫出來,但是這里面是充滿經(jīng)驗(yàn)的。web前端的發(fā)展過程中到了最后就是頭疼的兼容性問題,因?yàn)橐_保一個(gè)頁面在任何瀏覽器當(dāng)中能正常顯示是很不容易的,瀏覽器廠商那么多,各自還有自己的專屬屬性,而且有的還要求在手機(jī)中能夠顯示,能夠自適應(yīng)屏幕等。單純的css無法來控制,就需要學(xué)習(xí)javascript, web前端看似簡(jiǎn)單其實(shí)要學(xué)習(xí)的東西很多,經(jīng)驗(yàn)也特別重要,接觸后臺(tái)后你會(huì)更明白前端的重要性。
網(wǎng)頁制作與網(wǎng)站設(shè)計(jì)報(bào)告書
網(wǎng)站項(xiàng)目管理規(guī)范 一.概念 網(wǎng)站項(xiàng)目管理就是根據(jù)特定的規(guī)范、在預(yù)算范圍內(nèi)、按時(shí)完成的網(wǎng)站開發(fā)任務(wù)?! 《?需求分析 1.項(xiàng)目立項(xiàng) 我們接到客戶的業(yè)務(wù)咨詢,經(jīng)過雙方不斷的接洽和了解,并通過基本的可行性討論夠,初步達(dá)成制作協(xié)議,這時(shí)就需要將項(xiàng)目立項(xiàng)。較好的做法是成立一個(gè)專門的項(xiàng)目小組,小組成員包括:項(xiàng)目經(jīng)理,網(wǎng)頁設(shè)計(jì),程序員,測(cè)試員,編輯/文檔等必須人員。項(xiàng)目實(shí)行項(xiàng)目經(jīng)理制?! ?.客戶的需求說明書 第一步是需要客戶提供一個(gè)完整的需求說明。很多客戶對(duì)自己的需求并不是很清楚,需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次,我問客戶:“您做網(wǎng)站的目的是什么?”他回答:“沒有目的,只是因?yàn)閯e人都有,我沒有!”。這樣的客戶就需要耐心說明,仔細(xì)分析,挖掘出他潛在的,真正的需求。 配合客戶寫一份詳細(xì)的,完整的需求說明會(huì)花很多時(shí)間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認(rèn)可。把好這一關(guān),可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢?簡(jiǎn)單說,包含下面幾點(diǎn): 1.正確性:每個(gè)功能必須清楚描寫交付的功能; 2.可行性:確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求; 3.必要性:功能是否必須交付,是否可以推遲實(shí)現(xiàn),是否可以在削減開支情況發(fā)生時(shí)"砍"掉; 4.簡(jiǎn)明性:不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語; 5.檢測(cè)性:如果開發(fā)完畢,客戶可以根據(jù)需求檢測(cè)?! ∪?系統(tǒng)分析 1.網(wǎng)站總體設(shè)計(jì) 在拿到客戶的需求說明后,并不是直接開始制作,而是需要對(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)站開發(fā)使用什么軟件,在什么樣的硬件環(huán)境; 3.需要多少人,多少時(shí)間; 4.需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些?! ⊥瑫r(shí)需要寫一份總體規(guī)劃說明書,包括: 1.網(wǎng)站的欄目和版塊; 2.網(wǎng)站的功能和相應(yīng)的程序; 3.網(wǎng)站的鏈接結(jié)構(gòu); 4.如果有數(shù)據(jù)庫,進(jìn)行數(shù)據(jù)庫的概念設(shè)計(jì); 5.網(wǎng)站的交互性和用戶友好設(shè)計(jì)?! ?.網(wǎng)站建設(shè)方案 在總體設(shè)計(jì)出來后,一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(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)站形象說明; 4.網(wǎng)站的欄目版塊和結(jié)構(gòu); 5.網(wǎng)站內(nèi)容的安排,相互鏈接關(guān)系; 6.使用軟件,硬件和技術(shù)分析說明; 7.開發(fā)時(shí)間進(jìn)度表; 8.宣傳推廣方案; 9.維護(hù)方案; 10.制作費(fèi)用; 11.本公司簡(jiǎn)介:成功作品,技術(shù),人才說明等?! ‘?dāng)您的方案通過客戶的認(rèn)可,您可以開始動(dòng)手制作網(wǎng)站了。但還不是真正意義上的制作,你需要進(jìn)行詳細(xì)設(shè)計(jì): 3.網(wǎng)站詳細(xì)設(shè)計(jì) 總體設(shè)計(jì)階段以比較抽象概括的方式提出了解決問題的辦法。詳細(xì)設(shè)計(jì)階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計(jì)主要是針對(duì)程序開發(fā)部分來說的。但這個(gè)階段的不是真正編寫程序,而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖,它們應(yīng)該 包含必要的細(xì)節(jié),例如:程序界面,表單,需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實(shí)際的程序代碼?! ∷? 項(xiàng)目實(shí)施 1.整體形象設(shè)計(jì) 在程序員進(jìn)行詳細(xì)設(shè)計(jì)的同時(shí),網(wǎng)頁設(shè)計(jì)師開始設(shè)計(jì)網(wǎng)站的整體形象和首頁。 整體形象設(shè)計(jì)包括標(biāo)準(zhǔn)字,Logo,標(biāo)準(zhǔn)色彩,廣告語等。 首頁設(shè)計(jì)包括版面,色彩,圖像,動(dòng)態(tài)效果,圖標(biāo)等風(fēng)格設(shè)計(jì),也包括banner,菜單,標(biāo)題,版權(quán)等模塊設(shè)計(jì)。首頁一般設(shè)計(jì)1-3個(gè)不同風(fēng)格,完成后,供客戶選擇?! ∮涀。涸诳蛻舸_定首頁風(fēng)格之后,請(qǐng)客戶簽字認(rèn)可。以后不得再對(duì)版面風(fēng)格有大的變動(dòng),否則視為第二次設(shè)計(jì)。 開發(fā)制作 2.開發(fā)制作 到這里,程序員和網(wǎng)頁設(shè)計(jì)師同時(shí)進(jìn)入全力開發(fā)階段,需要提醒的是,測(cè)試人員需要隨時(shí)測(cè)試網(wǎng)頁與程序,發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測(cè)試,這樣會(huì)浪費(fèi)大量的時(shí)間和精力。項(xiàng)目經(jīng)理需要經(jīng)常了解項(xiàng)目進(jìn)度,協(xié)調(diào)和溝通程序員與網(wǎng)頁設(shè)計(jì)師的工作?! ≌{(diào)試完善 3.調(diào)試完成 在網(wǎng)站初步完成后,上傳到服務(wù)器,對(duì)網(wǎng)站進(jìn)行全范圍的測(cè)試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測(cè)試等,發(fā)現(xiàn)問題及時(shí)解決并記錄下來。 為什么要記錄文檔呢?其實(shí)本軟件工程本身就是一個(gè)文檔,是一個(gè)不斷充實(shí)和完善的標(biāo)準(zhǔn)。通過不斷的發(fā)現(xiàn)問題,解決問題,修改,補(bǔ)充文檔,使這個(gè)標(biāo)準(zhǔn)越來越規(guī)范,越來越工業(yè)化。進(jìn)而使得網(wǎng)站開發(fā)趨向規(guī)范,趨向合理?! ?.宣傳推廣 宣傳推廣的基本方法有: 1.網(wǎng)頁里設(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)址,使用操作說明文檔等提交客戶驗(yàn)收。如果需要維護(hù),另行簽定維護(hù)項(xiàng)目?! ∥?維護(hù) 網(wǎng)站成功推出后,長(zhǎng)期的維護(hù)工作才剛剛開始,需要做到的是: 1.及時(shí)響應(yīng)客戶反饋;例如可以采取Email自動(dòng)回復(fù)功能,然后在1-3個(gè)工作日里解決問題,再次回復(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)站首頁head區(qū)代碼規(guī)范 5.網(wǎng)站連接結(jié)構(gòu)規(guī)范 網(wǎng)站開發(fā)規(guī)范 任何一個(gè)項(xiàng)目或者系統(tǒng)開發(fā)之前都需要定制一個(gè)開發(fā)約定和規(guī)則,這樣有利于項(xiàng)目的整體風(fēng)格統(tǒng)一、代碼維護(hù)和擴(kuò)展。由于Web項(xiàng)目開發(fā)的分散性、獨(dú)立性、整合的交互性等,所以定制一套完整的約定和規(guī)則顯得尤為重要。定制一系列約定和規(guī)則,包括組件團(tuán)隊(duì)、文件夾命名規(guī)則、文件名命名規(guī)則、程序代碼編程風(fēng)格、數(shù)據(jù)庫設(shè)計(jì)約定。這些規(guī)則和約定需要與開發(fā)人員、設(shè)計(jì)人員和維護(hù)人員共同討論定制,將來開發(fā)都將嚴(yán)格按規(guī)則或約定開發(fā)。每個(gè)團(tuán)隊(duì)開發(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)目開發(fā)中有前后臺(tái)開發(fā)之分,前臺(tái)開發(fā)主要是指非程序編程部分,主要職責(zé)是網(wǎng)站AI設(shè)計(jì)、界面設(shè)計(jì)、動(dòng)畫設(shè)計(jì)等。而后臺(tái)開發(fā)主要是編程和網(wǎng)站運(yùn)行平臺(tái)搭建,其主要職責(zé)是設(shè)計(jì)網(wǎng)站數(shù)據(jù)庫和網(wǎng)站功能模板的實(shí)現(xiàn)。下面的這些規(guī)范主要是從這2個(gè)方面來定制的,這些規(guī)范是工作中總結(jié)的一點(diǎn)經(jīng)驗(yàn),本文檔比較適合中小型網(wǎng)站或者Web項(xiàng)目的開發(fā)規(guī)范?! ∫唬M建開發(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ì)還沒有6個(gè)人,沒有關(guān)系一個(gè)人可以有多個(gè)角色,比如項(xiàng)目經(jīng)理還可以有策劃這個(gè)角色,如程序員還可以含有代碼整合和測(cè)試這2個(gè)角色,如果你的項(xiàng)目夠大人數(shù)夠多那就分為6個(gè)組,每個(gè)組分工再來細(xì)分。下面簡(jiǎn)單介紹一下這6個(gè)角色的具體職責(zé)?! №?xiàng)目經(jīng)理,項(xiàng)目總體設(shè)計(jì),開發(fā)進(jìn)度的定制和監(jiān)控,定制相應(yīng)的開發(fā)規(guī)范,負(fù)責(zé)各個(gè)環(huán)節(jié)的評(píng)審工作,協(xié)調(diào)各個(gè)成員(小組)之間開發(fā)。策劃,提供詳細(xì)的策劃方案和需求分析。還包括后期網(wǎng)站推廣方面的策劃。美工,根據(jù)策劃和需求設(shè)計(jì)網(wǎng)站AI,界面,Logo等。程序員,根據(jù)項(xiàng)目總體設(shè)計(jì)來設(shè)計(jì)數(shù)據(jù)庫和功能模塊的實(shí)現(xiàn)。代碼整合員,負(fù)責(zé)將程序員的代碼和界面融合到一起,代碼整合員可以制作網(wǎng)站的相關(guān)頁面,測(cè)試員,負(fù)責(zé)測(cè)試程序?! 《_發(fā)工具 Web開發(fā)工具主要分為3部分,第一部分是網(wǎng)站前臺(tái)開發(fā)工具,第二部分是網(wǎng)站后臺(tái)開發(fā)環(huán)境,第三部分是項(xiàng)目管理和輔助軟件。下面分別簡(jiǎn)單介紹這三部分需要使用的軟件?! 【W(wǎng)站前臺(tái)開發(fā)主要是指Web界面設(shè)計(jì)。包括網(wǎng)站整體框架建立、常用圖片、Flash動(dòng)畫設(shè)計(jì)等等,主要使用的相關(guān)軟件是:Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等?! 【W(wǎng)站后臺(tái)開發(fā)主要指網(wǎng)站動(dòng)態(tài)程序開發(fā)、數(shù)據(jù)庫建模,主要使用的相關(guān)軟件是: PowerDesigner(數(shù)據(jù)庫建模),PowerDesigner在數(shù)據(jù)庫設(shè)計(jì)方面應(yīng)用非常強(qiáng)大,用它可以快速創(chuàng)建數(shù)據(jù)庫概念和物理模型,我最喜歡的還是它生成數(shù)據(jù)庫Report的功能太方便了,設(shè)計(jì)數(shù)據(jù)庫強(qiáng)烈推薦用它。Rational Rose(程序建模),如果你的項(xiàng)目功能模塊不是特別復(fù)雜那就剩了它吧,這樣會(huì)節(jié)省一些時(shí)間和開發(fā)的復(fù)雜度,不過我個(gè)人認(rèn)為不管是大項(xiàng)目還是小項(xiàng)目都應(yīng)該畫畫Rose圖。 網(wǎng)站項(xiàng)目管理主要指對(duì)開發(fā)進(jìn)度和代碼版本的控制。開發(fā)進(jìn)度用Microsoft Project來制定,代碼版本控制采用Visual SourceSafe,當(dāng)然還有其他的選擇比如CVS和Rational ClearCase。網(wǎng)站測(cè)試采用VS.net的附帶工具M(jìn)icrosoft Application Center Test,它可以進(jìn)行并行、負(fù)載測(cè)試等。程序文檔編寫采用Word,用WPS也可以?! ∪?網(wǎng)站開發(fā)流程 在項(xiàng)目開始實(shí)施之前應(yīng)該有一個(gè)工作步驟也就是工作流程,在項(xiàng)目開發(fā)中最需要時(shí)間的是總體設(shè)計(jì)和系統(tǒng)測(cè)試,而程序編寫代碼所占的時(shí)間并不多,但有的團(tuán)隊(duì)就急于開發(fā)寫代碼,先把程序?qū)懗鰜碓僬f,沒有注重評(píng)審和測(cè)試這2個(gè)環(huán)節(jié),結(jié)果造成返工,我在一家比較大的公司中都遇到多次這種情況。所以項(xiàng)目來了不要急于開工寫代碼,應(yīng)該一步一步慢慢來,只有走的慢才能走得穩(wěn)走得遠(yuǎn)。圖1的開發(fā)流程比較好地體現(xiàn)開發(fā)的整個(gè)環(huán)節(jié)?! D 1 從圖1可以看到2條主線,這2條主線分別是前臺(tái)開發(fā)和后臺(tái)開發(fā)。前后臺(tái)開發(fā)在項(xiàng)目開發(fā)早期互相沒有交叉,當(dāng)然不是絕對(duì)沒有,Web策劃和需求分析都是互相有關(guān)系的,一個(gè)是網(wǎng)站表現(xiàn)形式和風(fēng)格的策劃另一個(gè)是網(wǎng)站功能的策劃,它們是衣服和軀干的關(guān)系。到了開發(fā)后期就需要把界面和功能模塊結(jié)合起來形成一個(gè)統(tǒng)一,也就即將發(fā)布的網(wǎng)站。 四.?dāng)?shù)據(jù)庫開發(fā)規(guī)范 數(shù)據(jù)文件命名采用系統(tǒng)名+_+文件類型,比如系統(tǒng)名為kupage,則數(shù)據(jù)庫文件命名為kupage_database.mdf,有的數(shù)據(jù)庫文件有多個(gè),比如SQL Server就有2個(gè),一個(gè)是數(shù)據(jù)庫文件,另一個(gè)是日志文件,那么他們的文件命名分別為kupage_database.mdf,kupage_log.log。文件名全部采用小寫?! ?shù)據(jù)庫表命名規(guī)范,表名長(zhǎng)度不能超過30個(gè)字符,表名中含有單詞全部采用單數(shù)形式,單詞首寫字母要大寫,多個(gè)單詞間不用任何連接符號(hào)。若庫中有多個(gè)系統(tǒng),表名采用系統(tǒng)名稱+單詞或多個(gè)單詞,系統(tǒng)名是開發(fā)系統(tǒng)的縮寫,系統(tǒng)名稱全部采用小寫英文字符,如bbsTitle,bbsForumType。若庫中只含有一個(gè)系統(tǒng),那么表名僅用一個(gè)單詞或多個(gè)單詞。單詞選擇能夠概括表內(nèi)容的一個(gè)或多個(gè)英文單詞,如UserInfo,UserType。關(guān)連表命名規(guī)則為Re_表A_表B,Re是Relative的縮寫,如:Re_User_ArticleType, Re_User_FormType?! ?shù)據(jù)庫字段命名規(guī)范,數(shù)據(jù)庫字段名全部采用小寫英文單詞,單詞之間用”_”隔開,命名規(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è)表的名,如果表過多可以將表名適當(dāng)簡(jiǎn)化,但一定要列出所有表名?! 〈鎯?chǔ)過程命名規(guī)則P_表名_存取過程名(縮寫),比如P_User_Del,P_ArticleType_AddData。 SQL語句編寫規(guī)則,關(guān)鍵字必須大寫,其他書寫按上述命名規(guī)則,比如: SELECT user_id, user_name FROM User WHERE user_id = ‘tom’ 五.文件夾文件名命名規(guī)范 文件夾命名一般采用英文,長(zhǎng)度一般不超過20個(gè)字符,命名采用小寫字母。除特殊情況才使用中文拼音,一些常見的文件夾命名如:images(存放圖形文件),flash(存放Flash文件),style(存放CSS文件),scripts(存放Javascript腳本),inc(存放include文件),link(存放友情鏈接),media(存放多媒體文件)等。 文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合。命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義,二是當(dāng)我們?cè)谖募A中使用“按名稱排例”的命令時(shí),同一種大類的文件能夠排列在一起,以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作 ?! ?、圖片的命名原則名稱分為頭尾兩部分,用下劃線隔開,頭部分表示此圖片的大類性質(zhì)例如廣告、標(biāo)志、菜單、按鈕等等?! 》胖迷陧撁骓敳康膹V告、裝飾圖案等長(zhǎng)方形的圖片取名: banner 標(biāo)志性的圖片取名為: logo 在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button 在頁面上某一個(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 ?! ?、動(dòng)態(tài)語言文件命名規(guī)則性質(zhì)_描述,描述可以有多個(gè)單詞,用”_”隔開,性質(zhì)一般是該頁面得概要?! 》独簉egister_form.asp,register_post.asp,topic_lock.asp 六.程序代碼編程規(guī)范 一個(gè)良好的程序編碼風(fēng)格有利于系統(tǒng)的維護(hù),代碼也易于閱讀查錯(cuò)。在此只討論ASP的編程風(fēng)格和約定。在ASP中所有變量是弱變量,無需定義就可以直接使用,而且代碼不區(qū)分大小寫。但其他語言一般這些都要定義的,為了養(yǎng)成良好的編程習(xí)慣,編寫代碼務(wù)必按照一下規(guī)則?! ?、每個(gè)變量名必須定義,在ASP文件的最開始添加語句,強(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ù)過程編寫的約定。函數(shù)或者過程命名采用動(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ū)分大小寫。如下代碼片斷 strUserName = Request.Form(“UserName”) Set conn = Server.CreateObject("ADODB.Connection") 6、數(shù)據(jù)庫連接一個(gè)庫只能有一個(gè)數(shù)據(jù)庫連接文件,創(chuàng)建數(shù)據(jù)庫對(duì)象得原則是盡可能晚地打開數(shù)據(jù)庫,盡可能早地關(guān)閉數(shù)據(jù)庫。創(chuàng)建數(shù)據(jù)庫對(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ù)庫中,這樣做能夠是日期在不同的數(shù)據(jù)庫中都能良好地保存,也方便數(shù)據(jù)庫地遷移。時(shí)間用14位字符串保存,日期用8位字符串保存?! ∑撸W(wǎng)站首頁head區(qū)代碼規(guī)范 head區(qū)是指首頁HTML代碼的<head>和</head>之間的內(nèi)容。 必須加入的標(biāo)簽 1.公司版權(quán)注釋 <!--- The site is designed by Maketown,Inc 06/2004 ---> 2.網(wǎng)頁顯示字符集 簡(jiǎn)體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> 繁體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> 英 語:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 3.網(wǎng)頁制作者信息 <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)頁的css規(guī)范 <LINK href="style/style.css" rel="stylesheet" type="text/css"> (參見目錄及命名規(guī)范) 7.網(wǎng)頁標(biāo)題 <title>xxxxxxxxxxxxxxxxxx</title> 8.可以選擇加入的標(biāo)簽 1.設(shè)定網(wǎng)頁的到期時(shí)間。一旦網(wǎng)頁過期,必須到服務(wù)器上重新調(diào)閱?! ?lt;META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 2.禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁面內(nèi)容?! ?lt;META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 3.用來防止別人在框架里調(diào)用你的頁面?! ?lt;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)頁搜索機(jī)器人向?qū)?用來告訴搜索機(jī)器人哪些頁面需要索引,哪些頁面不需要索引?! ?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è)置頁面背景<body bgcolor="#FFFFFF"> 八.網(wǎng)站建設(shè)尺寸規(guī)范 1. 頁面標(biāo)準(zhǔn)按800*600分辨率制作,實(shí)際尺寸為778*434px 2. 頁面長(zhǎng)度原則上不超過3屏,寬度不超過1屏 3. 每個(gè)標(biāo)準(zhǔn)頁面為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è)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K,全尺寸banner不超過14K
網(wǎng)站的設(shè)計(jì)方案要怎么寫?
網(wǎng)站規(guī)劃書包含的內(nèi)容如下: 一、建設(shè)網(wǎng)站前的市場(chǎng)分析 1、相關(guān)行業(yè)的市場(chǎng)是怎樣的,市場(chǎng)有什么樣的特點(diǎn),是否能夠在互聯(lián)網(wǎng)上開展公司業(yè)務(wù)。 2、市場(chǎng)主要競(jìng)爭(zhēng)者分析,競(jìng)爭(zhēng)對(duì)手上網(wǎng)情況及其網(wǎng)站規(guī)劃、功能作用。 3、公司自身?xiàng)l件分析、公司概況、市場(chǎng)優(yōu)勢(shì),可以利用網(wǎng)站提升哪些競(jìng)爭(zhēng)力,建設(shè)網(wǎng)站的能力(費(fèi)用、技術(shù)、人力等)。 二、建設(shè)網(wǎng)站目的及功能定位 1、為什么要建立網(wǎng)站,是為了宣傳產(chǎn)品,進(jìn)行電子商務(wù),還是建立行業(yè)性網(wǎng)站?是企業(yè)的需要還是市場(chǎng)開拓的延伸? 2、整合公司資源,確定網(wǎng)站功能。根據(jù)公司的需要和計(jì)劃,確定網(wǎng)站的功能:產(chǎn)品宣傳型、網(wǎng)上營(yíng)銷型、客戶服務(wù)型、電子商務(wù)型等。 3、根據(jù)網(wǎng)站功能,確定網(wǎng)站應(yīng)達(dá)到的目的作用。 4、企業(yè)內(nèi)部網(wǎng)(Intranet)的建設(shè)情況和網(wǎng)站的可擴(kuò)展性。 三、網(wǎng)站技術(shù)解決方案 根據(jù)網(wǎng)站的功能確定網(wǎng)站技術(shù)解決方案。 1、采用自建服務(wù)器,還是租用虛擬主機(jī)。 2、選擇操作系統(tǒng),用unix,Linux還是Window2000/NT。分析投入成本、功能、開發(fā)、穩(wěn)定性和安全性等。 3、采用系統(tǒng)性的解決方案(如IBM,HP)等公司提供的企業(yè)上網(wǎng)方案、電子商務(wù)解決方案?還是自己開發(fā)。 4、網(wǎng)站安全性措施,防黑、防病毒方案。 5、相關(guān)程序開發(fā)。如網(wǎng)頁程序ASP、JSP、CGI、數(shù)據(jù)庫程序等。 四、網(wǎng)站內(nèi)容規(guī)劃 1、根據(jù)網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容,一般企業(yè)網(wǎng)站應(yīng)包括:公司簡(jiǎn)介、產(chǎn)品介紹、服務(wù)內(nèi)容、價(jià)格信息、聯(lián)系方式、網(wǎng)上定單等基本內(nèi)容。 2、電子商務(wù)類網(wǎng)站要提供會(huì)員注冊(cè)、詳細(xì)的商品服務(wù)信息、信息搜索查詢、定單確認(rèn)、付款、個(gè)人信息保密措施、相關(guān)幫助等。 3、如果網(wǎng)站欄目比較多,則考慮采用網(wǎng)站編程專人負(fù)責(zé)相關(guān)內(nèi)容。 注意:網(wǎng)站內(nèi)容是網(wǎng)站吸引瀏覽者最重要的因素,無內(nèi)容或不實(shí)用的信息不會(huì)吸引匆匆瀏覽的訪客??墒孪葘?duì)人們希望閱讀的信息進(jìn)行調(diào)查,并在網(wǎng)站發(fā)布后調(diào)查人們對(duì)網(wǎng)站內(nèi)容的滿意度,以及時(shí)調(diào)整網(wǎng)站內(nèi)容。 五、網(wǎng)頁設(shè)計(jì) 1、網(wǎng)頁設(shè)計(jì)美術(shù)設(shè)計(jì)要求,網(wǎng)頁美術(shù)設(shè)計(jì)一般要與企業(yè)整體形象一致,要符合CI規(guī)范。要注意網(wǎng)頁色彩、圖片的應(yīng)用及版面規(guī)劃,保持網(wǎng)頁的整體一致性。 2、在新技術(shù)的采用上要考慮主要目標(biāo)訪問群體的分布地域、年齡階層、網(wǎng)絡(luò)速度、閱讀習(xí)慣等。 3、制定網(wǎng)頁改版計(jì)劃,如半年到一年時(shí)間進(jìn)行較大規(guī)模改版等。 六、網(wǎng)站維護(hù)
網(wǎng)站建設(shè)和網(wǎng)站設(shè)計(jì)的區(qū)別
兩者概念上是一樣的;網(wǎng)站建設(shè)比起網(wǎng)站設(shè)計(jì)有局限性,更傾向于程序或模板的建站,而網(wǎng)站設(shè)計(jì)這么理解,它的定義更廣一些。網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語言(markup language),通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡(jiǎn)單來說,網(wǎng)頁設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標(biāo)示語言、可擴(kuò)展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。而更復(fù)雜的信息如矢量圖形、動(dòng)畫、視頻、聲頻等多媒體檔案則需要插件程序來運(yùn)行,同樣地它們亦需要標(biāo)示語言移植在網(wǎng)站內(nèi)。網(wǎng)站設(shè)計(jì)要能充分吸引訪問者的注意力,讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式,以及結(jié)合自己的認(rèn)識(shí)通過藝術(shù)的手法表現(xiàn)出來;而網(wǎng)頁制作通常就是將網(wǎng)頁設(shè)計(jì)師所設(shè)計(jì)出來的設(shè)計(jì)稿,按照W3C規(guī)范用html(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用)將其制作成網(wǎng)頁格式。
電子商務(wù)網(wǎng)站的開發(fā)流程是怎樣的?
第一步:需要客戶提供一個(gè)完整的需求說明。很多客戶對(duì)自己的需求并不是很清楚,需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次,我問客戶:“您做網(wǎng)站的目的是什么?”他回答:“沒有目的,只是因?yàn)閯e人都有,我沒有!”。這樣的客戶就需要耐心說明,仔細(xì)分析,挖掘出他潛在的,真正的需求。 配合客戶寫一份詳細(xì)的,完整的需求說明會(huì)花很多時(shí)間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認(rèn)可。把好這一關(guān),可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢?簡(jiǎn)單說,包含下面幾點(diǎn): 1、正確性:每個(gè)功能必須清楚描寫交付的功能;2、可行性:確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求;3、必要性:功能是否必須交付,是否可以推遲實(shí)現(xiàn),是否可以在削減開支情況發(fā)生時(shí)"砍"掉;4、簡(jiǎn)明性:不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語;5、檢測(cè)性:如果開發(fā)完畢,客戶可以根據(jù)需求檢測(cè)。第二步是做系統(tǒng)分析。網(wǎng)站總體設(shè)計(jì):在拿到客戶的需求說明后,并不是直接開始網(wǎng)站制作,而是需要對(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)站開發(fā)使用什么軟件,在什么樣的硬件環(huán)境;3、需要多少人,多少時(shí)間;4、需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。同時(shí)需要寫一份總體規(guī)劃說明書,包括:1、網(wǎng)站的欄目和版塊;2、網(wǎng)站的功能和相應(yīng)的程序; 3、網(wǎng)站的鏈接結(jié)構(gòu);4、如果有數(shù)據(jù)庫,進(jìn)行數(shù)據(jù)庫的概念設(shè)計(jì);5、網(wǎng)站的交互性和用戶友好設(shè)計(jì)。 網(wǎng)站建設(shè)方案 在總體設(shè)計(jì)出來后,一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(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)站形象說明;4、網(wǎng)站的欄目版塊和結(jié)構(gòu);5、網(wǎng)站內(nèi)容的安排,相互鏈接關(guān)系;6、使用軟件,硬件和技術(shù)分析說明;7、開發(fā)時(shí)間進(jìn)度表;8、宣傳推廣方案;9、維護(hù)方案;10、制作費(fèi)用;11、本公司簡(jiǎn)介:成功作品,技術(shù),人才說明等。當(dāng)方案通過客戶的認(rèn)可,就可以開始動(dòng)手制作網(wǎng)站了。但還不是真正意義上的制作,你需要進(jìn)行詳細(xì)網(wǎng)站設(shè)計(jì):總體設(shè)計(jì)階段以比較抽象概括的方式提出了解決問題的辦法;詳細(xì)設(shè)計(jì)階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計(jì)主要是針對(duì)程序開發(fā)部分來說的。但這個(gè)階段的不是真正編寫程序,而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖,它們應(yīng)該包含必要的細(xì)節(jié),例如:程序界面,表單,需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實(shí)際的程序代碼??傮w設(shè)計(jì)是非常關(guān)鍵的一步。它主要確定:1、網(wǎng)站需要實(shí)現(xiàn)哪些功能;2、網(wǎng)站開發(fā)使用什么軟件,在什么樣的硬件環(huán)境;3、需要多少人,多少時(shí)間;4、需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。同時(shí)需要寫一份總體規(guī)劃說明書,包括:1、網(wǎng)站的欄目和版塊;2、網(wǎng)站的功能和相應(yīng)的程序;3、網(wǎng)站的鏈接結(jié)構(gòu);4、如果有數(shù)據(jù)庫,進(jìn)行數(shù)據(jù)庫的概念設(shè)計(jì);5、網(wǎng)站的交互性和用戶友好設(shè)計(jì)。第三步是做網(wǎng)站建設(shè)方案。在總體設(shè)計(jì)出來后,一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(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)站形象說明;4、網(wǎng)站的欄目版塊和結(jié)構(gòu);5、網(wǎng)站內(nèi)容的安排,相互鏈接關(guān)系;6、使用軟件,硬件和技術(shù)分析說明;7、開發(fā)時(shí)間進(jìn)度表;8、宣傳推廣方案;9、維護(hù)方案;10、制作費(fèi)用;11、本公司簡(jiǎn)介:成功作品,技術(shù),人才說明等。另:網(wǎng)頁設(shè)計(jì)注冊(cè)事項(xiàng)1、框架結(jié)構(gòu)(Frame Sets)有些搜索引擎(如FAST)是不支持框架結(jié)構(gòu)的,他們的“蜘蛛”程序無法閱讀這樣的網(wǎng)頁。2、圖象區(qū)塊(Image Maps)除AltaVista、Google和Northern Light(現(xiàn)已停止公共搜索服務(wù))明確支持圖像區(qū)塊鏈接外,其他引擎是不支持它的。當(dāng)“蜘蛛”程序遇到這種結(jié)構(gòu)時(shí),往往會(huì)感到茫然不知所措。因此盡量不要設(shè)置Image Map鏈接。3、特效鏈接我們經(jīng)??吹接行┚W(wǎng)站為導(dǎo)航鏈接加上了特效,如點(diǎn)擊某個(gè)項(xiàng)目會(huì)展開下層鏈接等。這些效果一般通過Java Script實(shí)現(xiàn),視覺上非常新穎,但在“蜘蛛”程序的眼里則沒那么誘人,相反它無法解讀這種鏈接。為了讓搜索引擎順利檢索到你的網(wǎng)頁,建議還是犧牲掉一些花哨的東西。4、FLASH雖然FLASH網(wǎng)站制作的網(wǎng)頁視覺效果較好,但搜索引擎對(duì)此卻不太感冒,個(gè)案表明這一類的網(wǎng)站很難被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH網(wǎng)頁兩種選擇,這樣即增加了網(wǎng)頁的觀賞性,又照顧到了搜索引擎的情緒。5、動(dòng)態(tài)網(wǎng)頁(Dynamic Pages)任何地址中帶“?”號(hào)、“&”號(hào)(及其他類似符號(hào))的網(wǎng)頁都會(huì)把“蜘蛛”程序擋在門外。這些網(wǎng)頁通常由CGI、PHP、ASP等程序產(chǎn)生,技術(shù)上較先進(jìn),但不適合搜索引擎的“蜘蛛”程序。雖然目前有的大型搜索引擎(如Google)已具備檢索動(dòng)態(tài)網(wǎng)頁的能力,但相當(dāng)一部分?jǐn)?shù)引擎還是不支持它的。而且即使是能夠索引動(dòng)態(tài)網(wǎng)頁的Google,也在多個(gè)場(chǎng)合中明確表示不保證檢索全部的動(dòng)態(tài)網(wǎng)頁。因此,除非是超大型網(wǎng)站,為方便起見不得不采用動(dòng)態(tài)網(wǎng)頁生成技術(shù),否則還是盡量使用靜態(tài)網(wǎng)頁為好。6、加密網(wǎng)頁除非你不希望搜索引擎檢索你的網(wǎng)頁,否則不要給你的網(wǎng)頁加密。7、網(wǎng)頁容量包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。體型龐大的網(wǎng)頁下載速度慢,不僅會(huì)讓普通訪問者等得心急如焚,有時(shí)也會(huì)使“蜘蛛”程序感到不耐煩。目前搜索引擎都不愿收錄位于免費(fèi)主頁空間上的網(wǎng)站。其理由是,既然你認(rèn)為自己的網(wǎng)站如此重要,以至于需要登錄搜索引擎讓天下人都知道,那么你沒有理由還將它放在免費(fèi)服務(wù)器上。更何況免費(fèi)主頁通常速度較慢,會(huì)影響大家搜索信息的效率。
熱門問答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡(jiǎn)歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡(jiǎn)歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些