網(wǎng)頁首頁制作
提問問題
列表
-
怎樣用dreamweaver制作網(wǎng)頁
查看答案>>
-
怎樣制作一個網(wǎng)頁
查看答案>>
-
如何在網(wǎng)上建立一個屬于自己的網(wǎng)頁呢?
查看答案>>
-
網(wǎng)頁制作與網(wǎng)站設(shè)計報告書
查看答案>>
-
怎么用html5制作個人主頁
查看答案>>
-
怎么用dreamweaver制作個人網(wǎng)站
查看答案>>
-
怎樣制作個人網(wǎng)頁,有教程,簡單點。
查看答案>>
-
PS網(wǎng)頁設(shè)計尺寸設(shè)定
查看答案>>
-
一般做網(wǎng)頁設(shè)計背景尺寸定多大?
查看答案>>
-
如何用純html制作百度首頁
查看答案>>
怎樣用dreamweaver制作網(wǎng)頁
創(chuàng)建網(wǎng)頁頁面 1、在Dreamveaver“文件-新建-常規(guī)-基本頁-HTML”,這樣就建好了一個頁面,英文版的默認(rèn)的文件名為untitled.htm。中文版的的默認(rèn)的文件名為“無標(biāo)題文檔”。htm就表示這個網(wǎng)頁文件是一個靜態(tài)的HTML文件。給它改名為index.htm?! ∽ⅲ壕W(wǎng)站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。這也就是主頁,上傳后打開網(wǎng)頁默認(rèn)連接到此頁?! ?、在標(biāo)題空格里輸入網(wǎng)頁名稱,點擊修改-頁面屬性,打開“頁面屬性”窗口。在這里可以設(shè)置網(wǎng)站的標(biāo)題、背景顏色或背景圖像,超級鏈接的顏色(一般默認(rèn)即可),其他都保持默認(rèn)即可?! ?.此時光標(biāo)位于左上角,可輸入一句話,如“歡迎來到我的主頁”。選取文字,用菜單“窗口/屬性”打開屬性面板,選取文字大小為6,再使文字居中,然后在文字前用幾個回車使其位于頁面中間等。 4.如要選取字體,則選擇字體中的最后一項:編輯字體列表。然后在對話框中選+號,接著在“可用字體”欄中選擇需要加入到字體列表中的一種字體,點擊中間的按鈕就可以加入了?! ∪缓笙旅娓阏f一下建站的知識。 一、首先,你要為你的網(wǎng)站想一個網(wǎng)址,這個網(wǎng)址必須是未被注冊的。這個網(wǎng)址就是你的網(wǎng)站的入口,最好便于記憶,越短越好?;蛘咭耘c網(wǎng)站有對應(yīng)意義的拼音全稱或者簡寫。網(wǎng)站的域名后綴也是我們自己可選的(只要沒有被注冊),常見的域名后綴有.com 、.cn、.com.cn 、.org等。一般建議選擇實力較強(qiáng)的域名提供商。這些知名服務(wù)商雖然收費稍微貴一點,但是很穩(wěn)定。 二、空間服務(wù)器??臻g是用來放網(wǎng)站程序文件的,就跟電腦上的磁盤沒什么兩樣,只不過是放在空間商那里,24小時聯(lián)網(wǎng)。你自己電腦都可以做服務(wù)器,這個沒有什么神奇的。買空間要根據(jù)建站需要,包括使用什么語言,是否需要數(shù)據(jù)庫等。建議購買前咨詢空間商客服。 三、網(wǎng)站程序。網(wǎng)站程序是實現(xiàn)網(wǎng)站所有功能的編程語言的集合。目前比較流行的php+mysql ,也有用java、.net 開發(fā)的。大型的商城或門戶需要團(tuán)隊開發(fā)。個人建論壇可以用騰訊的DISCUZ!論壇程序,建博客可以用wordpress或者Z-blog程序。這些開源的建站程序讓做網(wǎng)站就像裝程序一樣簡單。 四、把程序上傳到空間服務(wù)器。程序編寫完成經(jīng)過調(diào)試后,用FTP工具上傳到空間。FTP工具有flashfpt ,8ufpt 。上傳之前你必須已經(jīng)買好空間了(知道FTP用戶、密碼信息) 五、程序上傳完成后。把域名解析,空間域名綁定,就可以通過網(wǎng)站訪問了。 網(wǎng)頁建站其實是不難的,不過很多新手一開始就有很多具體明確的,有難度的設(shè)想,所以才顯得難了。
怎樣制作一個網(wǎng)頁
怎樣制作個人網(wǎng)頁 如果你已經(jīng)上網(wǎng),為何不嘗試一下在網(wǎng)上做一個完全屬于自己的主頁?有了自己的主頁,全世界的人都可以隨時找到你,你也可以向全世界宣傳下自己,是非常有意義和有意思的?,F(xiàn)在簡單介紹一下制作主頁的過程和方法: 一、準(zhǔn)備材料 你首先做一個小計劃,準(zhǔn)備在主頁上告訴人家什么?比如介紹三個方面:自我介紹,我的愛好,我的工作,那你就先起一個總目錄(文件夾,比如d:\html),來放你的所有文件,然后再在這個目錄建立三個子目錄:myself,interest,job。文件名你可以任意,但最好全部小寫,因為有的主機(jī)要認(rèn)大小寫。然后將你的材料copy進(jìn)相應(yīng)的子目錄。比如你要在你的主頁里展示你的靚照,那就將你的照片掃描成JPG格式的文件,放在myself的目錄下. 要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但你可以用圖象軟件進(jìn)行轉(zhuǎn)換,比如Office 97的照片編輯器。把你準(zhǔn)備在你主頁上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后,你就可以開始制作了。 二、開始制作 你無須去記復(fù)雜的HTML語言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit Page,便可以制作了.文字的處理基本跟Word沒什么兩樣,關(guān)鍵是插入圖片和產(chǎn)生鏈接.我們先做關(guān)于你自我介紹的一頁,你先寫上“大家好,我是superboy,下面是我的照片:”這時要放圖片了,只須點擊Insert菜單,選取Image,在Choosefile里選取你的圖象文件即可,然后把這個文件保存為myself.html文件,放在myself的目錄下。好,現(xiàn)在必須做封面了,你在封面寫:“歡迎來到superboy的主頁”以下是“自我介紹,我的愛好,我的工作”。你的自我介紹要鏈接到下一頁去,你只須用鼠標(biāo)選“自我介紹”后按鼠標(biāo)右鍵 ,再選create link,然后再選你myself目錄下的myself.html,就將“自我介紹”鏈接到下一頁了,以后在瀏覽器中一按,就可以跳到鑲有你靚照的頁面啦。 在你的封面做好了所有鏈接和圖片后,記住你必須將這一頁保存為index.htm(有的主機(jī)要求必須為index.html),因為網(wǎng)頁默認(rèn)的主頁名稱是index.制作主頁其實很簡單,只要多實際制作,工多藝熟。還可以拿來主義,在網(wǎng)上看到什么好的主頁,用另存為功能保存為.html格式的文件,細(xì)細(xì)研究人家是如何做的。還可以借用網(wǎng)頁模版來搞,我的就是~~~~~~ 三、將你制作好的安放在網(wǎng)上 要在網(wǎng)上安你自己的家,你必須先申請一個主頁空間,即向某一個主機(jī)申請一快硬盤空間?,F(xiàn)在有較多的主機(jī)提供免費主頁空間,具體見實用鏈接欄目。這些主機(jī)不僅提供免費個人主頁空間,并且還提供留言簿、計數(shù)器等很有用的功能。只要到有關(guān)站點申請即可,具體方法,參考相關(guān)題目。申請完成以后用FTP將你所有的主頁文件上傳至主機(jī)指定的目錄就可以了! 需要注意的是,一定要保持網(wǎng)頁的相對位置,否則會看不到網(wǎng)頁的,有很多朋友都問我:為什么我的網(wǎng)頁傳上去了可是看不到,老是出現(xiàn)網(wǎng)頁錯誤呢?其實他們都是因為位置的問題,只要把位置改動一下就可以的了
如何在網(wǎng)上建立一個屬于自己的網(wǎng)頁呢?
網(wǎng)站設(shè)計八步驟 由于目前所見即所得類型的工具越來越多,使用也越來越方便,所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁,于是他們認(rèn)為網(wǎng)頁制作非常簡單,就匆匆忙忙制作自己的網(wǎng)站,可是做出來之后與別人一比,才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙,這是為什么呢?常言道:“性急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣,它是一個系統(tǒng)工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設(shè)計出一個滿意的網(wǎng)站?! ∫弧⒋_定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容,一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站,你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則,只要是你感興趣的,任何內(nèi)容都可以,但主題要鮮明,在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深?! 《?、搜集材料 明確了網(wǎng)站的主題以后,你就要圍繞主題開始搜集材料了。常言道:“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網(wǎng)頁的素材。 三、規(guī)劃網(wǎng)站 一個網(wǎng)站設(shè)計得成功與否,很大程度上決定于設(shè)計者的規(guī)劃水平,規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣,圖紙設(shè)計好了,才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等,你只有在制作網(wǎng)頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色,具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容,我們在下面會有詳細(xì)介紹?! ∷?、選擇合適的制作工具 盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞,但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多,首先就是網(wǎng)頁制作工具了,目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具,這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了,如果是初學(xué)者,F(xiàn)rontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫制作工具,如Flash、Cool 3d、Gif Animator等;還有網(wǎng)頁特效工具,如有聲有色等,網(wǎng)上有許多這方面的軟件,你可以根據(jù)需要靈活運(yùn)用?! ∥濉⒅谱骶W(wǎng)頁 材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了,這是一個復(fù)雜而細(xì)致的過程,一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小,就是說在制作網(wǎng)頁時,先把大的結(jié)構(gòu)設(shè)計好,然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜,就是先設(shè)計出簡單的內(nèi)容,然后再設(shè)計復(fù)雜的內(nèi)容,以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運(yùn)用模板,這樣可以大大提高制作效率?! ×?、上傳測試 網(wǎng)頁制作完畢,最后要發(fā)布到Web服務(wù)器上,才能夠讓全世界的朋友觀看,現(xiàn)在上傳的工具有很多,有些網(wǎng)頁制作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后,你要在瀏覽器中打開自己的網(wǎng)站,逐頁逐個鏈接的進(jìn)行測試,發(fā)現(xiàn)問題,及時修改,然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友,讓他們來瀏覽?! ∑?、推廣宣傳 網(wǎng)頁做好之后,還要不斷地進(jìn)行宣傳,這樣才能讓的朋友認(rèn)識它,提高網(wǎng)站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等?! “?、維護(hù)更新 網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容,保持內(nèi)容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補(bǔ)充新的內(nèi)容,才能夠吸引住瀏覽者.
網(wǎng)頁制作與網(wǎng)站設(shè)計報告書
網(wǎng)站項目管理規(guī)范 一.概念 網(wǎng)站項目管理就是根據(jù)特定的規(guī)范、在預(yù)算范圍內(nèi)、按時完成的網(wǎng)站開發(fā)任務(wù)?! 《?需求分析 1.項目立項 我們接到客戶的業(yè)務(wù)咨詢,經(jīng)過雙方不斷的接洽和了解,并通過基本的可行性討論夠,初步達(dá)成制作協(xié)議,這時就需要將項目立項。較好的做法是成立一個專門的項目小組,小組成員包括:項目經(jīng)理,網(wǎng)頁設(shè)計,程序員,測試員,編輯/文檔等必須人員。項目實行項目經(jīng)理制?! ?.客戶的需求說明書 第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚,需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次,我問客戶:“您做網(wǎng)站的目的是什么?”他回答:“沒有目的,只是因為別人都有,我沒有!”。這樣的客戶就需要耐心說明,仔細(xì)分析,挖掘出他潛在的,真正的需求。 配合客戶寫一份詳細(xì)的,完整的需求說明會花很多時間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認(rèn)可。把好這一關(guān),可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢?簡單說,包含下面幾點: 1.正確性:每個功能必須清楚描寫交付的功能; 2.可行性:確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實現(xiàn)每個需求; 3.必要性:功能是否必須交付,是否可以推遲實現(xiàn),是否可以在削減開支情況發(fā)生時"砍"掉; 4.簡明性:不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語; 5.檢測性:如果開發(fā)完畢,客戶可以根據(jù)需求檢測?! ∪?系統(tǒng)分析 1.網(wǎng)站總體設(shè)計 在拿到客戶的需求說明后,并不是直接開始制作,而是需要對項目進(jìn)行總體設(shè)計,詳細(xì)設(shè)計,出一份網(wǎng)站建設(shè)方案給客戶??傮w設(shè)計是非常關(guān)鍵的一步。它主要確定: 1.網(wǎng)站需要實現(xiàn)哪些功能; 2.網(wǎng)站開發(fā)使用什么軟件,在什么樣的硬件環(huán)境; 3.需要多少人,多少時間; 4.需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。 同時需要寫一份總體規(guī)劃說明書,包括: 1.網(wǎng)站的欄目和版塊; 2.網(wǎng)站的功能和相應(yīng)的程序; 3.網(wǎng)站的鏈接結(jié)構(gòu); 4.如果有數(shù)據(jù)庫,進(jìn)行數(shù)據(jù)庫的概念設(shè)計; 5.網(wǎng)站的交互性和用戶友好設(shè)計?! ?.網(wǎng)站建設(shè)方案 在總體設(shè)計出來后,一般需要給客戶一個網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時就被客戶要求提供方案。那時的方案一般比較籠統(tǒng),而且在客戶需求不是十分明確的情況下提交方案,往往和實際制作后的結(jié)果會有很大差異。所以應(yīng)該盡量取得客戶的理解,在明確需求并總體設(shè)計后提交方案,這樣對雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個部分: 1.客戶情況分析; 2.網(wǎng)站需要實現(xiàn)的目的和目標(biāo); 3.網(wǎng)站形象說明; 4.網(wǎng)站的欄目版塊和結(jié)構(gòu); 5.網(wǎng)站內(nèi)容的安排,相互鏈接關(guān)系; 6.使用軟件,硬件和技術(shù)分析說明; 7.開發(fā)時間進(jìn)度表; 8.宣傳推廣方案; 9.維護(hù)方案; 10.制作費用; 11.本公司簡介:成功作品,技術(shù),人才說明等?! ‘?dāng)您的方案通過客戶的認(rèn)可,您可以開始動手制作網(wǎng)站了。但還不是真正意義上的制作,你需要進(jìn)行詳細(xì)設(shè)計: 3.網(wǎng)站詳細(xì)設(shè)計 總體設(shè)計階段以比較抽象概括的方式提出了解決問題的辦法。詳細(xì)設(shè)計階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計主要是針對程序開發(fā)部分來說的。但這個階段的不是真正編寫程序,而是設(shè)計出程序的詳細(xì)規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖,它們應(yīng)該 包含必要的細(xì)節(jié),例如:程序界面,表單,需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實際的程序代碼。 四. 項目實施 1.整體形象設(shè)計 在程序員進(jìn)行詳細(xì)設(shè)計的同時,網(wǎng)頁設(shè)計師開始設(shè)計網(wǎng)站的整體形象和首頁?! ≌w形象設(shè)計包括標(biāo)準(zhǔn)字,Logo,標(biāo)準(zhǔn)色彩,廣告語等。 首頁設(shè)計包括版面,色彩,圖像,動態(tài)效果,圖標(biāo)等風(fēng)格設(shè)計,也包括banner,菜單,標(biāo)題,版權(quán)等模塊設(shè)計。首頁一般設(shè)計1-3個不同風(fēng)格,完成后,供客戶選擇?! ∮涀。涸诳蛻舸_定首頁風(fēng)格之后,請客戶簽字認(rèn)可。以后不得再對版面風(fēng)格有大的變動,否則視為第二次設(shè)計?! ¢_發(fā)制作 2.開發(fā)制作 到這里,程序員和網(wǎng)頁設(shè)計師同時進(jìn)入全力開發(fā)階段,需要提醒的是,測試人員需要隨時測試網(wǎng)頁與程序,發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試,這樣會浪費大量的時間和精力。項目經(jīng)理需要經(jīng)常了解項目進(jìn)度,協(xié)調(diào)和溝通程序員與網(wǎng)頁設(shè)計師的工作?! ≌{(diào)試完善 3.調(diào)試完成 在網(wǎng)站初步完成后,上傳到服務(wù)器,對網(wǎng)站進(jìn)行全范圍的測試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測試等,發(fā)現(xiàn)問題及時解決并記錄下來?! 槭裁匆涗浳臋n呢?其實本軟件工程本身就是一個文檔,是一個不斷充實和完善的標(biāo)準(zhǔn)。通過不斷的發(fā)現(xiàn)問題,解決問題,修改,補(bǔ)充文檔,使這個標(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.付費廣告?! ≈链?,網(wǎng)站項目建設(shè)完畢,將有關(guān)網(wǎng)址,使用操作說明文檔等提交客戶驗收。如果需要維護(hù),另行簽定維護(hù)項目。 五.維護(hù) 網(wǎng)站成功推出后,長期的維護(hù)工作才剛剛開始,需要做到的是: 1.及時響應(yīng)客戶反饋;例如可以采取Email自動回復(fù)功能,然后在1-3個工作日里解決問題,再次回復(fù); 2.網(wǎng)站流量統(tǒng)計分析和相應(yīng)對策; 3.盡量推廣和使用您的網(wǎng)址; 4.網(wǎng)站內(nèi)容的及時更新和維護(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ī)范 任何一個項目或者系統(tǒng)開發(fā)之前都需要定制一個開發(fā)約定和規(guī)則,這樣有利于項目的整體風(fēng)格統(tǒng)一、代碼維護(hù)和擴(kuò)展。由于Web項目開發(fā)的分散性、獨立性、整合的交互性等,所以定制一套完整的約定和規(guī)則顯得尤為重要。定制一系列約定和規(guī)則,包括組件團(tuán)隊、文件夾命名規(guī)則、文件名命名規(guī)則、程序代碼編程風(fēng)格、數(shù)據(jù)庫設(shè)計約定。這些規(guī)則和約定需要與開發(fā)人員、設(shè)計人員和維護(hù)人員共同討論定制,將來開發(fā)都將嚴(yán)格按規(guī)則或約定開發(fā)。每個團(tuán)隊開發(fā)都應(yīng)有自己的一套規(guī)范,一個優(yōu)良可行的規(guī)范可以使我們工作得心應(yīng)手事半功倍,這些規(guī)范都不是唯一的標(biāo)準(zhǔn)不存在對與錯,也許有些地方與你當(dāng)前使用的習(xí)慣相駁,很多地方都有爭議。。 非常明顯在Web項目開發(fā)中有前后臺開發(fā)之分,前臺開發(fā)主要是指非程序編程部分,主要職責(zé)是網(wǎng)站AI設(shè)計、界面設(shè)計、動畫設(shè)計等。而后臺開發(fā)主要是編程和網(wǎng)站運(yùn)行平臺搭建,其主要職責(zé)是設(shè)計網(wǎng)站數(shù)據(jù)庫和網(wǎng)站功能模板的實現(xiàn)。下面的這些規(guī)范主要是從這2個方面來定制的,這些規(guī)范是工作中總結(jié)的一點經(jīng)驗,本文檔比較適合中小型網(wǎng)站或者Web項目的開發(fā)規(guī)范?! ∫唬M建開發(fā)團(tuán)隊 在接手項目后的第一件事是組建團(tuán)隊。根據(jù)項目的大小團(tuán)隊可以有幾十人,也有可以是只有幾個人的小團(tuán)隊,在團(tuán)隊劃分中應(yīng)該含有6個角色,這6個角色是必須的,分別是項目經(jīng)理,策劃,美工,程序員,代碼整合員,測試員。也許你的團(tuán)隊還沒有6個人,沒有關(guān)系一個人可以有多個角色,比如項目經(jīng)理還可以有策劃這個角色,如程序員還可以含有代碼整合和測試這2個角色,如果你的項目夠大人數(shù)夠多那就分為6個組,每個組分工再來細(xì)分。下面簡單介紹一下這6個角色的具體職責(zé)?! №椖拷?jīng)理,項目總體設(shè)計,開發(fā)進(jìn)度的定制和監(jiān)控,定制相應(yīng)的開發(fā)規(guī)范,負(fù)責(zé)各個環(huán)節(jié)的評審工作,協(xié)調(diào)各個成員(小組)之間開發(fā)。策劃,提供詳細(xì)的策劃方案和需求分析。還包括后期網(wǎng)站推廣方面的策劃。美工,根據(jù)策劃和需求設(shè)計網(wǎng)站AI,界面,Logo等。程序員,根據(jù)項目總體設(shè)計來設(shè)計數(shù)據(jù)庫和功能模塊的實現(xiàn)。代碼整合員,負(fù)責(zé)將程序員的代碼和界面融合到一起,代碼整合員可以制作網(wǎng)站的相關(guān)頁面,測試員,負(fù)責(zé)測試程序?! 《_發(fā)工具 Web開發(fā)工具主要分為3部分,第一部分是網(wǎng)站前臺開發(fā)工具,第二部分是網(wǎng)站后臺開發(fā)環(huán)境,第三部分是項目管理和輔助軟件。下面分別簡單介紹這三部分需要使用的軟件。 網(wǎng)站前臺開發(fā)主要是指Web界面設(shè)計。包括網(wǎng)站整體框架建立、常用圖片、Flash動畫設(shè)計等等,主要使用的相關(guān)軟件是:Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等?! 【W(wǎng)站后臺開發(fā)主要指網(wǎng)站動態(tài)程序開發(fā)、數(shù)據(jù)庫建模,主要使用的相關(guān)軟件是: PowerDesigner(數(shù)據(jù)庫建模),PowerDesigner在數(shù)據(jù)庫設(shè)計方面應(yīng)用非常強(qiáng)大,用它可以快速創(chuàng)建數(shù)據(jù)庫概念和物理模型,我最喜歡的還是它生成數(shù)據(jù)庫Report的功能太方便了,設(shè)計數(shù)據(jù)庫強(qiáng)烈推薦用它。Rational Rose(程序建模),如果你的項目功能模塊不是特別復(fù)雜那就剩了它吧,這樣會節(jié)省一些時間和開發(fā)的復(fù)雜度,不過我個人認(rèn)為不管是大項目還是小項目都應(yīng)該畫畫Rose圖?! 【W(wǎng)站項目管理主要指對開發(fā)進(jìn)度和代碼版本的控制。開發(fā)進(jìn)度用Microsoft Project來制定,代碼版本控制采用Visual SourceSafe,當(dāng)然還有其他的選擇比如CVS和Rational ClearCase。網(wǎng)站測試采用VS.net的附帶工具M(jìn)icrosoft Application Center Test,它可以進(jìn)行并行、負(fù)載測試等。程序文檔編寫采用Word,用WPS也可以?! ∪?網(wǎng)站開發(fā)流程 在項目開始實施之前應(yīng)該有一個工作步驟也就是工作流程,在項目開發(fā)中最需要時間的是總體設(shè)計和系統(tǒng)測試,而程序編寫代碼所占的時間并不多,但有的團(tuán)隊就急于開發(fā)寫代碼,先把程序?qū)懗鰜碓僬f,沒有注重評審和測試這2個環(huán)節(jié),結(jié)果造成返工,我在一家比較大的公司中都遇到多次這種情況。所以項目來了不要急于開工寫代碼,應(yīng)該一步一步慢慢來,只有走的慢才能走得穩(wěn)走得遠(yuǎn)。圖1的開發(fā)流程比較好地體現(xiàn)開發(fā)的整個環(huán)節(jié)?! D 1 從圖1可以看到2條主線,這2條主線分別是前臺開發(fā)和后臺開發(fā)。前后臺開發(fā)在項目開發(fā)早期互相沒有交叉,當(dāng)然不是絕對沒有,Web策劃和需求分析都是互相有關(guān)系的,一個是網(wǎng)站表現(xiàn)形式和風(fēng)格的策劃另一個是網(wǎng)站功能的策劃,它們是衣服和軀干的關(guān)系。到了開發(fā)后期就需要把界面和功能模塊結(jié)合起來形成一個統(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ù)庫文件有多個,比如SQL Server就有2個,一個是數(shù)據(jù)庫文件,另一個是日志文件,那么他們的文件命名分別為kupage_database.mdf,kupage_log.log。文件名全部采用小寫?! ?shù)據(jù)庫表命名規(guī)范,表名長度不能超過30個字符,表名中含有單詞全部采用單數(shù)形式,單詞首寫字母要大寫,多個單詞間不用任何連接符號。若庫中有多個系統(tǒng),表名采用系統(tǒng)名稱+單詞或多個單詞,系統(tǒng)名是開發(fā)系統(tǒng)的縮寫,系統(tǒng)名稱全部采用小寫英文字符,如bbsTitle,bbsForumType。若庫中只含有一個系統(tǒng),那么表名僅用一個單詞或多個單詞。單詞選擇能夠概括表內(nèi)容的一個或多個英文單詞,如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ī)則,如果表名是一個單詞,別名就取單詞的前4 個字母;如果表名是兩個單詞,就各取兩個單詞的前兩個字母組成4 個字母長的別名;如果表的名字由3 個單詞組成,你不妨從頭兩個單詞中各取一個然后從最后一個單詞中再取出兩個字母,結(jié)果還是組成4 字母長的別名?! ∫晥D名采用規(guī)則View_表A_表B_表C,View表示視圖。這個視圖由幾個表產(chǎn)生就用”_”連接幾個表的名,如果表過多可以將表名適當(dāng)簡化,但一定要列出所有表名?! 〈鎯^程命名規(guī)則P_表名_存取過程名(縮寫),比如P_User_Del,P_ArticleType_AddData?! QL語句編寫規(guī)則,關(guān)鍵字必須大寫,其他書寫按上述命名規(guī)則,比如: SELECT user_id, user_name FROM User WHERE user_id = ‘tom’ 五.文件夾文件名命名規(guī)范 文件夾命名一般采用英文,長度一般不超過20個字符,命名采用小寫字母。除特殊情況才使用中文拼音,一些常見的文件夾命名如:images(存放圖形文件),flash(存放Flash文件),style(存放CSS文件),scripts(存放Javascript腳本),inc(存放include文件),link(存放友情鏈接),media(存放多媒體文件)等?! ∥募Q統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合。命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義,二是當(dāng)我們在文件夾中使用“按名稱排例”的命令時,同一種大類的文件能夠排列在一起,以便我們查找、修改、替換、計算負(fù)載量等等操作 。 1、圖片的命名原則名稱分為頭尾兩部分,用下劃線隔開,頭部分表示此圖片的大類性質(zhì)例如廣告、標(biāo)志、菜單、按鈕等等?! 》胖迷陧撁骓敳康膹V告、裝飾圖案等長方形的圖片取名: banner 標(biāo)志性的圖片取名為: logo 在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button 在頁面上某一個位置連續(xù)出現(xiàn),性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?menu 裝飾用的照片我們?nèi)∶?pic 不帶鏈接表示標(biāo)題的圖片我們?nèi)∶?title 下面是幾個范例: 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、動態(tài)語言文件命名規(guī)則性質(zhì)_描述,描述可以有多個單詞,用”_”隔開,性質(zhì)一般是該頁面得概要?! 》独簉egister_form.asp,register_post.asp,topic_lock.asp 六.程序代碼編程規(guī)范 一個良好的程序編碼風(fēng)格有利于系統(tǒng)的維護(hù),代碼也易于閱讀查錯。在此只討論ASP的編程風(fēng)格和約定。在ASP中所有變量是弱變量,無需定義就可以直接使用,而且代碼不區(qū)分大小寫。但其他語言一般這些都要定義的,為了養(yǎng)成良好的編程習(xí)慣,編寫代碼務(wù)必按照一下規(guī)則?! ?、每個變量名必須定義,在ASP文件的最開始添加語句,強(qiáng)制定制每個變量?! ?、出于易讀和一致性的目的,在代碼中使用以下變量命名約定: 子類型 前綴 示例 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鍵,不采用空格鍵。并且”=”或者鏈接字符串時需要左右空一格,如下: 4、函數(shù)過程編寫的約定。函數(shù)或者過程命名采用動作+名詞,每個函數(shù)需要給出相應(yīng)的注釋,函數(shù)功能,傳入變量,以及作者和修改相關(guān)信息。如下面函數(shù): <% '[功能] 返回一個參數(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)置對象區(qū)分大小寫。如下代碼片斷 strUserName = Request.Form(“UserName”) Set conn = Server.CreateObject("ADODB.Connection") 6、數(shù)據(jù)庫連接一個庫只能有一個數(shù)據(jù)庫連接文件,創(chuàng)建數(shù)據(jù)庫對象得原則是盡可能晚地打開數(shù)據(jù)庫,盡可能早地關(guān)閉數(shù)據(jù)庫。創(chuàng)建數(shù)據(jù)庫對象調(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)一個對象不在使用時要釋放對象資源,比如objFSO,objRS對象等。采用統(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ù)據(jù)庫中,這樣做能夠是日期在不同的數(shù)據(jù)庫中都能良好地保存,也方便數(shù)據(jù)庫地遷移。時間用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)頁顯示字符集 簡體中文:<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)站簡介 <META NAME="DESCRIPTION" CONTENT="本站是一個醫(yī)療站點…"> 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)頁的到期時間。一旦網(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.自動跳轉(zhuǎn)?! ?lt;META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指時間停留5秒?! ?.網(wǎng)頁搜索機(jī)器人向?qū)?用來告訴搜索機(jī)器人哪些頁面需要索引,哪些頁面不需要索引。 <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分辨率制作,實際尺寸為778*434px 2. 頁面長度原則上不超過3屏,寬度不超過1屏 3. 每個標(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. 每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K,全尺寸banner不超過14K
怎么用html5制作個人主頁
總體把頁面一分為二,<header>是包含在<article>里面的,頁腳部分是單獨的一塊兒。大致結(jié)構(gòu)獲悉了后再從局部入手,<header>部分,有主標(biāo)題、副標(biāo)題、還有作者署名,前面我們講過,如果除了主標(biāo)題,還有一個副標(biāo)題,那可以把這兩個標(biāo)題寫在一個<hgroup>元素中。如果除了主標(biāo)題之外,還有其他內(nèi)容,比如內(nèi)容摘要、發(fā)表時間、作者、圖片或者小標(biāo)題鏈接等,那就應(yīng)該把他們放在一個 <header>元素中?! ?lt;header> <hgroup> <h1>給個人博客增加色彩元素提升網(wǎng)站用戶體驗</h1> <h2>網(wǎng)頁的色彩——決定用戶是否駐足停留的關(guān)鍵</h2> </hgroup> <p class="Byline">design by DanceSmile</p> </header> 接下來是文章正文部分: 部分代碼: <div class="Content"> <p>第一眼看到楊青個人博客網(wǎng)站的時候,如果你喜歡...</p> ... </div> 正文當(dāng)中還有一幅插圖,html5新增加了插圖這個<figure>語義元素,<figcaption>不是只能包含文本,任何html元素都可以,比如鏈接、小圖標(biāo)。<figcaption>包含了對圖片的完整說明,所以alt文本就顯得多于了,這種情況下,可以把<img>元素中的alt屬性刪除: <figure> <img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg"> <figcaption>圖片來源:騰訊CDC《淺析網(wǎng)頁色彩應(yīng)用》</figcaption> </figure> 最后在把上面的代碼寫在<article>里面?! ?lt;footer>部分只是一些簡單的頁腳信息。
怎么用dreamweaver制作個人網(wǎng)站
網(wǎng)站設(shè)計八步驟 由于目前所見即所得類型的工具越來越多,使用也越來越方便,所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁,于是他們認(rèn)為網(wǎng)頁制作非常簡單,就匆匆忙忙制作自己的網(wǎng)站,可是做出來之后與別人一比,才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙,這是為什么呢?常言道:“性急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣,它是一個系統(tǒng)工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設(shè)計出一個滿意的網(wǎng)站。 一、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容,一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站,你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則,只要是你感興趣的,任何內(nèi)容都可以,但主題要鮮明,在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。 二、搜集材料 明確了網(wǎng)站的主題以后,你就要圍繞主題開始搜集材料了。常言道:“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網(wǎng)頁的素材。 三、規(guī)劃網(wǎng)站 一個網(wǎng)站設(shè)計得成功與否,很大程度上決定于設(shè)計者的規(guī)劃水平,規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣,圖紙設(shè)計好了,才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等,你只有在制作網(wǎng)頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色,具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容,我們在下面會有詳細(xì)介紹。 四、選擇合適的制作工具 盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞,但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多,首先就是網(wǎng)頁制作工具了,目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具,這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了,如果是初學(xué)者,F(xiàn)rontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫制作工具,如Flash、Cool 3d、Gif Animator等;還有網(wǎng)頁特效工具,如有聲有色等,網(wǎng)上有許多這方面的軟件,你可以根據(jù)需要靈活運(yùn)用。 五、制作網(wǎng)頁 材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了,這是一個復(fù)雜而細(xì)致的過程,一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小,就是說在制作網(wǎng)頁時,先把大的結(jié)構(gòu)設(shè)計好,然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜,就是先設(shè)計出簡單的內(nèi)容,然后再設(shè)計復(fù)雜的內(nèi)容,以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運(yùn)用模板,這樣可以大大提高制作效率。 六、上傳測試 網(wǎng)頁制作完畢,最后要發(fā)布到Web服務(wù)器上,才能夠讓全世界的朋友觀看,現(xiàn)在上傳的工具有很多,有些網(wǎng)頁制作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后,你要在瀏覽器中打開自己的網(wǎng)站,逐頁逐個鏈接的進(jìn)行測試,發(fā)現(xiàn)問題,及時修改,然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友,讓他們來瀏覽。 七、推廣宣傳 網(wǎng)頁做好之后,還要不斷地進(jìn)行宣傳,這樣才能讓的朋友認(rèn)識它,提高網(wǎng)站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。 八、維護(hù)更新 網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容,保持內(nèi)容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補(bǔ)充新的內(nèi)容,才能夠吸引住瀏覽者 ★要想學(xué)做網(wǎng)頁,首先得了解制作網(wǎng)頁的工具。 制作網(wǎng)頁主要有以下一些工具 Frontpage:office自帶的一個工具,操作簡單,實用,學(xué)起來比較輕松,功能不咋地,我不太喜歡。 Dreamweaver:這是網(wǎng)頁三劍客之一,專門制作網(wǎng)頁的工具,可以自動將網(wǎng)頁生成代碼,是普通網(wǎng)頁制作者的首選工具,界面簡單,實用功能比較強(qiáng)大。建議初學(xué)者選用。 另外一個工具就是代碼編輯工具,例如寫字本、EditPlus等,這些工具主要編輯asp等動態(tài)網(wǎng)頁。 此外還有一些網(wǎng)絡(luò)編程工具,javascript、java編輯器等。 網(wǎng)頁制作也是一個比較吃香的行業(yè),要真正做一個好的網(wǎng)站,還必須有良好的設(shè)計功底。所以還得學(xué)很多邊緣性的軟件,例如photoshop、flash等。 大型的網(wǎng)站往往還需要數(shù)據(jù)庫的支持,所以還得懂?dāng)?shù)據(jù)庫。sql、甲骨文等。 總之,掌握好網(wǎng)頁制作,能獨立完成一個網(wǎng)站的制作工作,那就不要考慮吃飯問題。隨便混就好了! 祝你成功。 ★你可以結(jié)合 Dreamwaver 和 Photoshop 來制作網(wǎng)頁。
怎樣制作個人網(wǎng)頁,有教程,簡單點。
一、準(zhǔn)備材料 你首先做一個小計劃,準(zhǔn)備在個人主頁上告訴人家什么?比如介紹三個方面:自我介紹,我的愛好,我的工作,那你就先起一個總目錄(文件夾,比如d:\html),來放你的所有文件,然后再在這個目錄建立三個子目錄:myself,interest,job。文件名你可以任意,但最好全部小寫,因為有的主機(jī)要認(rèn)大小寫。然后將你的材料copy進(jìn)相應(yīng)的子目錄。比如你要在你的主頁里展示你的靚照,那就將你的照片掃描成JPG格式的文件,放在myself的目錄下. 要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但你可以用圖象軟件進(jìn)行轉(zhuǎn)換,比如Office 97的照片編輯器。把你準(zhǔn)備在你個人主頁上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后,你就可以開始制作個人主頁了。二、開始制作 你無須去記復(fù)雜的HTML語言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit Page,便可以制作了.文字的處理基本跟Word沒什么兩樣,關(guān)鍵是插入圖片和產(chǎn)生鏈接.我們先做關(guān)于你自我介紹的一頁,你先寫上“大家好,我是superboy,下面是我的照片:”這時要放圖片了,只須點擊Insert菜單,選取Image,在Choosefile里選取你的圖象文件即可,然后把這個文件保存為myself.html文件,放在myself的目錄下。好,現(xiàn)在必須做封面了,你在封面寫:“歡迎來到superboy的主頁”以下是“自我介紹,我的愛好,我的工作”。你的自我介紹要鏈接到下一頁去,你只須用鼠標(biāo)選“自我介紹”后按鼠標(biāo)右鍵 ,再選create link,然后再選你myself目錄下的myself.html,就將“自我介紹”鏈接到下一頁了,以后在瀏覽器中一按,就可以跳到鑲有你靚照的頁面啦。 在你的封面做好了所有鏈接和圖片后,記住你必須將這一頁保存為index.htm(有的主機(jī)要求必須為index.html),因為網(wǎng)頁默認(rèn)的個人主頁主頁名稱是index.制作主頁其實很簡單,只要多實際制作,工多藝熟。還可以拿來主義,在網(wǎng)上看到什么好的個人主頁主頁,用另存為功能保存為.html格式的文件,細(xì)細(xì)研究人家是如何做的。還可以借用網(wǎng)頁模版來搞。三、將你制作好的個人網(wǎng)頁安放在網(wǎng)上 要在網(wǎng)上安你自己的家,你必須先申請一個個人網(wǎng)頁空間或個人網(wǎng)頁服務(wù)器,即向某一個主機(jī)申請一快硬盤空間?,F(xiàn)在有較多的主機(jī)提供免費主頁空間,具體見實用鏈接欄目。這些主機(jī)不僅提供免費個人主頁空間,并且還提供留言簿、計數(shù)器等很有用的功能。只要到有關(guān)站點申請即可,具體方法,參考相關(guān)題目。申請完成以后用FTP將你所有的主頁文件上傳至主機(jī)指定的目錄就可以了! 需要注意的是,一定要保持個人主頁網(wǎng)頁的相對位置,否則會看不到網(wǎng)頁的,有很多朋友都問我:為什么我的網(wǎng)頁傳上去了可是看不到,老是出現(xiàn)網(wǎng)頁錯誤呢?其實他們都是因為位置的問題,只要把位置改動一下就可以的了。
一般做網(wǎng)頁設(shè)計背景尺寸定多大?
網(wǎng)頁的背景多大要看對網(wǎng)頁的要求的,網(wǎng)頁設(shè)計標(biāo)準(zhǔn)尺寸:1、800*600下,網(wǎng)頁寬度保持在778以內(nèi),就不會出現(xiàn)水平滾動條,高度則視版面和內(nèi)容決定。 2、1024*768下,網(wǎng)頁寬度保持在1002以內(nèi),如果滿框顯示的話,高度是612-615之間.就不會出現(xiàn)水平滾動條和垂直滾動條。 3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏,頁面的下方又不會出現(xiàn)滑動條,尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現(xiàn)象. 頁面標(biāo)準(zhǔn)按800*600分辨率制作,實際尺寸為778*434px 頁面長度原則上不超過3屏,寬度不超過1屏 每個標(biāo)準(zhǔn)頁面為A4幅面大小,即8.5X11英寸 全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px 另外120*90,120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K,全尺寸banner不超過14K 希望幫到你~~
如何用純html制作百度首頁
首先百度首頁,需要布個局,用table吧,定義一個一行十列的表格,圖片在最上面,在這一行嵌入圖片,即<img src="地址"橫跨十列colspan="10"高度寬度居中隨你設(shè)置,下面設(shè)置十列的鏈接,分別輸入<td><a href="地址"</a>知道</td>,,下面一個一個的做,最后需要用表單,即<form><input type="text"name="text">百度一下</form>長度設(shè)置為size,,建議你去www.w3school.com很好的自學(xué)網(wǎng)站
熱門問答
- 模版還是模板
- 免費建站
- 淘寶網(wǎng)頁是哪個公司做的
- 免費制作企業(yè)
- 簡單個人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些