導航:首頁 > 萬維百科 > 網頁設計排版問題

網頁設計排版問題

發布時間:2021-03-18 15:27:56

1、網頁設計的一點排版問題

用CSS 的絕對定位就可以解決啊。

2、網頁製作設計排版的問題

網站設計排版規則
網站知識庫
首先,探討一下網站首頁的排版。很多網站為提高網站信息的全面性,把所有的內容都羅列到網站的首頁中,殊不知不但無法達到想要的效果,還會使訪問客戶感到煩躁。所以,網站首頁的排版很重要,總結以下幾點:1、明確網站的主要服務對象
如果是推廣產品的網站,首頁可以安排一些推薦產品,以圖片和文字的形式進行展示,
但不要放太多,以大類形式展示即可。2、服務特色說明
如果是服務型網站,可以對服務種類進行劃分並概括,既簡單又清晰。3、公司新聞或行業動態
網站首頁的內容主要是給瀏覽者看的,了解公司,及時掌握行業動態,提升企業形象。4、網站設計粗略的聯系方式
首頁放置聯系方式提供有需求的人方便。其次,網站的排版主要涉及到文字方面,注意問題概括如下:
1、對國內瀏覽者來說,每段首行必須空兩格。
2、粗體僅僅在真正重要的少數文字上使用,保證粗體的突出效果。
3、盡量避免使用帶下劃線的文字,這樣的文字很容易被誤導成鏈接。
4、需要突出的地方可變換顏色,但顏色一定要與背景顏色是反色調,不然會影響瀏覽效果。
5、使用真正的省略號,而不是幾個句號來表示;使用真正的引號;恰當地使用破折號。
6、大的段落間要空出一至二行,這樣顯得主次分明;段落間除非有意思的大轉折,否則不要有空行;段內換行應為軟回車,另起一段應為硬回車。
7、標題的字體應與正文的字體有所區別,標題字和正文字如為同一字體,標題的字型大小應大於正文。
8、對於所有大寫字母,使用稍小的字體;對於大寫字母文字,或部分字母為大寫同時尺寸稍小的文字,增大其字元間距離。
9、在合適的地方盡量使用經典數字字體;在其不能用的時候,對數字採用稍小的字型大小。
10、版權或商標聲明的字體一般用較小的。
11、勾選框的尺寸稍微用小一點。
12、在文本中使用行間空白字元提高可讀性。

3、網頁設計排版的問題

瀏覽器BUG,看不到你寫的代碼,沒法跟你說。
IE8是比較標準的瀏覽器。

4、網頁設計排版問題

<div width="圖片的寬1+文字寬+圖片2的寬">【圖片1】float="left" 【文字】float="left" 【圖片】float="right" </div>

這樣就行了吧!你試一下。

5、網頁設計圖片排版問題

用DIV吧,不容易變形,可以把這三張圖片分成兩部分,第一部分是第一個DIV,只放第一張圖片,第二部分是第二個DIV,放2、3圖片,在第二個DIV裡面還有再分,分為上下兩個DIV,把2圖片放在上面一個DIV,3圖片放在下面一個DIV裡面。外面兩個大的DIV要用浮動。

6、網頁排版一般都要注意什麼問題?

網站的顏色不要過多,最好使用3種顏色最好。

網站設計中少用點FLASH動畫、js程序、視頻、圖片文件,這樣會導致網站速度過慢,影響用戶的體驗度。

網站的布局要清晰明了不要過於復雜,簡單大方的設計可以使用戶第一時間找打他想要的東西。

網站首頁設計時需要放上一些文章更新的版塊,這樣保持每天更新後,可以提高網站的排名

選擇合適的布局

網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型
1.「國」字型:也可以稱為「同」字型,是一些大型網站所喜歡的類型,即最上面是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列一些兩小條內容,中間是主要部分,與左右一起羅列到底,最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多是最多的一種結構類型。

2.拐角型:這種結構與上一種其實只是形式上的區別,其實是很相近的,上面是標題及廣告橫幅,接下來的左側是一窄列鏈接等,右列是很寬的正文,下面也是一些網站的輔助信息。在這種類型中,一種很常見的類型是最上面是標題及廣告,左側是導航鏈接。

3.標題正文型:這種類型即最上面是標題或類似的一些東西,下面是正文,比如一些文章頁面或注冊頁面等就是這種類。

4.左右框架型:這是一種左右為分別兩頁的框架結構,一般左面是導航鏈接,有時最上面會有一個小的標題或標致,右面是正文。我們見到的大部分的大型論壇都是這種結構的,有一些企業網站也喜歡採用。這種類型結構非常清晰,一目瞭然。

5.上下框架型:與上面類似,區別僅僅在於是一種上下分為兩頁的框架。

6.綜合框架型:上頁兩種結構的結合,相對復雜的一種框架結構,較為常見的是類似於「拐角型」結構的,只是採用了框架結構。

7.封面型:這種類型基本上是出現在一些網站的首頁,放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。

8. Flash型:其實這與封面型結構是類似的,只是這種類型採用了目前非常游戲行的Flash,與封面型不同的是,由於Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差於傳統的多媒體。

9.變化型:即上面幾種類型的結合與變化,比如本站在視覺上是很接近拐角型的,但所實現的功能的實質是那種上、左、右結構的綜合框架型。

網頁的排版布局要能夠達到一種協調的狀態下才能真正的成功的網頁設計,所以,不能單獨考慮網頁的內容的排版,內容和形式即具體的網頁的排版布局要能夠達到一種協調的狀態下才能真正的成功的網頁設計,所以,不能單獨考慮網頁的內容的排版,以為只要能夠把具體內容清晰流暢的放到網站上就行了,造成整個頁面的形式感很差,這樣嚴重影響使用者的心情

7、網頁設計問題,關於DIV排版

<style type="text/css">
<!--
p{
margin:0px;
padding:0px;
}
-->
</style></head>
<body>
<div style=" border:1px solid #000; width:850px;">
<p style="width:850px; height:80px; border-bottom:1px #000 solid;"></p>
<p style=" border-bottom:1px #000 solid; text-align:center;">劇中對齊</p>
<div>
<p style="width:150px; height:500px; text-align:left; float:left; border-right:1px solid #000;">左側</p>
<p style=" width:550px; border-right:1px #000 solid; height:500px; float:left;">左對齊</p>
<p style="float:left;">左對齊</p>
<div style="clear:both;"></div>
</div>
</div>
</body>
源代碼給你 有什麼不懂的 在來問我

8、網頁設計排版問題

在一個單元格里就可以實現,你需要設置圖片的對齊格式就可以了。

與網頁設計排版問題相關的知識