網(wǎng)站頁面設(shè)計(jì)方法
提問問題
列表
-
網(wǎng)頁設(shè)計(jì),怎樣定義頁面的默認(rèn)字體和大小?當(dāng)只有指定css后,才是該css大小
查看答案>>
-
怎樣加大網(wǎng)站瀏覽量?
查看答案>>
-
怎么制作自己的網(wǎng)頁簡(jiǎn)單點(diǎn)!
查看答案>>
-
網(wǎng)站版面設(shè)計(jì)要注意哪些問題?
查看答案>>
-
怎樣制作一個(gè)網(wǎng)頁
查看答案>>
-
怎么學(xué)習(xí)網(wǎng)頁制作?
查看答案>>
-
dw設(shè)計(jì)網(wǎng)頁時(shí),布局常用什么方法來布局呢???
查看答案>>
-
怎么制作網(wǎng)頁?。课乙詈?jiǎn)潔的方法!
查看答案>>
網(wǎng)頁設(shè)計(jì),怎樣定義頁面的默認(rèn)字體和大???當(dāng)只有指定css后,才是該css大小
可以在需要的地方:1.定義一個(gè)class或id 2.再加一個(gè) 標(biāo)簽例如span 然后定義span的 字號(hào)字體 3.直接在需要的td或其他標(biāo)簽加style=“”(不建議用,這樣頁面代碼就多了)
怎樣加大網(wǎng)站瀏覽量?
以網(wǎng)站最重要的關(guān)鍵詞在主要搜索引擎中排名領(lǐng)先,這是搜索引擎推廣中最重要的策略。搜索引擎的搜索機(jī)器人會(huì)自動(dòng)搜索網(wǎng)頁內(nèi)容,因此搜索引擎策略從優(yōu)化網(wǎng)頁開始?! ∫?、添加網(wǎng)頁標(biāo)題?! 槊宽搩?nèi)容寫5到8個(gè)字的描述性標(biāo)題。標(biāo)題要簡(jiǎn)練"的""和"這些不重要的詞匯。要說明該頁面,該網(wǎng)站最重要的內(nèi)容是什么。網(wǎng)頁標(biāo)題將出現(xiàn)在搜索結(jié)果頁面的鏈接上,因此可以寫得稍帶煽動(dòng)性,以吸引搜索者點(diǎn)擊該鏈接。同時(shí)在首頁內(nèi)容中寫上你的公司名和你最重要的關(guān)鍵詞,而不能只是寫公司名。網(wǎng)站的每一個(gè)頁面都應(yīng)該有針對(duì)該頁面的標(biāo)題?! 《⑻砑用枋鲂訫ETA標(biāo)簽。 除了網(wǎng)頁標(biāo)題,不少搜索引擎會(huì)搜索到META標(biāo)簽。這是一句說明性文字。描述網(wǎng)頁正文的內(nèi)容,句中也要包含本頁使用到的關(guān)鍵詞,詞組等。 目前,含關(guān)鍵詞的META標(biāo)簽已經(jīng)對(duì)排名幫助不大,但有時(shí)META標(biāo)簽會(huì)用于付費(fèi)登陸技術(shù)中。而且誰又知道什么時(shí)候搜索引擎又會(huì)再次重視它呢? 三、在網(wǎng)頁粗體文字,一般為文章標(biāo)題中也填上你的關(guān)鍵詞。 搜索引擎很重視粗體文字,以為這是本頁很重要的內(nèi)容。因此,確保在一二個(gè)粗體文字標(biāo)簽中寫上你的關(guān)鍵詞。要盡量避免將重要的標(biāo)題都制作成圖片的形式,更不要將整個(gè)首頁都做成一個(gè)圖片?! ∷摹⒋_保在你的正文第一段就出現(xiàn)關(guān)鍵詞?! ∷阉饕嫦M诘谝欢挝淖种芯驼业侥愕年P(guān)鍵詞,但不要充斥過多關(guān)鍵詞。google大概將全文每100個(gè)字出現(xiàn)1.5到2個(gè)關(guān)鍵詞視為最佳的關(guān)鍵詞密度,可獲得好排名。其他可考慮放置關(guān)鍵詞的地方可以在代碼的ALT或者COMMEET標(biāo)簽里面。如果無法保證正文第一段出現(xiàn)關(guān)鍵詞,可以考慮一些不救措施,比如給網(wǎng)頁加一個(gè)批注等等?! ∥?、導(dǎo)航設(shè)計(jì)要易于搜索引擎搜索?! ∮行┤嗽诰W(wǎng)頁制作中使用框架,但是這對(duì)于搜索引擎是一個(gè)嚴(yán)重的問題。即使搜索引擎找到你的內(nèi)容頁面,也可能錯(cuò)過其中關(guān)鍵性的導(dǎo)航欄目,從而不能進(jìn)入到其他頁面。用JAVA和FLASH做的導(dǎo)航按鈕看起來是很漂亮美觀,但是搜索引擎找不到它們。補(bǔ)救的辦法是在頁面底部用常規(guī)HTML鏈接再作一個(gè)導(dǎo)航條,確??梢酝ㄟ^這個(gè)導(dǎo)航條進(jìn)入網(wǎng)站的每一頁。你還可以做一個(gè)網(wǎng)站地圖,也可以鏈接到每一頁面。此外,有些內(nèi)容管理系統(tǒng)和電子商務(wù)目錄運(yùn)用動(dòng)態(tài)的網(wǎng)頁,這些頁面的網(wǎng)址后面一般都有一個(gè)問號(hào)帶上數(shù)字,工作過度的搜索引擎往往在問號(hào)前停下,不在繼續(xù)搜索。對(duì)于這種情況??梢酝ㄟ^更改URL,付費(fèi)登陸等手段加以解決。動(dòng)態(tài)站點(diǎn)可以通過生成靜態(tài)頁面的技術(shù)方便搜索引擎的抓取。網(wǎng)站地圖要盡量可能鏈接到所有的主要頁面,并單獨(dú)把站點(diǎn)地圖頁面提交給搜索引擎。多使用HTML靜態(tài)網(wǎng)頁,雖然增加了工作量,但可以增加搜索引擎的友好度,從而為獲得好的排名打下基礎(chǔ)?! ×?、針對(duì)某些特別重要的關(guān)鍵詞,專門做幾個(gè)頁面?! ∷阉饕鎯?yōu)化專家不推薦使用任何針對(duì)搜索引擎的欺騙性過渡頁面,因?yàn)檫@些幾乎是復(fù)制出來的網(wǎng)頁可能搜索引擎的懲罰。但可以做幾個(gè)頁面,每頁集中包含不同的關(guān)鍵詞或詞組。例如,無須在某一頁上介紹你所有的服務(wù)內(nèi)容,而是為每種服務(wù)分別作一個(gè)頁面。這樣,每一頁都有相對(duì)應(yīng)額關(guān)鍵詞,這些頁面內(nèi)容因?yàn)榘槍?duì)性的關(guān)鍵詞而不是籠統(tǒng)的內(nèi)容,從而可以提高排名。 七、向搜索引擎提交網(wǎng)頁?! ≡谒阉饕媸钦业健続DD YOUR URL】網(wǎng)站登陸的鏈接。搜索引擎將自動(dòng)搜索你提交的網(wǎng)頁。美國(guó)最著名的搜索引擎是:google、inktomi、alta、vista、tehoma。這些搜索引擎向其它主要搜索引擎和門戶網(wǎng)站提供搜索內(nèi)容。在歐洲和其他地區(qū)你可以發(fā)布到區(qū)域性的搜索引擎。至于花錢請(qǐng)人幫你提交成千上萬的搜索引擎的做法是在白花錢。也不要在那些FFA(free for all pages)網(wǎng)站,即所謂將你的網(wǎng)站免費(fèi)自動(dòng)提交到數(shù)百搜索引擎的站點(diǎn)。這類提交不僅效果不好,還會(huì)給你帶來大量的垃圾郵件,并可能導(dǎo)致搜索引擎對(duì)你的網(wǎng)頁進(jìn)行懲罰。也不要使用網(wǎng)站登陸軟件,所謂可以一次性將你的網(wǎng)站提交給數(shù)以千計(jì)的搜索引擎,其實(shí)不僅是不可能的,也是沒有實(shí)際價(jià)值的。最重要的是做好網(wǎng)站的優(yōu)化設(shè)計(jì),對(duì)于主要搜索引擎,采用逐個(gè)手工提交的方式來進(jìn)行。對(duì)于付費(fèi)搜索引擎,更不可能依靠軟件來提交。事實(shí)上,有效的搜索引擎營(yíng)銷策略根本不需要將網(wǎng)站登陸到數(shù)以千計(jì)的搜索引擎,因?yàn)樵L問量最大的幾個(gè)搜索引擎幾乎集中了98%以上的訪問量,剩下的搜索引擎沒有多少實(shí)際意義。另外要注意,提交網(wǎng)頁不應(yīng)該是一次性的,隨著內(nèi)容的更新,應(yīng)該定期重新提交網(wǎng)頁。由于網(wǎng)絡(luò)頁面越來越多,很多搜索機(jī)器人的回訪時(shí)間很長(zhǎng),定期提交可以讓搜索引擎前來抓取最新的更新內(nèi)容?! “恕⒄{(diào)整主要內(nèi)容頁面以提高排名?! ⒛阏J(rèn)為最重要的頁面,或許是首頁作一些調(diào)整,以提高他們的排名。有一些軟件可以讓你檢查當(dāng)前的排名,比較跟你的關(guān)鍵詞相同的競(jìng)爭(zhēng)者的網(wǎng)頁排名,還可以獲得搜索引擎對(duì)你的網(wǎng)頁的首選統(tǒng)計(jì)數(shù)據(jù),從而對(duì)自己的頁面進(jìn)行調(diào)整。你可以使用webpositiongold自己做這個(gè)工作,但由于很花時(shí)間,也可以請(qǐng)專業(yè)的公司幫你做。 在其他網(wǎng)站做鏈接可以帶來訪問量。自從google等主要搜索引擎將網(wǎng)站的鏈接廣泛度作為排名參考的重要因素以后,越多網(wǎng)站鏈接你,你的網(wǎng)站排名越高。同時(shí),鏈接的質(zhì)量也是搜索引擎考慮的重要因素。鏈接在訪問量高的網(wǎng)站比鏈接在訪問量低的網(wǎng)站更有優(yōu)勢(shì)?! 【?、將網(wǎng)站提交到主要的檢索目錄?! 〈_保你的網(wǎng)站登陸到免費(fèi)的open directory(www.dmoz.com),這是由人工進(jìn)行登陸審查的網(wǎng)站。該分級(jí)目錄為所有主要搜索引擎提供目錄內(nèi)容提供搜索。google很看重你的網(wǎng)站是否在這類重要的網(wǎng)站有鏈接。yahoo是另一個(gè)重要的檢索目錄,需要在上面登陸。提示:描述網(wǎng)站的字?jǐn)?shù)最好比規(guī)定的最高字?jǐn)?shù)少,不要?jiǎng)偤眠_(dá)到字?jǐn)?shù)限制,以免太長(zhǎng)的文字描述使得網(wǎng)站審核人員刪除一些句段。目前商業(yè)網(wǎng)站登陸yahoo每年要交¥299,最好讓他們?cè)?個(gè)工作日內(nèi)就將你的網(wǎng)站登陸上去。其他可以考慮登陸的檢索目錄有about.com和business.com。國(guó)內(nèi)有很多網(wǎng)站導(dǎo)航站點(diǎn)。也能帶來非常大的流量。即使網(wǎng)絡(luò)營(yíng)銷預(yù)算不多,但主要的搜索引擎如新浪,搜虎等也是很有必要登記的。 十、將網(wǎng)站登陸到行業(yè)站點(diǎn)和專業(yè)目錄中。 有一些檢索目錄定位于某個(gè)行業(yè),如教育或金融業(yè)。如果你屬于某個(gè)貿(mào)易協(xié)會(huì),該協(xié)會(huì)集中了諸多會(huì)員站點(diǎn),你可向該協(xié)會(huì)網(wǎng)站申請(qǐng)加入你的站點(diǎn),哪怕付費(fèi)也是應(yīng)該的,因?yàn)檫@會(huì)為你帶來許多目標(biāo)訪問者。 除了可以登陸到很多黃頁類網(wǎng)站,到搜索引擎按照你的行業(yè)查找,一定也能找到很多相關(guān)的行業(yè)目錄站點(diǎn),應(yīng)該盡量登陸這些站點(diǎn)?! ∈?、請(qǐng)求互換鏈接?! ふ乙恍┡c你的網(wǎng)站內(nèi)容互補(bǔ)的站點(diǎn)向?qū)Ψ揭蠡Q鏈接。最理想的鏈接對(duì)象是那些與你的網(wǎng)站流量相當(dāng)?shù)木W(wǎng)站。流量太大的網(wǎng)站管理員要應(yīng)付太多要求互換鏈接的請(qǐng)求,容易將你忽略。小的一些網(wǎng)站頁可以考慮?;Q鏈接頁面要放在網(wǎng)站比較偏僻的地方,以免將你的網(wǎng)站訪問者很快引向他人的站點(diǎn)。 找到可以互換鏈接的網(wǎng)站之后,發(fā)一封個(gè)性化的電郵給對(duì)方網(wǎng)站管理,如果對(duì)方?jīng)]有回復(fù),再打電話試一試。一定要關(guān)注對(duì)方網(wǎng)站的質(zhì)量,不要片面追求鏈接數(shù)量,更不要發(fā)垃圾郵件?! ∈l(fā)表免費(fèi)文章,附帶站點(diǎn)簽名。 免費(fèi)為其他網(wǎng)站的新聞郵件寫一些專業(yè)性文章,文章里用簡(jiǎn)短的文字附帶描述你提供的東西,并請(qǐng)求對(duì)方鏈接你的網(wǎng)站。這是一種有效的病毒營(yíng)銷方法,你的文章將作為成千上百的用戶訂閱信息發(fā)出去,讓你的網(wǎng)站一次性獲得幾百個(gè)鏈接。沒有自己的原創(chuàng)文章,轉(zhuǎn)載別人的文章時(shí)一定也要加上自己的鏈接?! 【W(wǎng)下的傳統(tǒng)推廣方法依然奏效。多種手段并用的方法尤其有效?! ∈?、將你的網(wǎng)址印在信紙、名片、宣傳冊(cè)、印刷品上。 這種簡(jiǎn)單的方法有時(shí)候卻被忽略了。確保網(wǎng)址拼寫正確。建議把http://部分省略,只書寫www.****.com部分。一個(gè)易于記憶的域名有利于網(wǎng)站的推廣,在選擇域名時(shí)一定要仔細(xì)考慮?! ∈?、使用傳統(tǒng)媒體廣告?! 鹘y(tǒng)媒體廣告不應(yīng)該廢止。無論是報(bào)紙還是雜志廣告,務(wù)必確保在其中展示你的網(wǎng)址。要將查看網(wǎng)站作為廣告的輔助內(nèi)容,提醒用戶瀏覽網(wǎng)站將取得相關(guān)信息。別忽視在一些定位相對(duì)比較狹窄的雜志或者貿(mào)易期刊刊登廣告,有時(shí)候這些廣告定位會(huì)更加準(zhǔn)確、有效。而且比網(wǎng)絡(luò)廣告更便宜。還有其它傳統(tǒng)方式可增加網(wǎng)站訪問量,如直郵、分類廣告、明信片等等。電視廣告恐怕更適合于那些銷售大眾化商品的網(wǎng)站。讓網(wǎng)址出現(xiàn)在廣告中顯眼的位置,相信比電話號(hào)碼更好記憶?! ∈濉⑻峁┟赓M(fèi)服務(wù)?! ∪藗兌枷矚g免費(fèi)的東西。通過免費(fèi)信息內(nèi)容吸引人們?cè)L問你的網(wǎng)站,比單純叫人來訪問了解你的業(yè)務(wù)更有效。建立免費(fèi)資源需要花費(fèi)時(shí)間和精力,但是對(duì)增加訪問量非常有效。你提供的免費(fèi)內(nèi)容要與你銷售的東西非常接近,這樣你吸引來得訪問者才有可能時(shí)目標(biāo)潛在客戶,提供免費(fèi)服務(wù)的同時(shí),網(wǎng)站要提供多種鏈接方式將獲取免費(fèi)信息的用戶注意力引導(dǎo)到你銷售的產(chǎn)品部分。免費(fèi)資源比如:免費(fèi)郵箱、免費(fèi)網(wǎng)站登陸、免費(fèi)發(fā)布信息、能提供具有特色的免費(fèi)服務(wù)那就更好了。
怎么制作自己的網(wǎng)頁簡(jiǎn)單點(diǎn)!
一、使用像Dreamweaver、Fontpage一樣的所見即所得的網(wǎng)頁編輯軟件。Fontpage較容易些,會(huì)操作Word就會(huì)使用它。專業(yè)人士一般用Dreamweaver來做網(wǎng)頁,用flash、firework等來美化網(wǎng)頁,可以下載網(wǎng)頁三劍客Dreamweaver、flash、firework去做?! 《⑹褂糜浭卤拘薷木W(wǎng)頁Html代碼,不推薦使用Fontpage等網(wǎng)頁編輯軟件修改的原因是:很多網(wǎng)頁格式如果用網(wǎng)頁編輯軟件打開就會(huì)變形,所以直接使用記事本修改網(wǎng)頁Html代碼是最簡(jiǎn)潔有效的方法??梢匀ハ螺d強(qiáng)化的HTML工具更好,例如: UltraEdit?! ∈紫刃枰私庖幌戮W(wǎng)站的頁面組成,網(wǎng)站一般包括以下幾部分: 首頁:網(wǎng)站的門面,如同公司的形象,特別注重設(shè)計(jì)和規(guī)劃?! 〈雾摚壕W(wǎng)站的主要導(dǎo)航結(jié)構(gòu)頁面,講究風(fēng)格的一致性,并于首頁呼應(yīng)?! ∑胀摚壕W(wǎng)站主要的承載信息的頁面,設(shè)計(jì)要求不高,但要求鏈接準(zhǔn)確、文字無誤、圖文并茂,并沿襲網(wǎng)頁的風(fēng)格?! 棾鲰摚阂话阌糜趶V告、新聞、消息、到其他網(wǎng)站的鏈接等等,一般用的很少?! 「黜撁娴脑O(shè)計(jì)技巧: 一、首頁設(shè)計(jì)技巧 網(wǎng)站首頁是企業(yè)網(wǎng)上的虛擬門面。一般來說,網(wǎng)站首頁的形式不外乎有兩種,一種是純粹的形象展示型,這種類型文字信息較少,圖像信息較多,通過藝術(shù)造型和設(shè)計(jì)布局,利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息,組成一幅生動(dòng)的畫面,向?yàn)g覽者展示一種形象、一個(gè)氛圍,從而吸引瀏覽者進(jìn)入瀏覽。這需要設(shè)計(jì)者具有良好的設(shè)計(jì)基礎(chǔ)和審美能力,能夠努力挖掘企業(yè)深層的內(nèi)涵,展示企業(yè)文化。這種類型的首頁在設(shè)計(jì)過程中一定要明確要以設(shè)計(jì)為主導(dǎo),通過色彩、布局給訪問者留下深刻的印象。另一種是信息羅列型,一般的大、中型企業(yè)網(wǎng)站和門戶網(wǎng)站常用的方式,即在首頁中就羅列出網(wǎng)站的主要內(nèi)容分類、重點(diǎn)信息、網(wǎng)站導(dǎo)航、公司信息等等,這種風(fēng)格比較適合網(wǎng)站信息量大,內(nèi)容豐富的網(wǎng)站,因?yàn)槭且哉故拘畔橹?,這是的設(shè)計(jì)就要在細(xì)微之處體現(xiàn)企業(yè)形象,建議設(shè)計(jì)人員最好仔細(xì)閱讀企業(yè)的CI手冊(cè),熟悉企業(yè)標(biāo)志、吉祥物、字體及用色標(biāo)準(zhǔn),在網(wǎng)站的局部體現(xiàn)出來,往往平淡之中一個(gè)優(yōu)美的符合企業(yè)特點(diǎn)的曲線就能夠給人以深刻的印象,從而將企業(yè)形象印在瀏覽者的腦海里。設(shè)計(jì)人員在設(shè)計(jì)過程中要注意使用這些語言符號(hào)來表達(dá)一種獨(dú)特的企業(yè)信息?! 【W(wǎng)頁設(shè)計(jì)時(shí)注意事項(xiàng): 1.不要花哨。 2.要有風(fēng)格,要突出行業(yè)的特點(diǎn)。比如娛樂業(yè)熱烈活潑些,政府網(wǎng)站則要莊重些;收藏書畫業(yè)要古樸典雅,策劃時(shí)裝業(yè)則要前衛(wèi)些。 3.一張網(wǎng)頁一般兩屏到三屏就可以,不要太長(zhǎng),會(huì)影響網(wǎng)頁打開的速度。如果內(nèi)容實(shí)在太多,應(yīng)該分作幾個(gè)頁面,或者分為幾個(gè)二級(jí)欄目。
網(wǎng)站版面設(shè)計(jì)要注意哪些問題?
需要注意以下四點(diǎn):1.加強(qiáng)視覺效果2.加強(qiáng)文案的可視度和可讀性3.統(tǒng)一感的視覺4.新鮮和個(gè)性是布局的最高境界。設(shè)計(jì)首頁的第一步是設(shè)計(jì)版面布局。就象傳統(tǒng)的報(bào)刊雜志編輯一樣,我們將網(wǎng)頁看作一張報(bào)紙,一本雜志來進(jìn)行排版布局。雖然動(dòng)態(tài)網(wǎng)頁技術(shù)的發(fā)展使得我們開始趨向于學(xué)習(xí)場(chǎng)景編劇,但是固定的網(wǎng)頁版面設(shè)計(jì)基礎(chǔ)依然是必須學(xué)習(xí)和掌握的。它們的基本原理是共通的,你可以領(lǐng)會(huì)要點(diǎn),舉一反三。 版面指的是瀏覽器看到的完整的一個(gè)頁面(可以包含框架和層)。因?yàn)槊總€(gè)人的顯示器分辨率不同,所以同一個(gè)頁面的大小可能出現(xiàn)640*480像素,800*600像素,1024*768像素等不同尺寸。 布局,就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。你可能注意到:“最適合”是一個(gè)不確定的形容詞,什么才是最適合的呢?抱歉的是阿捷不能也不可能給您一個(gè)完整的正確的答案。就好比有人希望知道成功的秘訣是什么,成功者只能建議您用什么方法,什么途徑才能最容易獲得成功,而不可能有一步成功的"秘訣"告訴您。 我們?cè)谠O(shè)計(jì)思考系列文章第四篇講過站點(diǎn)整體的創(chuàng)意,版面布局也是一個(gè)創(chuàng)意的問題,但要比站點(diǎn)整體的創(chuàng)意容易,有規(guī)律的多。讓我們先來了解一下版面布局的步驟: 一.草案新建頁面就象一張白紙,沒有任何表格,框架和約定俗成的東西,你可以盡可能的發(fā)揮你的想象力,將你想到的"景象"畫上去(我們建議您用一張白紙和一支鉛筆,當(dāng)然用作圖軟件photoshop等也可以)。這屬于創(chuàng)造階段,不講究細(xì)膩工整,不必考慮細(xì)節(jié)功能,只以粗陋的線條勾畫出創(chuàng)意的輪廓即可。盡你的可能多畫幾張,最后選定一個(gè)滿意的作為繼續(xù)創(chuàng)作的腳本。 二.粗略布局在草案的基礎(chǔ)上,將你確定需要放置的功能模塊安排到頁面上。(注:功能模塊我們?cè)?quot;首頁設(shè)計(jì)-引子"中提過,主要包含網(wǎng)站標(biāo)志,主菜單,新聞,搜索,友情鏈接,廣告條,郵件列表,計(jì)數(shù)器,版權(quán)信息等)。注意,這里我們必須遵循突出重點(diǎn)、平衡諧調(diào)的原則,將網(wǎng)站標(biāo)志,主菜單等最重要的模塊放在最顯眼,最突出的位置,然后在考慮次要模塊的排放。 三.定案將粗略布局精細(xì)化,具體化。(靠你的智慧和經(jīng)驗(yàn),旁敲側(cè)擊多方聯(lián)想,才能作出具有創(chuàng)意的布局。) 在布局過程中,我們可以遵循的原則有: 1、正常平衡---亦稱"勻稱"。多指左右、上下對(duì)照形式,主要強(qiáng)調(diào)秩序,能達(dá)到安定誠(chéng)實(shí)、信賴的效果。2、異常平衡---即非對(duì)照形式,但也要平衡和韻律,當(dāng)然都是不均整的,此種布局能達(dá)到強(qiáng)調(diào)性、不安性、高注目性的效果。3、對(duì)比---所謂對(duì)比,不僅利用色彩、色調(diào)等技巧來作表現(xiàn),在內(nèi)容上也可涉及古與今、新與舊、貧與富等對(duì)比。4、凝視---所謂凝視是利用頁面中人物視線,使瀏覽者仿照跟隨的心理,以達(dá)到注視頁面的效果,一般多用明星凝視狀。5、空白---空白有兩種作用,一方面對(duì)其他網(wǎng)站表示突出卓越,另一方面也表示網(wǎng)頁品位的優(yōu)越感,這種表現(xiàn)方法對(duì)體顯網(wǎng)頁的格調(diào)十分有效。6、盡量用圖片解說---此法對(duì)不能用語言說服、或用語言無法表達(dá)的情感,特別有效。圖片解說的內(nèi)容,可以傳達(dá)給瀏覽者的的心理因素。 以上的設(shè)計(jì)原則,雖然枯燥,但是我們?nèi)绻茴I(lǐng)會(huì)并活用到頁面布局里,效果就大不一樣了。比如,○網(wǎng)頁的白色背景太虛,則可以加些色快;○版面零散,可以用線條和符號(hào)串聯(lián);○左面文字過多,右面則可以插一張圖片保持平衡;○表格太規(guī)矩,可以改用導(dǎo)角試試。經(jīng)過不斷的嘗試和推敲,你的網(wǎng)頁一定會(huì)亮麗起來的哦:) 看看我們經(jīng)常用到的版面布局形式:1."T"結(jié)構(gòu)布局。所謂"T"結(jié)構(gòu)。就是指頁面頂部為橫條網(wǎng)站標(biāo)志+廣告條,下方左面為主菜單,右面顯示內(nèi)容的布局,因?yàn)椴藛螚l背景教深,整體效果類似英文字母"T",所以我們稱之為"T"形布局。這是網(wǎng)頁設(shè)計(jì)中用的最廣返的一種布局方式。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰,主次分明。是初學(xué)者最容易上手的布局方法。缺點(diǎn)是規(guī)矩呆板,如果細(xì)節(jié)色彩上不注意,很容易讓人"看之無味"。 2."口"型布局。這是一個(gè)象形的說法,就是頁面一般上下各有一個(gè)廣告條,左面是主菜單,右面放友情連接等,中間是主要內(nèi)容。這種布局的優(yōu)點(diǎn)是充分利用版面,信息量大(我的主頁首頁即屬于這種布局)。缺點(diǎn)是頁面擁擠,不夠靈活。也有將四邊空出,只用中間的窗口型設(shè)計(jì),例如網(wǎng)易壁紙站。 3."三"型布局。這種布局多用于國(guó)外站點(diǎn),國(guó)內(nèi)用的不多。特點(diǎn)是頁面上橫向兩條色塊,將頁面整體分割為四部分,色塊中大多放廣告條。4.對(duì)稱對(duì)比布局。顧名思義,采取左右或者上下對(duì)稱的布局,一半深色,一半淺色,一般用于設(shè)計(jì)型站點(diǎn)。優(yōu)點(diǎn)是視覺沖擊力強(qiáng),缺點(diǎn)是將兩部分有機(jī)的結(jié)合比較困難。 5.POP布局。POP引自廣告術(shù)語,就是指頁面布局象一張宣傳海報(bào),以一張精美圖片作為頁面的設(shè)計(jì)中心。常用于時(shí)尚類站點(diǎn),比如ELLE.com。優(yōu)點(diǎn)顯而易見:漂亮吸引人。缺點(diǎn)就是速度慢。作為版面布局還是值得借鑒的。 以上總結(jié)了目前網(wǎng)絡(luò)上常見的布局,其實(shí)還有許許多多別具一格的布局,關(guān)鍵在于你的創(chuàng)意和設(shè)計(jì)了。
怎樣制作一個(gè)網(wǎng)頁
怎樣制作個(gè)人網(wǎng)頁 如果你已經(jīng)上網(wǎng),為何不嘗試一下在網(wǎng)上做一個(gè)完全屬于自己的主頁?有了自己的主頁,全世界的人都可以隨時(shí)找到你,你也可以向全世界宣傳下自己,是非常有意義和有意思的?,F(xiàn)在簡(jiǎn)單介紹一下制作主頁的過程和方法: 一、準(zhǔn)備材料 你首先做一個(gè)小計(jì)劃,準(zhǔn)備在主頁上告訴人家什么?比如介紹三個(gè)方面:自我介紹,我的愛好,我的工作,那你就先起一個(gè)總目錄(文件夾,比如d:\html),來放你的所有文件,然后再在這個(gè)目錄建立三個(gè)子目錄:myself,interest,job。文件名你可以任意,但最好全部小寫,因?yàn)橛械闹鳈C(jī)要認(rèn)大小寫。然后將你的材料copy進(jìn)相應(yīng)的子目錄。比如你要在你的主頁里展示你的靚照,那就將你的照片掃描成JPG格式的文件,放在myself的目錄下. 要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但你可以用圖象軟件進(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,下面是我的照片:”這時(shí)要放圖片了,只須點(diǎn)擊Insert菜單,選取Image,在Choosefile里選取你的圖象文件即可,然后把這個(gè)文件保存為myself.html文件,放在myself的目錄下。好,現(xiàn)在必須做封面了,你在封面寫:“歡迎來到superboy的主頁”以下是“自我介紹,我的愛好,我的工作”。你的自我介紹要鏈接到下一頁去,你只須用鼠標(biāo)選“自我介紹”后按鼠標(biāo)右鍵 ,再選create link,然后再選你myself目錄下的myself.html,就將“自我介紹”鏈接到下一頁了,以后在瀏覽器中一按,就可以跳到鑲有你靚照的頁面啦。 在你的封面做好了所有鏈接和圖片后,記住你必須將這一頁保存為index.htm(有的主機(jī)要求必須為index.html),因?yàn)榫W(wǎng)頁默認(rèn)的主頁名稱是index.制作主頁其實(shí)很簡(jiǎn)單,只要多實(shí)際制作,工多藝熟。還可以拿來主義,在網(wǎng)上看到什么好的主頁,用另存為功能保存為.html格式的文件,細(xì)細(xì)研究人家是如何做的。還可以借用網(wǎng)頁模版來搞,我的就是~~~~~~ 三、將你制作好的安放在網(wǎng)上 要在網(wǎng)上安你自己的家,你必須先申請(qǐng)一個(gè)主頁空間,即向某一個(gè)主機(jī)申請(qǐng)一快硬盤空間。現(xiàn)在有較多的主機(jī)提供免費(fèi)主頁空間,具體見實(shí)用鏈接欄目。這些主機(jī)不僅提供免費(fèi)個(gè)人主頁空間,并且還提供留言簿、計(jì)數(shù)器等很有用的功能。只要到有關(guān)站點(diǎn)申請(qǐng)即可,具體方法,參考相關(guān)題目。申請(qǐng)完成以后用FTP將你所有的主頁文件上傳至主機(jī)指定的目錄就可以了! 需要注意的是,一定要保持網(wǎng)頁的相對(duì)位置,否則會(huì)看不到網(wǎng)頁的,有很多朋友都問我:為什么我的網(wǎng)頁傳上去了可是看不到,老是出現(xiàn)網(wǎng)頁錯(cuò)誤呢?其實(shí)他們都是因?yàn)槲恢玫膯栴},只要把位置改動(dòng)一下就可以的了
怎么學(xué)習(xí)網(wǎng)頁制作?
從最基本的開始學(xué),最簡(jiǎn)單的就是HTML的網(wǎng)頁,直接把圖弄上去,然后把邊距邊框,按鈕之類的設(shè)置下就差不多了,最后自己去各個(gè)瀏覽器調(diào)試下,修改參數(shù)就好了!怎樣設(shè)計(jì)網(wǎng)頁 在網(wǎng)頁設(shè)計(jì)的認(rèn)識(shí)上,許多人似乎仍停留在網(wǎng)頁制作的高度上。認(rèn)為只要用好了網(wǎng)頁制作軟件,就能搞好網(wǎng)頁設(shè)計(jì)了…… 在網(wǎng)頁設(shè)計(jì)的認(rèn)識(shí)上,許多人似乎仍停留在網(wǎng)頁制作的高度上。認(rèn)為只要用好了網(wǎng)頁制作軟件,就能搞好網(wǎng)頁設(shè)計(jì)了。 其實(shí)網(wǎng)頁設(shè)計(jì)是一個(gè)感性思考與理性分析相結(jié)合的復(fù)雜的過程,它的方向取決于設(shè)計(jì)的任務(wù),它的實(shí)現(xiàn)依賴于網(wǎng)頁的制作。正所謂“功夫在詩外”,網(wǎng)頁設(shè)計(jì)中最重要的東西,并非在軟件的應(yīng)用上,而是在我們對(duì)網(wǎng)頁設(shè)計(jì)的理解以及設(shè)計(jì)制作的水平上,在于我們自身的美感以及對(duì)頁面的把握上。 首先,我們要弄清楚網(wǎng)頁設(shè)計(jì)的任務(wù)。 一、設(shè)計(jì)的任務(wù) 設(shè)計(jì)是一種審美活動(dòng),成功的設(shè)計(jì)作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段,而并非設(shè)計(jì)的任務(wù)。設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者的意圖,而并非創(chuàng)造美。 網(wǎng)頁設(shè)計(jì)的任務(wù),是指設(shè)計(jì)者要表現(xiàn)的主題和要實(shí)現(xiàn)的功能。站點(diǎn)的性質(zhì)不同,設(shè)計(jì)的任務(wù)也不同。從形式上,可以將站點(diǎn)分為以下三類。 第一類是資訊類站點(diǎn),像新浪、網(wǎng)易、搜狐等門戶網(wǎng)站。這類站點(diǎn)將為訪問者提供大量的信息,而且訪問量較大。因此需注意頁面的分割、結(jié)構(gòu)的合理、頁面的優(yōu)化、界面的親和等問題。 第二類是資訊和形象相結(jié)合的網(wǎng)站,像一些較大的公司、國(guó)內(nèi)的高校等。這類網(wǎng)站在設(shè)計(jì)上要求較高,既要保證資訊類網(wǎng)站的上述要求,同時(shí)又要突出企業(yè)、單位的形象。然而就現(xiàn)狀上來看,這類網(wǎng)站有粗制濫造的嫌疑。 第三類則是形象類網(wǎng)站,比如一些中小型的公司或單位。這類網(wǎng)站一般較小,有的則有幾頁,需要實(shí)現(xiàn)的功能也較為簡(jiǎn)單,網(wǎng)頁設(shè)計(jì)的主要任務(wù)是突出企業(yè)形象。這類網(wǎng)站對(duì)設(shè)計(jì)者的美工水平要求較高。 當(dāng)然,這只是從整體上來看,具體情況還要具體分析。不同的站點(diǎn)還要區(qū)別對(duì)待。別忘了最重要的一點(diǎn),那就是客戶的要求,它也屬于設(shè)計(jì)的任務(wù)。 明確了設(shè)計(jì)的任務(wù)之后,接下來要想的就是如何完成這個(gè)任務(wù)了。 二、設(shè)計(jì)的實(shí)現(xiàn) 設(shè)計(jì)的實(shí)現(xiàn)可以分為兩個(gè)部分。第一部分為站點(diǎn)的規(guī)劃及草圖的繪制,這一部分可以在紙上完成。第二部分為網(wǎng)頁的制作,這一過程是在計(jì)算機(jī)上完成的。 設(shè)計(jì)首頁的第一步是設(shè)計(jì)版面布局。我們可以將網(wǎng)頁看作傳統(tǒng)的報(bào)刊雜志來編輯,這里面有文字、圖像乃至動(dòng)畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一臺(tái)配置不錯(cuò)的計(jì)算機(jī)外,軟件也是必需的。不能簡(jiǎn)單地說一個(gè)軟件的好壞,只要是設(shè)計(jì)者使用起來覺得方便而且能得心應(yīng)手的,就可以稱為好軟件。當(dāng)然,它應(yīng)該能滿足設(shè)計(jì)者的要求。筆者常用的軟件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,這些都是很不錯(cuò)的軟件。 接下來我們要做的就是通過軟件的使用,將設(shè)計(jì)的藍(lán)圖變?yōu)楝F(xiàn)實(shí),最終的集成一般是在Dreamweaver里完成的。雖然在草圖上,我們定出了頁面的大體輪廓,但是靈感一般都是在制作過程中產(chǎn)生的。設(shè)計(jì)作品一定要有創(chuàng)意,這是最基本的要求,沒有創(chuàng)意的設(shè)計(jì)是失敗的。在制作的過程中,我們會(huì)碰到許多問題,其中最敏感的莫過于頁面的顏色了。 三、色彩的運(yùn)用 色彩是一種奇怪的東西,它是美麗而豐富的,它能喚起人類的心靈感知。一般來說,紅色是火的顏色,熱情、奔放;也是血的顏色,可以象征生命。黃色是明度最高的顏色,顯得華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長(zhǎng),象征安寧和平與安全,如綠色食品。紫色是高貴的象征,有莊重感。白色能給人以純潔與清白的感覺,表示和平與圣潔。 我們知道,顏色是光的折射產(chǎn)生的,紅、黃、藍(lán)是三原色,其它的色彩都可以用這三種色彩調(diào)和而成。換一種思路,我們可以用顏色的變化來表現(xiàn)光影效果,這無疑將使我們的作品更貼近現(xiàn)實(shí)。 色彩代表了不同的情感,有著不同的象征含義。這些象征含義是人們思想交流當(dāng)中的一個(gè)復(fù)雜問題,它因人的年齡、地域、時(shí)代、民族、階層、經(jīng)濟(jì)地區(qū)、工作能力、教育水平、風(fēng)俗習(xí)慣、宗教信仰、生活環(huán)境、性別差異而有所不同。 單純的顏色并沒有實(shí)際的意義,和不同的顏色搭配,它所表現(xiàn)出來的效果也不同。比如綠色和金黃、淡白搭配,可以產(chǎn)生優(yōu)雅,舒適的氣氛。藍(lán)色和白色混合,能體現(xiàn)柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會(huì)給人帶來暖意。設(shè)計(jì)的任務(wù)不同,配色方案也隨之不同。考慮到網(wǎng)頁的適應(yīng)性,應(yīng)盡量使用網(wǎng)頁安全色。 但顏色的使用并沒有一定的法則,如果一定要用某個(gè)法則去套,效果只會(huì)適得其反。經(jīng)驗(yàn)上我們可先確定一種能表現(xiàn)主題的主體色,然后根據(jù)具體的需要,應(yīng)用顏色的近似和對(duì)比來完成整個(gè)頁面的配色方案。整個(gè)頁面在視覺上應(yīng)是一個(gè)整體,以達(dá)到和諧、悅目的視覺效果。 四、造型的組合 在網(wǎng)頁設(shè)計(jì)中,我們主要通過視覺傳達(dá)來表現(xiàn)主題。在視覺傳達(dá)中,造型是很重要的一個(gè)元素。拋去是圖還是文字的問題,畫面上的所有元素可以統(tǒng)一作為畫面的基本構(gòu)成要素點(diǎn)、線、面來進(jìn)行處理。在一幅成功的作品里,是需要點(diǎn)、線、面的共同組合與搭配來構(gòu)造整個(gè)頁面的。 通常我們可以使用的組合手法有秩序、比例、均衡、對(duì)稱、連續(xù)、間隔、重疊、反復(fù)、交*、節(jié)奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點(diǎn)。在設(shè)計(jì)中應(yīng)根據(jù)具體情況,選擇最適合的表現(xiàn)手法,這樣有利于主題的表現(xiàn)。 通過點(diǎn)、線、面的組合,可以突出頁面上的重要元素,突出設(shè)計(jì)的主題,增強(qiáng)美感,讓觀者在感受美的過程中領(lǐng)會(huì)設(shè)計(jì)的主題,從而實(shí)現(xiàn)設(shè)計(jì)的任務(wù)。 造型的巧妙運(yùn)用不僅能帶來極大的美感,而且能較好地突出企業(yè)形象,而且能將網(wǎng)頁上的各種元素有機(jī)的組織起來,它甚至還可以引導(dǎo)觀者的視線。 五、設(shè)計(jì)的原則 設(shè)計(jì)是有原則的,無論使用何種手法對(duì)畫面中的元素進(jìn)行組合,都一定要遵循五個(gè)大的原則:統(tǒng)一、連貫、分割、對(duì)比及和諧。 統(tǒng)一,是指設(shè)計(jì)作品的整體性,一致性。設(shè)計(jì)作品的整體效果是至關(guān)重要的,在設(shè)計(jì)中切勿將各組成部分孤立分散,那樣會(huì)使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。 連貫,是指要注意頁面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng),并注意整個(gè)頁面設(shè)計(jì)風(fēng)格的一致性,實(shí)現(xiàn)視覺上和心理上的連貫,使整個(gè)頁面設(shè)計(jì)的各個(gè)部分極為融洽,猶如一氣呵成。 分割,是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣可以使觀者一目了然。在信息量很多時(shí)為使觀者能夠看清楚,就要注意到將畫面進(jìn)行有效的分割。分割不僅是表現(xiàn)形式的需要。換個(gè)角度來講,分割也可以被視為對(duì)于頁面內(nèi)容的一種分類歸納。 對(duì)比就是通過矛盾和沖突,使設(shè)計(jì)更加富有生氣。對(duì)比手法很多,例如:多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在使用對(duì)比的時(shí)候應(yīng)慎重,對(duì)比過強(qiáng)容易破壞美感,影響統(tǒng)一。 和諧是指整個(gè)頁面符合美的法則,渾然一體。如果一件設(shè)計(jì)作品僅僅是色彩、形狀、線條等的隨意混合,那么作品將不但沒有“生命感”,而且也根本無法實(shí)現(xiàn)視覺設(shè)計(jì)的傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式,而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通,產(chǎn)生心靈的共鳴。這是設(shè)計(jì)能否成功的關(guān)鍵。 六、網(wǎng)頁的優(yōu)化 在網(wǎng)頁設(shè)計(jì)中,網(wǎng)頁的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功與否會(huì)影響頁面的瀏覽速度和頁面的適應(yīng)性,影響觀者對(duì)網(wǎng)站的印象。 在資訊類網(wǎng)站中,文字是頁面中最大的構(gòu)成元素,因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的,通常我們將字體指定為宋體,大小指定為12px,顏色要視背景色而定,原則上以能看清且與整個(gè)頁面搭配和諧為準(zhǔn)。在白色的背景上,我們一般使用黑色,這樣不易產(chǎn)生視覺疲勞,能保證瀏覽者較長(zhǎng)時(shí)間地瀏覽網(wǎng)頁。 圖片是網(wǎng)頁中的重要元素。圖片的優(yōu)化可以在保證瀏覽質(zhì)量的前提下將其size降至最低,這樣可以成倍地提高網(wǎng)頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊,分別進(jìn)行優(yōu)化。輸出的格式可以為gif或jpeg,要視具體情況而定。一般我們把有較為復(fù)雜顏色變化的小塊優(yōu)化為jpeg,而把那種只有單純色塊的卡通畫式的小塊優(yōu)化為gif,這是由這兩種格式的特點(diǎn)決定的。 表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對(duì)齊方式等參數(shù)。很多時(shí)候,我們將表格的邊框設(shè)為0,以此來定位頁面中的元素,或者籍此確定頁面中各元素的相對(duì)位置。我們知道:瀏覽器在讀取網(wǎng)頁html原代碼時(shí),是讀完整個(gè)table才將它顯示出來的。如果一個(gè)大表格中含有多個(gè)子表格,必須等大表格讀完,才能將子表格一起顯示出來。我們?cè)谠L問一些站點(diǎn)時(shí),等待多時(shí)無結(jié)果,按"停止"按鈕卻一下顯示出頁面就是這個(gè)原因。因此,我們?cè)谠O(shè)計(jì)頁面表格的時(shí)候,應(yīng)該盡量避免將所有元素嵌套在一個(gè)表格里,而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁時(shí),會(huì)自動(dòng)在每一個(gè)td內(nèi)添加一個(gè)空字符“ ”。如果單元格內(nèi)沒有填充其它元素,這個(gè)空字符會(huì)保留,在指定td的寬度或高度后,可以在源代碼內(nèi)將其刪去。 網(wǎng)頁的適應(yīng)性是很重要的,在不同的系統(tǒng)上,不同的分辨率下,不同的瀏覽器上,我們將會(huì)看到不同的結(jié)果,因此設(shè)計(jì)時(shí)要統(tǒng)籌考慮。一般我們?cè)?00*600下制作網(wǎng)頁,最佳瀏覽效果也是在800*600分辨率下,在其它情況下只要保證基本一致,不出現(xiàn)較大問題即可。 說了這么多,只是希望能對(duì)做“網(wǎng)頁設(shè)計(jì)”的人有所幫助,希望他們?cè)谧鼍W(wǎng)頁的時(shí)候能夠從整體著眼,無愧于“設(shè)計(jì)”這兩個(gè)字。 ★建設(shè)自己的網(wǎng)站較好的步驟☆ 必須注意的是:建立自己的網(wǎng)站是一件浩大的工程,一般比較麻煩。所以應(yīng)當(dāng)按照一定的步驟一步步來。 我覺得建站可以按照以下步驟進(jìn)行: 1、先在本地設(shè)一個(gè)文件夾,作為網(wǎng)站存儲(chǔ)的地方。名字最好取“My Sites”。 2、在網(wǎng)站文件夾里面建立一些文件夾,包括“images”等(存儲(chǔ)圖片、文件等),并且按照網(wǎng)頁內(nèi)容,再建立幾個(gè)文件夾。(也可以把存儲(chǔ)圖片、文件的文件夾在每個(gè)內(nèi)容文件夾里面各搞一些) 3、打開你的網(wǎng)頁編輯程序(例如FP、Dreamwear等),新建網(wǎng)頁,保存為“index”(主頁),重復(fù)以上步驟,在網(wǎng)站文件夾里面建立“search”(查找)、“map”(站點(diǎn)地圖)、“index02”(網(wǎng)站簡(jiǎn)介等)。 4、按照上面步驟,再在網(wǎng)站分類文件夾里面建立許多網(wǎng)頁(接著還要把內(nèi)容輸入網(wǎng)頁) 5、已經(jīng)做到了這么多,我們?cè)摐?zhǔn)備內(nèi)容了吧。在硬盤上面再建立一個(gè)文件夾“File”,把準(zhǔn)備好的文檔、圖片、程式、文件和網(wǎng)頁特效等放進(jìn)去。(可以加入一些動(dòng)態(tài)網(wǎng)頁) 6、慢慢把這些文件一個(gè)不漏的放進(jìn)網(wǎng)頁里面(要掌握技巧) 7、把網(wǎng)站充實(shí)了,就差不多了。這時(shí)應(yīng)該申請(qǐng)一個(gè)域名(免費(fèi)空間、附費(fèi)都可以)。并且把自己的網(wǎng)站放入搜索引擎,而且在各種留言版上面宣傳。 8、把網(wǎng)站上傳至空間里面,刪了準(zhǔn)備文件,就OK了! 不過也可以這樣使用FP建站: 1、在FP里面選擇新建站點(diǎn)。 2、然后在【導(dǎo)航】里面設(shè)置網(wǎng)頁名稱以及標(biāo)題。 3、準(zhǔn)備好文檔、圖片、程式、文件和網(wǎng)頁特效等,把它們都充實(shí)進(jìn)網(wǎng)站里面。 4、申請(qǐng)一個(gè)域名(免費(fèi)空間、附費(fèi)都可以)。并且把自己的網(wǎng)站放入搜索引擎,而且在各種留言版上面宣傳。 5、把網(wǎng)站上傳至空間里面,刪了準(zhǔn)備文件。完畢。 如果使用Dreamwear來建站,那就更加高級(jí)啦!Dreamwear的功能很強(qiáng)大,安裝了它的朋友們可以研究研究。 在網(wǎng)站設(shè)計(jì)中,純粹HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”,早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁的網(wǎng)址形式通常為:www.example.com/eg/eg.htm,也就是以.htm、.html、.shtml、.xml等為后后綴的。在HTML格式的網(wǎng)頁上,也可以出現(xiàn)各種動(dòng)態(tài)的效果,如.GIF格式的動(dòng)畫、FLASH、滾動(dòng)字母等,這些“動(dòng)態(tài)效果”只是視覺上的,與下面將要介紹的動(dòng)態(tài)網(wǎng)頁是不同的概念。 ??在《網(wǎng)絡(luò)營(yíng)銷基礎(chǔ)與實(shí)踐》第二版第3章“網(wǎng)絡(luò)營(yíng)銷導(dǎo)向的企業(yè)網(wǎng)站建設(shè)”中,提出了采用靜態(tài)網(wǎng)頁對(duì)搜索引擎的影響,書中對(duì)于靜態(tài)網(wǎng)頁本身的介紹比較少,尤其對(duì)于靜態(tài)網(wǎng)頁的特點(diǎn)沒有做專門的介紹。 網(wǎng)絡(luò)營(yíng)銷教學(xué)網(wǎng)站(www.wm23.com)將靜態(tài)網(wǎng)頁的特點(diǎn)簡(jiǎn)要?dú)w納如下: ??(1)靜態(tài)網(wǎng)頁每個(gè)網(wǎng)頁都有一個(gè)固定的URL,且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴,而不含有“?”; ??(2)網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上,無論是否有用戶訪問,每個(gè)靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的,也就是說,靜態(tài)網(wǎng)頁是實(shí)實(shí)在在保存在服務(wù)器上的文件,每個(gè)網(wǎng)頁都是一個(gè)獨(dú)立的文件; ??(3)靜態(tài)網(wǎng)頁的內(nèi)容相對(duì)穩(wěn)定,因此容易被搜索引擎檢索; ??(4)靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持,在網(wǎng)站制作和維護(hù)方面工作量較大,因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁制作方式比較困難; ??(5)靜態(tài)網(wǎng)頁的交互性交叉,在功能方面有較大的限制。 網(wǎng)頁制作軟件的選擇 u 選擇一個(gè)適合自己的網(wǎng)頁編輯工具 了解了網(wǎng)頁的類型及相關(guān)技術(shù)之后,下一步,就是要選擇一個(gè)適合自己的網(wǎng)頁編輯工具。 Frontpage Frontpage 是 Microsoft 出品的,可能是最簡(jiǎn)單、最容易,卻又功能強(qiáng)大的網(wǎng)頁編輯工具。采用典型的 Word 界面設(shè)計(jì),只要你懂得使用 Word,就差不多等于已經(jīng)會(huì)使用 Frontpage。就算你不懂 Word 也沒關(guān)系,"所見即所得"的操作方式會(huì)讓你很快上手,而且你無須學(xué)習(xí) HTML 語法。 但 Frontpage 的也有其不足之處:首先是瀏覽器兼容性不好,做出來的網(wǎng)頁,用 Netscape 往往不能正常顯示;其次,生成的垃圾代碼多,也會(huì)自動(dòng)修改代碼,導(dǎo)致在某些情況下極為不便;再次,對(duì)DHTML的支持不好。但不管怎么說,F(xiàn)rontpage 的確是最好的入門級(jí)網(wǎng)頁編輯工具。 常見的版本為 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的產(chǎn)品的另一款"所見即所得"的網(wǎng)頁編輯工具,或稱網(wǎng)頁排版軟件。與 Frontpage 不同,Deamweaver 采用的是 Mac 機(jī)浮動(dòng)面版的設(shè)計(jì)風(fēng)格,對(duì)于初學(xué)者來說可能會(huì)感到不適應(yīng)。但當(dāng)你習(xí)慣了其操作方式后,就會(huì)發(fā)現(xiàn) Dreamweaver 的直觀性與高效性是 Frontpage 所無法比擬的。 Dreamweaver 對(duì)于 DHTML 的支持特別好,可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設(shè)計(jì)使得其功能可以無限的擴(kuò)展。Dreamweaver 與 Flash、Firework 并稱為 Macromedia 的網(wǎng)頁制作三劍客,由于是同一公司的產(chǎn)品,因而在功能上有著一個(gè)非常緊密的結(jié)合。而最新推出的 Dreamweaver UltraDev 更支持 Asp,Jsp。因此,說Dreamweaver 是高級(jí)網(wǎng)頁制作的首選并不為過。 常見的版本為 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的產(chǎn)品,F(xiàn)lash 是交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)。網(wǎng)頁設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。相信凡是見過 Flash 技術(shù)的人,沒有一個(gè)不想掌握它的。它不但易學(xué)、易用,而且可以做出有很多動(dòng)畫的網(wǎng)站,并且聲色結(jié)合,是一種很有前途的網(wǎng)頁制作技術(shù)。 firework firework也是 Macromedia 公司的產(chǎn)品,是真正的網(wǎng)頁作圖軟件。Fireworks 與 Dreamweaver 結(jié)合很緊密,只要將 Dreamweaver 的默認(rèn)圖像編輯器設(shè)為 Fireworks ,那么在 Fireworks 里修改的文件將立即在 Dreamweaver 里更新。另一個(gè)功能是可以在同一文本框里改變單個(gè)字的顏色。當(dāng)然,F(xiàn)ireworks 可以引用所有的 Photoshop的濾鏡,并且可以直接將 PSD 格式圖片導(dǎo)入。它是用來畫圖用的,它相當(dāng)于結(jié)合了Photoshop ( 點(diǎn)陣圖處理 ) 以及CorelDRAW (繪制向量圖)的功能。網(wǎng)頁上很流行的陰影、立體按鈕...等等的效果,也只需用鼠標(biāo)點(diǎn)一下,不必再靠什么KPT 之類的外掛濾鏡。而且 Fireworks很完整的支持網(wǎng)頁16進(jìn)制的色彩模式,提供安全色盤的使用和轉(zhuǎn)換,要切割圖形、做影像對(duì)應(yīng)(Image Map)、背景透明,要圖又小又漂亮,在Fireworks 中做起來都非常方便,修改圖形也是很容易的 。不需要再同時(shí)打開Photoshop和CorelDRAW...等等各類軟件,切換來切換去的了。 Dreamweaver、Flash、Firework稱為網(wǎng)頁制作三劍客,將三個(gè)軟件配合起來使用,會(huì)制作出非常精美的網(wǎng)頁 gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 動(dòng)畫工具,它在一個(gè)軟件包中提供了頂級(jí)的功能,用于動(dòng)畫 編排、編輯、特效和優(yōu)化。 GIF Animator 差不多支持每個(gè)主要的文件格式,包括視頻文件,并允許輸出為 Windows AVI、QuickTime 電影、Autodesk 動(dòng)畫或圖像序列。用戶可以生成適當(dāng)?shù)?HTML 代碼,以便將動(dòng)畫嵌入到網(wǎng)頁中,并且可以將動(dòng)畫打包成獨(dú)立的 EXE 文件,以便通過電子郵件發(fā)布和在任何地方來查看。 u 制作主頁 ??制作主頁無非是添加文字、添加圖片、添加鏈接,跟用word沒什么區(qū)別,經(jīng)過簡(jiǎn)單的學(xué)習(xí)后,你就會(huì)制作主頁了!但是,要作出高水平的主頁那要學(xué)的東西就太多了,不過總結(jié)起來就是html,圖形制作,動(dòng)畫制作,頁面特效制作和后臺(tái)程序制作幾個(gè)部分。 u 申請(qǐng)的主頁空間,把你制作的主頁傳上去 ??我們制作的頁面放在我們自己的計(jì)算機(jī)上,別人是不能看見的。為了讓別人看見我們制作的頁面,我們必須將他們放到一臺(tái)和internet一直連接的計(jì)算機(jī)(服務(wù)器)上。你可以到提供空間服務(wù)的站點(diǎn)申請(qǐng)主頁空間。有空間以后就可以利用響應(yīng)的FTP(文件傳輸協(xié)議)工具軟件將我們制作的頁面?zhèn)魃先ァ_@樣,就可以讓大家來分享我的精彩頁面了。 常見的FTP工具軟件有cuteFTP、leapFTP等,其功能和使用方法都比較類似,具體使用方法可參見本站想應(yīng)的文章。 可能你開始的主頁只是非常簡(jiǎn)單, 但是這是你的第一步,也是良好的開端,然后再一步步學(xué)習(xí):如何把網(wǎng)頁制作漂亮一些?如何制作動(dòng)畫?對(duì)于新手,千萬不要一下子就想:我看到某某某網(wǎng)頁這么漂亮,它是怎樣做出來的?我很想馬上做出來,于是馬上就去研究復(fù)雜的網(wǎng)頁,這樣你會(huì)發(fā)現(xiàn)網(wǎng)頁制作很難,學(xué)兩下就放棄了,這樣永遠(yuǎn)學(xué)不會(huì)制作主頁。想當(dāng)初,我對(duì)于我的網(wǎng)頁能產(chǎn)生鏈接也高興了半天,于是產(chǎn)生了更大的興趣。記?。阂徊揭徊絹恚灰幌伦酉氤蔀楦呤?,否則很難成為高手。
dw設(shè)計(jì)網(wǎng)頁時(shí),布局常用什么方法來布局呢???
1、嚴(yán)格意義來說dw并不能用來設(shè)計(jì)網(wǎng)頁,設(shè)計(jì)網(wǎng)頁都是在平面設(shè)計(jì)工具里完成的,比如在ps里面設(shè)計(jì)好網(wǎng)站的效果圖,在ps里面切圖。2、dw只是個(gè)網(wǎng)站代碼編寫工具,使用dw編寫代碼會(huì)比較方面,因?yàn)橛泻芏嗟目旖莨δ?。但是?duì)于高手來說,是用記事本都可以編輯網(wǎng)站的。3、dw的編輯面板主要有三種視圖,分為 “代碼”“拆分”“設(shè)計(jì)”,如下圖在制作網(wǎng)站的時(shí)候,能夠用到的主要是“代碼”視圖功能?!霸O(shè)計(jì)”和“拆分”視圖很少用到,只有當(dāng)網(wǎng)站代碼出現(xiàn)問題的的時(shí)候用來查找錯(cuò)誤,對(duì)于有一年多代碼編寫經(jīng)驗(yàn)的人來說,就已經(jīng)用不到了。4、在dw中編寫制作網(wǎng)站的代碼主要是div+css,也是就是html。網(wǎng)站布局也是通過html代碼來實(shí)現(xiàn)的,比如maigin 與padding position 都是來控制div的布局和位置的。所以,在dw里面設(shè)計(jì)網(wǎng)頁布局網(wǎng)站并不是dw的功能,還是通過代碼實(shí)現(xiàn)的。
怎么制作網(wǎng)頁???我要最簡(jiǎn)潔的方法!
怎樣制作網(wǎng)頁?先說說目前網(wǎng)頁制作流行的三類作法: 一、使用像Dreamweaver、Fontpage一樣的所見即所得的網(wǎng)頁編輯軟件。Fontpage較容易些,會(huì)操作Word就會(huì)使用它。專業(yè)人士一般用Dreamweaver來做網(wǎng)頁,用flash、firework等來美化網(wǎng)頁,有興趣的可以下載網(wǎng)頁三劍客Dreamweaver、flash、firework來試試。 二、使用記事本修改網(wǎng)頁Html代碼,不推薦使用Fontpage等網(wǎng)頁編輯軟件修改的原因是:很多網(wǎng)頁格式如果用網(wǎng)頁編輯軟件打開就會(huì)變形,所以直接使用記事本修改網(wǎng)頁Html代碼是最簡(jiǎn)潔有效的方法。當(dāng)然可以去下載強(qiáng)化的HTML工具更好,例如: UltraEdit。 三、其實(shí)很多現(xiàn)成網(wǎng)頁模版、網(wǎng)站系統(tǒng)已經(jīng)做好了,而我們不必再次證明“牛頓定律”浪費(fèi)我們的寶貴時(shí)間。就像PHP論壇程序現(xiàn)在別人做的挺好的(例如Discuz!,PHPwind),我們何苦再去編寫一個(gè)論壇程序呢?簡(jiǎn)直是費(fèi)力不討好,并且Bug特別多。當(dāng)然學(xué)習(xí)數(shù)據(jù)庫編程開發(fā)的人例外。 怎么做網(wǎng)站呢?首先我們需要了解一下網(wǎng)站的頁面組成,網(wǎng)站一般包括以下幾部分: 首頁:網(wǎng)站的門面,如同公司的形象,特別注重設(shè)計(jì)和規(guī)劃。 次頁:網(wǎng)站的主要導(dǎo)航結(jié)構(gòu)頁面,講究風(fēng)格的一致性,并于首頁呼應(yīng)。 普通頁:網(wǎng)站主要的承載信息的頁面,設(shè)計(jì)要求不高,但要求鏈接準(zhǔn)確、文字無誤、圖文并茂,并沿襲網(wǎng)頁的風(fēng)格。 彈出頁:一般用于廣告、新聞、消息、到其他網(wǎng)站的鏈接等等,一般用的很少。 通過上面的分析,我們可以看出: 從功能上來看,首頁主要承擔(dān)著樹立企業(yè)形象(當(dāng)然不僅僅是首頁)的作用,次頁在導(dǎo)航方面起著重要的作用,比如各欄目?jī)?nèi)部主要內(nèi)容的介紹,都可以在次頁中體現(xiàn)再進(jìn)入普通頁,讓瀏覽者能夠迅速了解網(wǎng)站各欄目的主要內(nèi)容,擇其需要而瀏覽,而普通頁則是主要的信息頁面,也是網(wǎng)站的最終頁面,對(duì)于大型網(wǎng)站,這種結(jié)構(gòu)非常重要,而對(duì)于中小型企業(yè),網(wǎng)站規(guī)模較小、頁面數(shù)量不多,有時(shí)次頁就起著普通頁的作用,至于彈出頁,建議您不是必要,最好不要用。下面詳細(xì)介紹各頁面的設(shè)計(jì)技巧: 一、首頁設(shè)計(jì)技巧 網(wǎng)站首頁是企業(yè)網(wǎng)上的虛擬門面,在此,提醒上網(wǎng)的企業(yè)注意自己門面的設(shè)計(jì),決不能敷衍了事、馬馬虎虎。我們會(huì)經(jīng)??吹接∷⒕赖漠a(chǎn)品目錄或廣告,當(dāng)您屢屢看到那些印有產(chǎn)品目錄或廣告的精美印刷制品的時(shí)候,相信您或多或少會(huì)對(duì)有關(guān)的產(chǎn)品形成一種好感,即使您不會(huì)購買,也必然對(duì)這些產(chǎn)品形成一定程度的認(rèn)同。而對(duì)于設(shè)計(jì)毛糙的宣傳品,您肯定會(huì)懷疑其內(nèi)容的真實(shí)性,從而對(duì)其產(chǎn)品或服務(wù)產(chǎn)生質(zhì)疑。好,現(xiàn)在說說網(wǎng)站的設(shè)計(jì),相信您會(huì)同意這種說法:網(wǎng)站的頁面就好比是“無紙的印刷品”。既然如此,我們會(huì)因此而得出一個(gè)結(jié)論:精良和專業(yè)網(wǎng)站的設(shè)計(jì),如同制作精美的印刷品,會(huì)大大刺激消費(fèi)者(訪問者)的購買欲望,反之,您公司所提供的產(chǎn)品或服務(wù)將不會(huì)給消費(fèi)者(訪問者)留下較好的印象。值得一提的是,除非您的企業(yè)有專業(yè)的網(wǎng)站規(guī)劃、設(shè)計(jì)人員,否則您最好找專業(yè)公司或?qū)I(yè)人員為您設(shè)計(jì)制作,一個(gè)優(yōu)秀的專業(yè)設(shè)計(jì)人員會(huì)很快明白您的意圖,并根據(jù)您的建站目的提出建設(shè)性的意見。 一般來說,網(wǎng)站首頁的形式不外乎有兩種,一種是純粹的形象展示型,這種類型文字信息較少,圖像信息較多,通過藝術(shù)造型和設(shè)計(jì)布局,利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息,組成一幅生動(dòng)的畫面,向?yàn)g覽者展示一種形象、一個(gè)氛圍,從而吸引瀏覽者進(jìn)入瀏覽。這需要設(shè)計(jì)者具有良好的設(shè)計(jì)基礎(chǔ)和審美能力,能夠努力挖掘企業(yè)深層的內(nèi)涵,展示企業(yè)文化。這種類型的首頁在設(shè)計(jì)過程中一定要明確要以設(shè)計(jì)為主導(dǎo),通過色彩、布局給訪問者留下深刻的印象,當(dāng)然,我們不能為了設(shè)計(jì)而設(shè)計(jì),我們的目的是營(yíng)銷,在設(shè)計(jì)過程中一定要牢記這一點(diǎn)! 另一種是信息羅列型,一般的大、中型企業(yè)網(wǎng)站和門戶網(wǎng)站常用的方式,即在首頁中就羅列出網(wǎng)站的主要內(nèi)容分類、重點(diǎn)信息、網(wǎng)站導(dǎo)航、公司信息等等,這種風(fēng)格比較適合網(wǎng)站信息量大,內(nèi)容豐富的網(wǎng)站,因?yàn)槭且哉故拘畔橹?,這是的設(shè)計(jì)就要在細(xì)微之處體現(xiàn)企業(yè)形象,建議設(shè)計(jì)人員最好仔細(xì)閱讀企業(yè)的CI手冊(cè),熟悉企業(yè)標(biāo)志、吉祥物、字體及用色標(biāo)準(zhǔn),在網(wǎng)站的局部體現(xiàn)出來,往往平淡之中一個(gè)優(yōu)美的符合企業(yè)特點(diǎn)的曲線就能夠給人以深刻的印象,從而將企業(yè)形象印在瀏覽者的腦海里。設(shè)計(jì)人員在設(shè)計(jì)過程中要注意使用這些語言符號(hào)來表達(dá)一種獨(dú)特的企業(yè)信息。 網(wǎng)頁設(shè)計(jì)時(shí)注意事項(xiàng): 1.不要花里胡哨。 2.要有風(fēng)格,要突出行業(yè)的特點(diǎn)。比如娛樂業(yè)熱烈活潑些,政府網(wǎng)站則要莊重些;收藏書畫業(yè)要古樸典雅,策劃時(shí)裝業(yè)則要前衛(wèi)些。 3.一張網(wǎng)頁一般兩屏到三屏就可以了,不要太長(zhǎng),會(huì)影響你的網(wǎng)頁打開的速度。如果內(nèi)容實(shí)在太多,應(yīng)該分作幾個(gè)頁面,或者分為幾個(gè)二級(jí)欄目。 對(duì)初次建站的用戶來說,制作網(wǎng)頁是件頭疼的事情;對(duì)于由別人幫助建站的用戶來說,網(wǎng)站的后期更新維護(hù)可能更令人頭疼。缺乏專業(yè)人才及專業(yè)知識(shí),讓大家對(duì)建站望而生畏。推薦您選購『自助建站專賣店』自助網(wǎng)站系統(tǒng),由于不需要專業(yè)人員制作網(wǎng)站程序,且SOHO個(gè)人工作室不像公司那樣牽扯分享利益的人多而成本高,我們所提供的網(wǎng)站建設(shè)價(jià)格在市場(chǎng)上具有很強(qiáng)的競(jìng)爭(zhēng)力。我們更懂得每一個(gè)網(wǎng)站的制作質(zhì)量都是下一個(gè)網(wǎng)站的廣告。三大承諾,放心選擇:“免費(fèi)試用滿意后再付款”“主機(jī)空間正式付款7天內(nèi)無條件退款承諾”“100%網(wǎng)站及域名所有權(quán)”。為進(jìn)一步免除您的后顧之憂,近期還計(jì)劃安裝支付寶等第三方網(wǎng)上支付手段,讓大家放心購買。用戶進(jìn)入網(wǎng)站后臺(tái)后,自己就可以在現(xiàn)有模板上對(duì)網(wǎng)站內(nèi)容進(jìn)行更新,不用再為如何制作網(wǎng)頁擔(dān)心,『自助建站專賣店』銷售數(shù)十種正版品牌建站軟件,享受自動(dòng)升級(jí)服務(wù)和相關(guān)的技術(shù)服務(wù)(定制模版+內(nèi)容更新)。
熱門問答
- 模版還是模板
- 免費(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é)那些