當前位置:首頁 » 網站資訊 » 網站如何排版

網站如何排版

發布時間: 2022-01-13 22:27:25

❶ 關於網站排版

建議你看看 《網站重構:應用Web標准進行設計》
【作者】(美)塞爾達曼 著,傅捷,王宗義,祝軍 譯

【出版社】電子工業出版社

【ISBN】7-5053-9836-9

【出版日期】05 1 2004 12:00AM

【開本】787*1092 1/16
還有上www.chinaui.com,裡面有些教程,理論,好多高手的~~~~

❷ 網站的首頁排版怎麼好看

人們每看到一個東西,都試圖用橫直來分析,斜、歪是人們所不願意見到的,但適當運用這個要靠個人的感覺。面,指的是二度空間里的形。面又分為幾何形和任意形,我個人比較喜歡任意形,因為它往更具人情味。幾何形使人有一些機械感,但是,每一個圖形里都會要用到幾何形,請看它們各代表什麼

(1)圓形:運動及和諧美

(2)矩形:單純而明確,穩定

(3)平行四邊形:有向一方運動的感覺。

(4)梯形:最穩定,令人聯想到山。

(5)正方形:穩定的擴張。

(6)正三角形:平穩的擴張。

(7)倒三角形:不安定,動態及擴張、幻想。

我們在日常生活中所看到的東西,都是由於形與形、圖與底的相互關系。圖形之間,圖底之間,正由於對比產生差異而被我們所感知所接受。圖與底的視差越大,圖形越清晰,對視覺的沖擊力越大。那麼,平面上有那麼多的東西,我怎麼才能夠確定它是否是最主要的呢?請看:易於成為"視覺中心"的條件:

(1)居於畫面中心。

(2)垂直或水平的比傾斜更易成為中心。

(3)被包圍。

(4)相對於其它圖形較大的。

(5)色感要素強烈。

(6)熟悉的圖案,如果這件東西我們很熟,則一定會以它為焦點。

可以把自己認為最主要的東西做大一點,突出一點,色彩鮮艷一點,其它的東西小而且色調不要那麼鮮明,以免搶了主題的"風頭"。注意:圖與底之間的關系是很重要的。如果我們確定了背景,再確定主題,在做頁面時不注意而將圖與底的關系設置為1:1,那麼,我們也許發現,底與圖的力場爭奪非常激烈,即有時底被我們認為是圖。它們之間的關系只是相對,而非絕對。一般來說,底要大於圖,而圖要鮮於底。

一副圖,我們怎樣才認為它是美的呢?這涉及到形、聲、色的有機結合,打動視知覺,使觀者產生美的共鳴。一般來說,有如下幾點:(1)穩定性:我們的視知覺總是試圖找一個平衡點,若找不到則產生混亂。(2)對稱性:相應的部位等量,易產於統一的秩序感,但比較單調,可採用增加局部動勢的方法,以取得鮮明、生動的效果。(3)非對稱平衡:可以平衡為基礎,調整尺寸形態結構。或者以形態各異的形,經視覺判斷,放置在確定的位置,以得到預想的平衡。這個和個人的審美有關系。

事實上,通過上述的一些方法,我們主要是為了創造秩序,使相互的東西能夠在沒有互相干擾的系統中起作用。混亂與秩序之間的對照喚起了我們的視知覺,我們於是通過平衡、比例、節奏、協調,在迷亂中建立秩序,形成我們自己的風格。形成自己作品的獨特氣質。而如果注意自己作品的律動性,即旋律性,可通過重要一個基調實現,對於整個頁面應該有畫龍點晴之效。但要清楚的認識到,並非所有的節奏都產生律動性,有時候,聽到一些音樂時覺得它是垃圾,原理是一樣的。

❸ 網頁排版 應該怎麼寫

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<style type="text/css">
*{margin: 0;padding: 0;}

.header{width: 80%;height: 75px;background-color: #eec;text-align: center;line-height: 75px;margin: auto;}
.home{width: 80%;height: auto;margin: auto;position: relative;}
.home .left{background: #dde;width: 15%;float: left;position: fixed;}
ul{width: 100%;text-align: center;}
ul li{list-style: none;padding: 20px 0px;}
.home .right{float: left;padding: 10px;height: auto;position: absolute;left: 20%;}
</style>
<body>
<div class="header"><h1>主題</h1></div>
<div class="home">
<div class="left">
<ul>
<h3>類別1</h3>
<li>內容1</li>
<li>內容2</li>
<li>內容3</li>
</ul>
<ul>
<h3>類別2</h3>
<li>內容1</li>
<li>內容2</li>
<li>內容3</li>
</ul>
<ul>
<h3>類別3</h3>
<li>內容1</li>
<li>內容2</li>
<li>內容3</li>
</ul>
</div>
<div class="right">
<p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p><p>內容</p>
</div>
</div>
</body>
</html>
望採納

❹ 網站怎麼排版

製作網站可從這幾方面走:
1.首先必須有域名,就跟門牌號碼一樣的。現在購買域名一般都是購買國外的英文域名了,國內的英文
域名已經不賣給個人了。
2.必須有空間,就像你生存的空間一樣。這里有免費試用的試用地址
http://www.nicenic.com/design/?s=lily
3.有了域名和空間,您就可以開始建設自己的網站了。注意有了域名以後先抓緊備案,一般需要20天左
右。
4.自己會做網站,免費下載模板和修改源碼就可以建站了。網站製作好了以後上傳到您的伺服器就可以
了。可以推薦你用耐思尼克免費贈送的建站寶盒來做網站裡面的模板是可以直接安裝的
http://www.nicenic.com/design/?s=lily
5.下一步就是管理和宣傳了,流量大了您的網站就成功了。

❺ 怎麼在網站後台進行圖文排版

網站後台的編輯器應該會有個小圖片狀的按鈕 點一下然後把圖片上傳上去,至於圖文混排么,網站後台的編輯器可能沒你想向的那麼智能話,因為大多的新聞你都能看出來 圖片和文字都是上下排的。這種排法可以在後台編輯器里的居中按鈕來實現,按鈕狀和WORD里的一樣。

❻ 個人網站模板如何排版

都有相對應的規則。 一、字體替換方法 在過去,設計師必須使用用戶電腦,甚至帶文本圖片上有的字體,這樣字體才會正確顯示。隨著科學技術的不斷發展,HTML5很快克服了這些問題。另外還有許多很棒的字體替換工具,這些工具搜集了很多字體,用戶不用安裝專門的字體,字體照樣正確顯示。 二、間距問題 一般很少遇到網站排版中出現層級結構的問題,但相當多的網站排版卻存在間距排列的問題。網站中所有元素的間距都必須按照一定的條理進行排列,因此你在處理間距必須遵循這些條理。你可能需要去了解以下的專用術語。 三、行距大小 LeadingSize 、字偶間距 Kerning 和字間距 Tracking 。行距大小就是一種增加或減少文本行之間產生的空格的方法。字偶間距是調節字元間空格,以便使其達到更愉悅的視覺效果的過程。使用字間距同樣能達到字偶距調整的效果,兩者之間的唯一差別在於空格的產生,字間距就是在每個字元間產生等量的空格,而字偶間距是調整的基於字元對所產生的空格。 四、層次結構 你可能已經很熟悉網站設計的層次結構,你可能也明白排版中也少不了它。層級的結構會給你一個閱讀顯示文本的起點。這點非常重要,因為這會幫助你准確傳遞信息,同時保證讀者准確理解。 五、字體配對 字體配對是把兩種或更多字體通過排列組合達到最佳效果的過程。這聽起來有意思,但對於初學者而言,卻並非易事。選擇一種或多種的漂亮字體就夠了,但是,你只是想完美配對兩種字體,從理論上說,難度更大。字體配對可降低使用單一字體時可能所產生的單調感。你可以就此進行實踐,為網站中所有的大標題使用一種字體,在一些簡單段落里使用另一種字體,看看最終效果是否很單調。 六、顏色和調色板 排版中的顏色不是僅僅指單一的文本顏色,通常是指網站用到的所有顏色。網站用到的圖片和顏色相當於文本的「背景」,因此使用顏色的時候要謹慎。網站的元素要和排版顏色協調,不要讓文本顯得模糊不清。也可以嘗試較大尺寸的排版 又稱為宏觀排版,以便達到更好的效果。簡單來說,宏觀排版就是使用更大的文本來吸引用戶。其長度通常不能超過1到4個單詞,所以保持文字的簡潔性和正確性就顯得格外很重要。在關鍵的信息下,但是這並不是那麼重要,因為這並不是你的網站的焦點,但大尺寸文字卻是。 七、字體大小/粗細對比 如果是個人網站模板把字體弄得難以辨認,這是犯了大忌。你也知道字體配對對於精美排版的重要性,而並不是用一些統一的文本。即使你找到了很棒的字體搭配,還是不要忘記為字體設置合適的大小和粗細。字體的粗細和大小設置不當基本上就毀掉了之前的搭配,因為這會讓你已經使用的不同字體難以辨認。

❼ 關於網站的排版!!

www.mycodes.net
http://down.chinaz.com

❽ 網站怎樣排版

打開網路手機網,GOOGLE手機網,新浪手機網,網易手機網。

你很快就知道怎麼排才好了!加油!

❾ 網站排版

呵呵!這個其實很簡單,做個你說的聲情並茂」的精美網頁根本不需要了解什麼asp、php,我給你推薦款入門的網頁製作軟體,不需要很專業的網頁都能做!Frontpage2003!微軟的! 等你做到很熟練了還可以去試試專業的Dreamweaver!

❿ 如何網站排版工具

用dw就可以嘍。