網(wǎng)頁布局設(shè)計
提問問題
列表
-
網(wǎng)頁設(shè)計制作詳細流程
查看答案>>
-
學(xué)習(xí)網(wǎng)頁設(shè)計步驟
查看答案>>
-
網(wǎng)頁常見的布局樣式
查看答案>>
-
制作網(wǎng)頁需要注意哪些問題啊
查看答案>>
-
京東的網(wǎng)站設(shè)計有哪些特點?
查看答案>>
-
網(wǎng)站首頁的設(shè)計和布局怎么做
查看答案>>
-
網(wǎng)站設(shè)計中頁面布局的規(guī)范要求有哪些
查看答案>>
-
eclipse怎么打開可視圖形界面設(shè)計
查看答案>>
-
列舉三種常見的網(wǎng)頁布局類型
查看答案>>
-
網(wǎng)站建設(shè)中要怎樣合理布局頁面
查看答案>>
網(wǎng)頁設(shè)計制作詳細流程
要領(lǐng)一:確定網(wǎng)站主題 做網(wǎng)站,首先必須要解決的就是網(wǎng)站內(nèi)容問題,即確定網(wǎng)站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網(wǎng)站的十類題材:第1類:網(wǎng)上求職;第2類:網(wǎng)上聊天/即時信息/ICQ;第3類:網(wǎng)上社區(qū)/討論/郵件列表;第4類:計算機技術(shù);第5類:網(wǎng)頁/網(wǎng)站開發(fā);第6類:娛樂網(wǎng)站;第7類:旅行;第8類:參考/資訊;第9類:家庭/教育;第10類:生活/時尚。我們可以參看上面的分類,繼續(xù)細分。如果自己在某些方面有興趣,或掌握的資料較多,也可以做一個自己感興趣的東西,一者,你可以有自己的見解,做出自己的特色;二者,在制作網(wǎng)站時不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力,沒有創(chuàng)作熱情,很難設(shè)計制作出優(yōu)秀的作品。 對于內(nèi)容主題的選擇,要做到小而精,主題定位要小,內(nèi)容要精。不要去試圖制作一個包羅萬象的站點,這往往會失去網(wǎng)站的特色,也會帶來高強度的勞動,給網(wǎng)站的及時更新帶來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一,沒有第二! 要領(lǐng)二:選擇好域名 域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站,其所有建設(shè)的價值,都凝結(jié)在其網(wǎng)站域名之上。失去這個域名,所有前期工作就將全部落空。 目前,做個人網(wǎng)站的很多都依賴免費個人空間,其域名也是依賴免費域名指向,如網(wǎng)易的虛擬域名服務(wù),其實這對個人網(wǎng)站的推廣與發(fā)展很為不利,不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網(wǎng)站,而且也妨礙了網(wǎng)頁的傳輸速度。所以,就我個人觀點來說,首先花點錢去注冊一個域名,獨立的域名就是個人網(wǎng)站的第一筆財富,要把域名起得形象、簡單、易記。 要領(lǐng)三:掌握建網(wǎng)工具 網(wǎng)絡(luò)技術(shù)的發(fā)展帶動了軟件業(yè)的發(fā)展,所以用于制作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動網(wǎng)頁制作工具,各種各樣的Web頁面制作工具,下面是幾款具有代表性的網(wǎng)頁制作器: (1)HTML編輯器。雖然HTML代碼復(fù)雜,編輯和調(diào)試要花費大量的時間,但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁面效果,仍受高級網(wǎng)頁制作人員的青睞。就目前來說,有眾多的編輯器供選擇,這些編輯器廣泛支持復(fù)雜頁面創(chuàng)建及高級HTML規(guī)范,使用較為普遍的有Hotdog等專業(yè)HTML編輯器。 (2)所見即所得的網(wǎng)頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓(xùn)就能輕松編制網(wǎng)頁。而且,F(xiàn)rontpage還能解析網(wǎng)頁的HTML源代碼,并提供了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實現(xiàn)。所以Frontpage是一款非常適合初、中級網(wǎng)頁制作人員使用的工具軟件。 (3)現(xiàn)在非常流行的 Macromedia公司出品的Flash互動網(wǎng)頁制作工具。這是是一款功能非常強大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動畫網(wǎng)頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;并且由于Flash編制的網(wǎng)頁文件比普通網(wǎng)頁文件要小得多,所以大大加快了瀏覽速度。這是一款十分適合動態(tài)Web制作的工具。 另外,個人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解,還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具,并能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識也是必備的。 當(dāng)然,互聯(lián)網(wǎng)還是一個免費的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費時間又浪費金錢,而且還需要強大的圖形、圖片制作技術(shù)。所以,為了省卻這些麻煩,網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實用的圖片、按鈕、背景等網(wǎng)頁素材。 要領(lǐng)四:確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象,往往決定著網(wǎng)站的可看性,在確定網(wǎng)站的界面時要注意以下三點: ①欄目與板塊編排 構(gòu)建一個網(wǎng)站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者,最容易犯的錯誤就是:確定題材后立刻開始制作,沒有進行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰,目錄龐雜混亂,板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂,制作者自己在擴充和維護網(wǎng)站也相當(dāng)困難。所以,我們在動手制作網(wǎng)頁前,一定要考慮好欄目和板塊的編排問題。 網(wǎng)站的題材確定后,就要將收集到的資料內(nèi)容作一個合理的編排。比如,將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實質(zhì)是一個網(wǎng)站的大綱索引,索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時候,要仔細考慮,合理安排。在欄目編排時需要注意的是: ●盡可能刪除那些與主題無關(guān)的欄目; ●盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上; ●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內(nèi)容,如站點簡介、版權(quán)信息、個人信息等大可不必放在主欄目里,以免沖淡主題。 另外,板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有自己的欄目。舉個例子:ENET硅谷動力(www.enet.com.cn)的站點分新聞、產(chǎn)品、游戲、學(xué)院等板塊,每個板塊下面又各有自己的主欄目。一般來說,個人站點內(nèi)容較少,只要分個欄目也就夠了,不需要設(shè)置板塊。如果有必要設(shè)置板塊的,應(yīng)該注意: ●各板塊要有相對獨立性; ●各板塊要有相互關(guān)聯(lián); ●各板塊的內(nèi)容要圍繞站點主題; ②目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。例如:在用Frontpage建立網(wǎng)站時都默認建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個容易忽略的問題,大多數(shù)站長都是未經(jīng)規(guī)劃,隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞,對瀏覽者來說并沒有什么太大的感覺,但是對于站點本身的維護,以后內(nèi)容的擴充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時也要仔細安排,比如: ●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關(guān)聯(lián)的文件,影響工作效率;上傳速度變慢,服務(wù)器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那么即使只上傳更新一個文件,服務(wù)器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長。 ●按欄目內(nèi)容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內(nèi)容較多,需要經(jīng)常更新的可以建立獨立的子目錄。而一些相關(guān)性強,不需要經(jīng)常更新的欄目,例如:網(wǎng)站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內(nèi)容也最好放在一個目錄下,便于維護管理。 ●在每個主目錄下都建立獨立的Images目錄。一般來說,一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當(dāng)麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單,就是方便維護與管理。 其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網(wǎng)址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便于記憶;盡量使用意義明確的目錄,以便于記憶和管理。 網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓撲結(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上,但可以跨越目錄。形象的說:每個頁面都是一個固定點,鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接,也可以和多個點連接。更重要的是,這些點并不是分布在一個平面上,而是存在于一個立體的空間中。一般的,建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式: ●樹狀鏈接結(jié)構(gòu)(一對一),這類似DOS的目錄結(jié)構(gòu),首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結(jié)構(gòu)瀏覽時,一級級進入,一級級退出,條理比較清晰,訪問者明確知道自己在什么位置,不會“不知身在何處”,但是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須回到首頁再進行。 ●星狀鏈接結(jié)構(gòu)(一對多),類似網(wǎng)絡(luò)服務(wù)器的鏈接,每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便,隨時可以到達自己喜歡的頁面。但是由于鏈接太多,容易使瀏覽者迷路,搞不清自己在什么位置,看了多少內(nèi)容。 因此,在實際的網(wǎng)站設(shè)計中,總是將這兩種結(jié)構(gòu)混合起來使用。網(wǎng)站希望瀏覽者既可以方便快速地達到自己需要的頁面,又可以清晰地知道自己的位置。所以,最好的辦法是:首頁和一級頁面之間用星狀鏈接結(jié)構(gòu),一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計,在實際的網(wǎng)頁制作中是非常重要一環(huán),采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。 ③進行形象設(shè)計 網(wǎng)站的設(shè)計可以從以下幾點出發(fā): ●設(shè)計網(wǎng)站標(biāo)志(LOGO)。LOGO是指網(wǎng)站的標(biāo)志,標(biāo)志可以是中文、英文字母,也可以是符號、圖案等。標(biāo)志的設(shè)計創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。比如:網(wǎng)站內(nèi)有代表性的人物、動物、植物,可以用它們作為設(shè)計的藍本,加以卡通化或者藝術(shù)化;專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標(biāo)志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志,采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。 ●設(shè)計網(wǎng)站色彩。網(wǎng)站給人的第一印象來自視覺沖擊,不同的色彩搭配產(chǎn)生不同的效果,并可能影響到訪問者的情緒。“標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩,要用于網(wǎng)站的標(biāo)志,標(biāo)題,主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用,但應(yīng)當(dāng)只是作為點綴和襯托,絕不能喧賓奪主。一般來說,一個網(wǎng)站的標(biāo)準(zhǔn)色彩不超過3種,太多則讓人眼花繚亂。適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色。 ●設(shè)計網(wǎng)站字體。和標(biāo)準(zhǔn)色彩一樣,標(biāo)準(zhǔn)字體是指用于標(biāo)志,標(biāo)題,主菜單的特有字體。一般網(wǎng)頁默認的字體是宋體。為了體現(xiàn)站點的“與眾不同”和特有風(fēng)格,可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達的內(nèi)涵,選擇更貼切的字體。需要說明的是:使用非默認字體只能用圖片的形式,因為很可能瀏覽者的計算機里沒有安裝特別字體,那么辛苦設(shè)計制作便可能付之東流了。 ●設(shè)計網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心,或者是網(wǎng)站的目標(biāo),用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站,進行對外宣傳,可以收到比較好的結(jié)果。 要領(lǐng)五:確定網(wǎng)站風(fēng)格 “風(fēng)格”是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標(biāo)志,色彩,字體,標(biāo)語)、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素,網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。不管是色彩、技術(shù)、文字、布局,還是交互方式,只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的,這就形成了網(wǎng)站的“風(fēng)格”。 風(fēng)格是有人性的,通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個站點的個性:是粗獷豪放的,還是清新秀麗的;是溫文儒雅的,還是執(zhí)著熱情的;是活潑易變的,還是墨守成規(guī)的。 總之,有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于:在普通網(wǎng)站上你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量多少,瀏覽速度快慢等;在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認識,比如站點的品位,對瀏覽者的態(tài)度等。 在明確自己想給人以怎樣的印象后,要找出網(wǎng)站中最有特色的東西,就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點強化、宣傳??傊?,風(fēng)格的形成不是一次定位的,你可以在實踐中不斷強化、調(diào)整、改進。 要領(lǐng)六:有創(chuàng)意的內(nèi)容選擇 好的內(nèi)容選擇需要有好的創(chuàng)意,作為網(wǎng)頁設(shè)計制作者,最苦惱的就是沒有好的內(nèi)容創(chuàng)意。網(wǎng)絡(luò)上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站,如果創(chuàng)意很好,卻對網(wǎng)站發(fā)展毫無意義,那么,網(wǎng)站設(shè)計制作者也應(yīng)當(dāng)放棄這個創(chuàng)意。另外,主頁內(nèi)容是網(wǎng)站的根本之所在,如果內(nèi)容空洞,即使頁面制作地再怎樣精美,仍然不會有多少用戶。從根本上說,網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量,內(nèi)容為王(Content Is King)依然是個人網(wǎng)站成功的關(guān)鍵。 要領(lǐng)七:推廣自己的網(wǎng)站 網(wǎng)站的營銷推廣在個人網(wǎng)站的運行中也占著重要的地位,在推廣個人網(wǎng)站之前,請確保已經(jīng)做好了以下內(nèi)容:網(wǎng)站信息內(nèi)容豐富、準(zhǔn)確、及時;網(wǎng)站技術(shù)具有一定專業(yè)水準(zhǔn),網(wǎng)站的交互性能良好。一般來說,網(wǎng)站的推廣有以下幾種方式: (1)搜索引擎注冊與搜索目錄登錄技巧 注冊著名的搜索引擎站點是在技術(shù)上推廣網(wǎng)站的第一步。注冊搜索引擎有一定的技巧,像AltaVista、搜索客這樣的搜索引擎,它自動收錄提交的網(wǎng)址。另外,注意Meta的使用,不要提交分欄Frame頁面,大部分搜索引擎不識別Frame,所以一定要提交有內(nèi)容的Main頁面。 而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址,以保證收錄網(wǎng)站的質(zhì)量,在分類查詢時獲得的信息相關(guān)性比搜索引擎站點(靠Spider自動搜索的)更強。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對較多,因此在提交網(wǎng)站時要注意遵守規(guī)則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意:將網(wǎng)址提交到最合適的目錄下面,要認真詳細的介紹網(wǎng)站,千萬不要有虛假、夸張的成分。 (2)廣告交換技巧 很多個人站點在相互廣告交換時都提出了幾個條件:第一,訪問量相當(dāng);第二,首頁交換。顯而易見,這種做法是為了充分利用廣告交換。以很多個人網(wǎng)站的經(jīng)驗,當(dāng)與一個個人站點交換鏈接時,對方把網(wǎng)站的LOGO放到了友情連接一頁,而不是首頁時,很少有訪客會來自那里。通常在首頁,廣告交換才會有很好的效果。 (3)目標(biāo)電子郵件推廣 使用電子郵件宣傳網(wǎng)址時,主要有如下技巧:可以使用免費郵件列表來進行,只要你申請了免費郵件列表服務(wù),你就可以利用郵件列表來推廣你的網(wǎng)站;可以通過收集的特定郵件地址,來發(fā)送信息到特定的網(wǎng)絡(luò)群體,在特定網(wǎng)絡(luò)群體中推廣自己的網(wǎng)站;發(fā)送HTML格式的郵件,即使其內(nèi)容與接收者關(guān)系不大,也不會被被當(dāng)作垃圾信件馬上刪掉,人們至少會留意一下發(fā)送者的地址。不過,在進行郵件推廣的時候要注意網(wǎng)絡(luò)道德。 要領(lǐng)八:支撐網(wǎng)站日常運行 當(dāng)個人網(wǎng)站做到某一程度,就必須把賺錢提到議事日程上來,通常來說,個人網(wǎng)站獲取資金通常有以下兩個渠道: (1)銷售網(wǎng)站的廣告位 要銷售網(wǎng)站的廣告位,一般來說,每日的流量少于1萬人次的網(wǎng)站在目前是不會吸引廣告主的。網(wǎng)站的專業(yè)性及商用性,以往的廣告經(jīng)驗,技術(shù)以及設(shè)計要求等也會影響到廣告的銷售。 一般來說,WEB廣告的收費有三種方式: ①CPM (Cost Per Million/Thousand) 放一個廣告,它按每1,000人次來訪問站點收費。這方法對網(wǎng)站經(jīng)營者最為合適,只要有人瀏覽該網(wǎng)頁,就得錢,不管訪問者對廣告有無反應(yīng)——是否會看或點擊該廣告。 ②點透(Click-through) 通過Banner廣告點到了廣告商的站點,這才算數(shù),廣告商青睞這個,他只為對自己廣告感興趣的人“套錢“。網(wǎng)站經(jīng)營者就不合適了,據(jù)一些調(diào)查資料表明,只有3%的訪問者會去“CLICK”廣告。 ③提成 (Commission) 根據(jù)訪問者點擊位于你站點上廣告所帶來的銷售收入,從中跟做廣告的廠商分成,這種方法對于網(wǎng)站的經(jīng)營者來說,比上面兩個都更加冒險。 通常的,個人網(wǎng)站的廣告收費方法往往是第一、第二種方法的結(jié)合,站點和廣告商都可少冒點險。 (2)與大型網(wǎng)站合作 另外,通過與大型網(wǎng)站合作,獲取經(jīng)費,也可以維持個人網(wǎng)站的日常運行。不過,個人網(wǎng)站很容易會成為商業(yè)網(wǎng)站的附屬品。 有時間和充沛的體力,再加上對新技術(shù)和技巧的學(xué)習(xí)和應(yīng)用,你就能為自己在網(wǎng)上建一個家了
參考資料:
http://zhidao.baidu.com/question/6583649.html?fr=qrl3
學(xué)習(xí)網(wǎng)頁設(shè)計步驟
首先要了解HTML(超文本設(shè)計語言),記住使用原理;接著用兩三天的時間學(xué)習(xí)CSS(層疊樣式表單);進而再花些時間了解一下javascript軟件。掌握這些基礎(chǔ)性知識后,就可試著用“記事本”編寫網(wǎng)頁,在初試階段千萬不要用那些可視化工具,如FrontPage、Dreamweaver,否則將不利于鍛煉實際能力。
網(wǎng)頁常見的布局樣式
網(wǎng)頁常見的布局結(jié)構(gòu)有“國”字形布局、“匡”字形布局、“三”字形布局、“川”字形布局、封面型布局、Flash布局、標(biāo)題文本型布局、框架型布局和變化型布局等。 1.“國”字形布局 也可以稱為“同”字型,是一些大型網(wǎng)站所喜歡的類型,即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條,接下來就是網(wǎng)站的主要內(nèi)容,左右分列兩小條內(nèi)容,中間是主要部分,與左右一起羅列到底,最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是我們在網(wǎng)上見到的差不多最多的一種結(jié)構(gòu)類型。 2.“匡”字形布局 這種結(jié)構(gòu)與上一種其實只是形式上的區(qū)別,它去掉了“國”字形布局的最右邊的部分,給主內(nèi)容區(qū)釋放了空間。這種布局上面是標(biāo)題及廣告橫幅,接下來的左側(cè)是一窄列鏈接等,右列是很寬的正文,下面也是一些網(wǎng)站的輔助信息。 3.“三”字形布局 這是一種簡潔明快的網(wǎng)頁布局,在國外用的比較多,國內(nèi)比較少見。這種布局的特點是在頁面上由橫向兩條色塊將網(wǎng)頁整體分割為3部分,色塊中大多放置廣告條與更新和版權(quán)提示。如圖所示即是一種三字形布局的網(wǎng)頁。 4.“川”字形布局 整個頁面在垂直方向分為三列,網(wǎng)站的內(nèi)容按欄目分布在這三列中,最大限度地突出主頁的索引功能。如圖1-19所示的“Beijing 2008”網(wǎng)站就是一種川字形的布局。 5.海報型布局 這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁,大部分為一些精美的平面設(shè)計結(jié)合一些小的動畫,放上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。 6.Flash布局 這種布局是指整個網(wǎng)頁就是一個Flash動畫,它本身就是動態(tài)的,畫面一般比較絢麗、有趣,是一種比較新潮的布局方式。其實這種布局與封面型結(jié)構(gòu)是類似的,不同的是由于Flash強大的功能,頁面所表達的信息更豐富。其視覺效果及聽覺效果如果處理得當(dāng),會是一種非常有魅力的布局。 7.標(biāo)題文本型布局 標(biāo)題文本型布局是指頁面內(nèi)容以文本為主,這種類型頁面最上面往往是標(biāo)題或類似的一些東西,下面是正文,比如一些文章頁面或注冊頁面等就是這一類。 8.框架型布局 采用框架布局結(jié)構(gòu),常見的有左右框架型、上下框架型和綜合框架型。由于兼容性和美觀等因素,這種布局目前專業(yè)設(shè)計人員采用的已不多,不過在一些大型論壇上還是比較受青睞的,有些企業(yè)網(wǎng)站也有應(yīng)用。
制作網(wǎng)頁需要注意哪些問題啊
新手入門,制作網(wǎng)頁需要注意的事項分個人觀點,重要別分有以下幾點 1.新手入學(xué)階段,往往會在一開始出現(xiàn)的小問題,把你給絆住,你不知道下一步這樣會使你感到很迷茫,會對網(wǎng)頁產(chǎn)生恐懼感、沒興趣,感覺學(xué)網(wǎng)頁是很困難的一件事,要是你曾也遇過這樣的事,下次請記得請教老師、請教懂得的同學(xué),當(dāng)你了解知道了這個步驟之后。你以后便會記得這個步驟。2.于新手階段,記得開始做自己的網(wǎng)站的時候,因為是新手需要多參考參考別人的網(wǎng)站。就像給了自己樣板一樣。有了思路之后,第一要準(zhǔn)備的是足夠的于素材圖片、統(tǒng)一風(fēng)格的素材。還有圖片的大小,要之前就得當(dāng)你建設(shè)好自己的站點的時候,布局的時候需要的是,簡介別太復(fù)雜,內(nèi)容也別太多,這個看起來比較簡介、大方,這樣對接下來的操作會比較簡單 3 主頁、子頁排版不要太疏或用太大的字,色彩別太多、免看你的網(wǎng)頁時感覺看的眼睛都累,在主頁里邊頂端的都是最顯眼的地方,哪里可以放些fiash,或者gIf圖像,可以做到發(fā)布的東西多,也不單調(diào)。 4 底色、圖片、文字、對比度一定要高能給人一種一目了然的感覺,易于閱讀,而同時做到這點也別忘了鮮亮的背景華麗的的文字,但背景卻要求與主題配合,這是表現(xiàn)你網(wǎng)站風(fēng)格的第一要點,切忌。 至于一個網(wǎng)要注意的事情諸多,無法一一說清,說太多也會像我開頭所說的,一次性理解太多,反而會覺得難 最后一點 沒做完一部分的時候 需要保存起來
京東的網(wǎng)站設(shè)計有哪些特點?
京東的網(wǎng)站設(shè)計布局其實和淘寶大同小異。都采用了常見的“F”結(jié)構(gòu)。即將最重要的信息放在網(wǎng)站左上角,網(wǎng)站主要類容重要性 從左上角到右下角逐步遞減。這樣是符合中國人的預(yù)覽習(xí)慣的。網(wǎng)站結(jié)構(gòu)上采用傳統(tǒng)的商城模式。阿里巴巴網(wǎng)是按單生產(chǎn),主要以廠家開通為主淘寶網(wǎng)做的是零售也可做批發(fā),主要以經(jīng)銷商,批發(fā)商開通為主京東商城網(wǎng)主要做零售,以零售商開通為主,京東商城網(wǎng)還有一個特點,站長特約經(jīng)銷商,從中賺取差價
網(wǎng)站首頁的設(shè)計和布局怎么做
一般情況下首頁設(shè)計要分類清楚,簡單明了,讓用戶更容易找到自己想要的或者讓用戶更容易看到你想呈現(xiàn)的主體部分。頭部:LOGO+導(dǎo)航欄(菜單欄)+登錄注冊(如果有這部分功能的話)+搜索欄(如果有的話)主體:這是你主要想呈現(xiàn)的主體部分。一般分為產(chǎn)品封面及簡介--->各類資訊(行業(yè),公司等文本類信息)--->主體特色(指你網(wǎng)站主體的優(yōu)勢,特點等)尾部主要以超鏈接為主:網(wǎng)站協(xié)議--->備案信息--->聯(lián)系方式--->網(wǎng)站介紹--->各大類平臺鏈接(微博,微信等)
網(wǎng)站設(shè)計中頁面布局的規(guī)范要求有哪些
看看這篇文章吧;希望對你有幫助https://wenku.baidu.com/view/879ea4a0102de2bd960588fd.html
eclipse怎么打開可視圖形界面設(shè)計
安裝windowbuilder插件即可首先,需要知道自己的Eclipse是什么版本的.可以到Eclipse的安裝目錄下用記事本打開.eclipseproduct文件,version后面對應(yīng)的就是版本號.打開該插件下載地址,里面有Update Sites,下面有Eclipse Version,Release Version,Integration Version欄目.選擇對應(yīng)版本的link.復(fù)制URL地址.打開Eclipse,選擇Help→Install New Software,在work with里面把得到的URL復(fù)制進去.勾選所有,點擊Next安裝就好了.是已經(jīng)安裝過的,所以按鈕是灰色的。然后新建項目,New→Project→WindowBuilder→SWT Designer→SWT/JFace Java Project然后建立一個包,在建類的時候選擇New→Other,選擇WindowBuilder→Swing Designer→Application Window.類建好之后點擊Design就可以進行可視化編輯了。
列舉三種常見的網(wǎng)頁布局類型
1 T型布局 所謂T型布局,使指頁面上部為橫條(網(wǎng)站標(biāo)志+廣告條)、下方左半部為主菜單、右由半部分顯示內(nèi)容的布局。因為看上去像英文字母“T”,所以稱為T型布局。 T型布局的優(yōu)點是頁面結(jié)構(gòu)清晰,主次分明,強調(diào)秩序,能給人以穩(wěn)重、可信賴的感覺,比較容易上手。缺點是規(guī)矩呆板,如果細節(jié)和色彩搭配上不注意,容易讓人乏味。 2 口型布局 口型布局的頁面上下各有一個廣告條,左側(cè)是主菜單,右側(cè)放置友情鏈接等內(nèi)容,中間是主要內(nèi)容。 口型布局的優(yōu)點是充分利用版面,信息量大。其缺點是頁面擁擠,不夠靈活。 3 POP布局 POP引自廣告術(shù)語,是指頁面布局象一張宣傳海報,以一張精美圖像作為頁面的設(shè)計中心,在適當(dāng)位置放置主菜單。這種布局不講究上下左右對稱,但要平衡和有韻律,能達到強調(diào)、動感、高注目性的效果,常用于時尚類網(wǎng)站。其優(yōu)點是漂亮吸引人,缺點是速度慢。
網(wǎng)站建設(shè)中要怎樣合理布局頁面
在建設(shè)網(wǎng)站的時候我也去考慮用戶的體驗,前期要去劃分網(wǎng)站。因為我們要根據(jù)用體驗去做網(wǎng)站,只要把用戶伺候好了,才能給網(wǎng)站帶來流量。用戶就是你網(wǎng)站的全部,不能為用戶解決問題的網(wǎng)站基本都是垃圾網(wǎng)站。1、內(nèi)容網(wǎng)站運營,內(nèi)容為王,這是非常重要的一點。一般用戶來我們網(wǎng)站都是有目的來的,主要是想找到自己想要的內(nèi)容,解決自己的問題。所以在更新內(nèi)容或?qū)懳恼碌臅r 候, 要在用戶搜索的問題去想用戶需要什么樣的內(nèi)容,然后根椐用戶的問題去滿足用戶。當(dāng)能解決用戶需求的時候,才能帶來的流量2、速度網(wǎng)站的訪問速度直接影響網(wǎng)站的好壞和影響力。一般來說,網(wǎng)站打開速度最好保持在5秒以內(nèi),不超過10秒,如果超過10秒,用戶沒有耐心等的而就會直接關(guān)閉 網(wǎng)站,訪方另外一個站,網(wǎng)站的營銷力就大大降落,而且對搜索引擎的信任也會減少??梢?,提高網(wǎng)站速度的重要性非同小可。所以各位站長在選擇穩(wěn)定服務(wù)器,不 然的話打不開網(wǎng)站或網(wǎng)站打開慢對我們是沒有好處。3、功能所謂功能上的用戶體驗,主要是指網(wǎng)站的各種功能是否能讓用戶一看就知道怎么使用,操作的簡便性、功能的易用性是最為重要的。不能讓用戶去研究這些功能怎么 使用,還操作太麻煩,這些是網(wǎng)站的致命傷,因為用戶進來是尋找答案的,不是研究你網(wǎng)站功能的。所以網(wǎng)站建設(shè)的工能要簡單,易懂,能讓用戶以最短的時間完成 操作。4、設(shè)計網(wǎng)站要想吸引用戶,給用戶帶來好的體驗,首先要有一個好的設(shè)計風(fēng)格。因為瀏覽者剛剛接觸到一個網(wǎng)站時,他對網(wǎng)站的第一印象很大程度上是由網(wǎng)站的設(shè)計風(fēng)格所 決定的。如果瀏覽者感覺整個網(wǎng)站的風(fēng)格很有特色,就會很有興趣繼續(xù)瀏覽,從而對網(wǎng)站有一個更加深入和全面的了解。反之,如果網(wǎng)站設(shè)計地非常乏味,瀏覽者根 本不會深入瀏覽,而是直接把網(wǎng)站關(guān)閉了。所以一個好的網(wǎng)站設(shè)計風(fēng)格是至關(guān)重要的。
熱門問答
- 模版還是模板
- 免費建站
- 淘寶網(wǎng)頁是哪個公司做的
- 免費制作企業(yè)
- 簡單個人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計
- html模板文件
- 手機網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機制作簡歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些