10年積累的成都網(wǎng)站制作、成都網(wǎng)站設(shè)計經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有市中免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

本文目錄一覽

• 1，網(wǎng)頁設(shè)計排版需要注意哪些問題
• 2，網(wǎng)頁排版和制作需要注意什么
• 3，網(wǎng)頁排版一般都要注意什么問題
• 4，在網(wǎng)站的頁面布局上需要注意哪些事項
• 5，網(wǎng)站排版需要注意哪些方面怎么排版

1，網(wǎng)頁設(shè)計排版需要注意哪些問題

如果你用CSS+div的話就要注意兼容性的問題這是最大的問題，如果用的是表格布局的話就要注意嵌套的問題

個種瀏覽器及顯示器的顯示效果！

2，網(wǎng)頁排版和制作需要注意什么

1-網(wǎng)頁排版：設(shè)計工具的選擇、網(wǎng)頁美感的培養(yǎng)、拒絕網(wǎng)頁平淡、網(wǎng)頁內(nèi)容要有目的性、文字的字體與顏色的選擇、頁面適當(dāng)留白、圖文信息搭配等；2-網(wǎng)頁制作：注意頁面的結(jié)構(gòu)、不要刻意堆積網(wǎng)站代碼（盡量做到精短、簡介明了）、需站在用戶體驗度進(jìn)行制作！

來點細(xì)節(jié)的問法吧？如果用表格，那就沒什么了，你自已玩玩就會了，在一些背景放置方面多用用腦子就ok了；如果用css來做，注意各瀏覽器的bug跟如何兼容，多學(xué)學(xué)css hack，以及搞一些自已的css reset。

3，網(wǎng)頁排版一般都要注意什么問題

網(wǎng)站的顏色不要過多，最好使用3種顏色最好。
網(wǎng)站設(shè)計中少用點FLASH動畫、js程序、視頻、圖片文件，這樣會導(dǎo)致網(wǎng)站速度過慢，影響用戶的體驗度。
網(wǎng)站的布局要清晰明了不要過于復(fù)雜，簡單大方的設(shè)計可以使用戶第一時間找打他想要的東西。
網(wǎng)站首頁設(shè)計時需要放上一些文章更新的版塊，這樣保持每天更新后，可以提高網(wǎng)站的排名 選擇合適的布局 網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型
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ū)別，其實是很相近的，上面是標(biāo)題及廣告橫幅，接下來的左側(cè)是一窄列鏈接等，右列是很寬的正文，下面也是一些網(wǎng)站的輔助信息。在這種類型中，一種很常見的類型是最上面是標(biāo)題及廣告，左側(cè)是導(dǎo)航鏈接。
3.標(biāo)題正文型：這種類型即最上面是標(biāo)題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。
4.左右框架型：這是一種左右為分別兩頁的框架結(jié)構(gòu)，一般左面是導(dǎo)航鏈接，有時最上面會有一個小的標(biāo)題或標(biāo)致，右面是正文。我們見到的大部分的大型論壇都是這種結(jié)構(gòu)的，有一些企業(yè)網(wǎng)站也喜歡采用。這種類型結(jié)構(gòu)非常清晰，一目了然。
5.上下框架型：與上面類似，區(qū)別僅僅在于是一種上下分為兩頁的框架。
6.綜合框架型：上頁兩種結(jié)構(gòu)的結(jié)合，相對復(fù)雜的一種框架結(jié)構(gòu)，較為常見的是類似于“拐角型”結(jié)構(gòu)的，只是采用了框架結(jié)構(gòu)。
7.封面型：這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁，放上幾個簡單的鏈接或者僅是一個“進(jìn)入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。
8. Flash型：其實這與封面型結(jié)構(gòu)是類似的，只是這種類型采用了目前非常游戲行的Flash，與封面型不同的是，由于Flash強(qiáng)大的功能，頁面所表達(dá)的信息更豐富，其視覺效果及聽覺效果如果處理得當(dāng)，絕不差于傳統(tǒng)的多媒體。
9.變化型：即上面幾種類型的結(jié)合與變化，比如本站在視覺上是很接近拐角型的，但所實現(xiàn)的功能的實質(zhì)是那種上、左、右結(jié)構(gòu)的綜合框架型。
網(wǎng)頁的排版布局要能夠達(dá)到一種協(xié)調(diào)的狀態(tài)下才能真正的成功的網(wǎng)頁設(shè)計，所以，不能單獨考慮網(wǎng)頁的內(nèi)容的排版，內(nèi)容和形式即具體的網(wǎng)頁的排版布局要能夠達(dá)到一種協(xié)調(diào)的狀態(tài)下才能真正的成功的網(wǎng)頁設(shè)計，所以，不能單獨考慮網(wǎng)頁的內(nèi)容的排版，以為只要能夠把具體內(nèi)容清晰流暢的放到網(wǎng)站上就行了，造成整個頁面的形式感很差，這樣嚴(yán)重影響使用者的心情

最好你看看相關(guān)的CSS樣式教程 初學(xué)可以看看別具光芒通俗易懂 網(wǎng)上也有很多布局的教程 關(guān)鍵是邊看邊做

4，在網(wǎng)站的頁面布局上需要注意哪些事項

合理的廣告安排 有些網(wǎng)站的廣告會讓人看起來很繁瑣，用戶會產(chǎn)生排斥的心理，不愿意再看，甚至連這個網(wǎng)站都不想再上，網(wǎng)站在這種情況下會受到嚴(yán)重的影響，所投放的廣告也達(dá)不到真正的宣傳目的。這類問題人們在對網(wǎng)站進(jìn)行之前就需要考慮到、而且是需要進(jìn)行規(guī)劃的內(nèi)容之一。通常廣告在網(wǎng)頁上的表現(xiàn)形式是浮動式的，分為在網(wǎng)頁的兩邊空余位置進(jìn)行上下的浮動，還有就是在屏幕上可以到處隨機(jī)移動的廣告。建議人們在盡量使用第一種情況，如果不可避免的必須要使用第二種情況時，要盡量控制一個數(shù)量。空間的合理利用 有很多網(wǎng)頁會把所有要表達(dá)的信息像文字和圖片以及動畫等不進(jìn)行布局考慮，就全部塞到頁面上，導(dǎo)致用戶在進(jìn)行瀏覽時遇到很多不方便，最主要的問題就是頁面的主次不分而且喧賓奪主，沒有一個重點和主題，整體看起來就像是一個大雜燴。需要獲得有用信息的客戶很難來找到自己所需要的東西。所以在頁面布局時一定要進(jìn)行合理的安排，讓用戶一目了然，快速獲取自己的所需要的信息。文字的編排
1、把文字圖形化 文字圖形化指的是把文字通過圖片形式來進(jìn)行表達(dá)，這樣的形式在頁面子欄目里最為常用，因為這樣的表達(dá)方式具有突出性，又能美化頁面，使頁面更具有人性化，加強(qiáng)人們的視覺效果。這種效果通常是單純文字所無法做到的。
2、強(qiáng)調(diào)文字如果要把個別的文字作為頁面訴求的重點，還可以通過對文字進(jìn)行加粗和加下劃線以及加大號的字體等等手段來有意識地強(qiáng)化頁面文字的視覺效果，使文字在頁面的整體里顯得很出眾而且奪目。這樣的方法實際上也是使用了進(jìn)行對比的法則。如果在頁面的更新頻率比較低的情況下，還可以使用文字的圖形化來進(jìn)行表達(dá)。

1、廣告與內(nèi)容的合理搭配 是要對網(wǎng)頁正常內(nèi)容和網(wǎng)絡(luò)廣告二者的合理搭配，一方面不能過多的讓廣告擠占內(nèi)容空間，過多的影響訪客瀏覽，另一方面，在訪客瀏覽內(nèi)容時，能進(jìn)一步的進(jìn)步廣告的點擊率，網(wǎng)絡(luò)廣告有很多款式，所以在做網(wǎng)頁計劃時，可以兩方面斟酌內(nèi)容與廣告的搭配問題。
2、圖文相聯(lián)合、簡樸的特效 圖文相聯(lián)合，在網(wǎng)站的首頁、頻道頁、欄目頁、內(nèi)容頁等關(guān)聯(lián)頁面做好圖片與文字的搭配，其中圖片的大小、尺寸、色彩、圖片的款式，以及文字的字體、字號、色彩、字間距、行間距等都要均衡到，并且作為慣例的行業(yè)站網(wǎng)頁的特效后果不宜太多，一來輕易形成搜尋收錄不利，二對訪客瀏覽形成方便。
3、功用設(shè)計適用、獸性化，盡可以讓瀏覽者用起碼的點擊次數(shù)抵達(dá)走訪宗旨 網(wǎng)站的頁面計劃肯定要斟酌到所設(shè)計的交互性能否適用，可以實在的訪客帶來操作或交換上的方便、能否為網(wǎng)站或許企業(yè)會員帶來良好的用戶轉(zhuǎn)化率和走訪粘性，在訪客走訪時能否有足夠醒目標(biāo)引誘贊助信息來贊助其實現(xiàn)注冊、買賣等提醒，訪客在走訪網(wǎng)站是能否能供給更多貼心的獸性化功用給予其贊助，讓瀏覽者用起碼的點擊次數(shù)抵達(dá)或?qū)崿F(xiàn)其所要走訪的宗旨。
4、斟酌不同顯示后果的友愛兼容性 一個友愛的頁面就要充足斟酌頁面在不同的屏幕分別率下、不同的操作體系下、不同的瀏覽器下的兼容性，讓訪客能便捷、溫馨的走訪完宗旨頁面5、欄目劃分構(gòu)造清楚、離開主次性，重為左，此為右 意思是將所要樹立的網(wǎng)頁欄目構(gòu)造細(xì)分清楚，離開欄目標(biāo)主次性、主要欄目以頂部、左側(cè)排列排放，主要的欄目以底部、右側(cè)排列排放。
6、網(wǎng)頁計劃平均，防止頭重腳輕，分量失衡。網(wǎng)頁的計劃平均，表如今網(wǎng)頁計劃和設(shè)計時欄目與欄目、色塊與色塊、圖片與文字之間的搭配和諧問題，好的頁面會做到搭配合理，防止頭重腳輕、分量失衡的景象，和給訪客造故意理上的不適。
7、Logo、導(dǎo)航、按鈕、題目等主要信息必需醒目 相似于網(wǎng)頁中的Logo、導(dǎo)航、按鈕、文章題目等主要信息，必需醒宗旨識，契合日常瀏覽習(xí)性，不會給訪客在瀏覽時形成阻礙。
8、合理的主色彩和對立的頁面作風(fēng) 在肯定網(wǎng)站的主色彩時，肯定要依據(jù)所要設(shè)計的網(wǎng)站的行業(yè)特性和所面向的走訪對象來抉擇合理的主色彩，如作為機(jī)械設(shè)備類的多以藍(lán)色、灰色為主，在主色彩、欄目及網(wǎng)站首頁版塊肯定后，其它的隸屬頁面也應(yīng)當(dāng)順次作風(fēng)來設(shè)置。個別網(wǎng)頁的大色塊區(qū)域以不超越3種色彩為好。

5，網(wǎng)站排版需要注意哪些方面怎么排版

客戶對網(wǎng)頁制作時間的要求客戶對網(wǎng)頁的設(shè)計要求客戶提供的素材頁面的受眾需求頁面都有哪些內(nèi)容頁面顏色的選擇是否需要瀏覽器兼容是否需要響應(yīng)式設(shè)計柵格排版采用的尺寸怎樣的交互動畫是否需要seo優(yōu)化

排版的注意事項：
1、重要的英語標(biāo)題不宜使用全大寫。（降低認(rèn)知度） 2、標(biāo)題不宜重疊與圖片之上。（干擾視線） 3、標(biāo)題中無標(biāo)點。（通常情形下） 4、內(nèi)文每行不宜過長。（人們習(xí)慣閱讀的文字為每行40字） 5、內(nèi)文排列必須有條理有規(guī)律，不能過于凌亂（不便閱讀）。
6、內(nèi)文宜使用白底黑字，細(xì)線體字。（有助閱讀） 7、深底反白的內(nèi)文極難閱讀。（加快眼部疲勞） 8、如內(nèi)文很長如何處理？ ●標(biāo)題與內(nèi)文間穿插副標(biāo)題。●內(nèi)文首字放大。●內(nèi)文中穿插小標(biāo)題。●段末留白，分清段落。●重要段落或語句加粗。●使用符號引導(dǎo)視線。
9、中文的標(biāo)點符號一直是中文字體的敗筆，空隙太大，使得排版中（尤其是內(nèi)文）會出現(xiàn)很多漏洞，使整個排版不嚴(yán)謹(jǐn)、不精致，建議將所有標(biāo)點符號的字距縮小50%。
10、內(nèi)文文字大小控制在7－9pt。印刷： 材料——紙張根據(jù)用處的不同，可以分為工業(yè)用紙、包裝用紙、生活用紙、文化用紙等幾類，其中文化用紙中即包括書寫用紙、藝術(shù)繪畫用紙、印刷用紙。在印刷用紙中，又根據(jù)紙張的性能和特點分為新聞紙、凸版印刷紙、膠版印刷涂料紙、字典紙、地圖及海圖紙、凹版印刷紙、畫報紙、周報紙、白板紙、書面紙等。另外一些高檔印刷品也廣泛地采用藝術(shù)繪圖類用紙。一般都用膠版涂層紙（又稱為銅版紙） 流程——談好價格紙張—設(shè)計排版—校稿—出菲林—黑白稿簽字—付定金—印刷—交貨付剩余金額 價位——分印前費和印后費，一般都是報個整體價格，具體紙張印費都含在里面。舉例： 設(shè)計費：200—500元/p包打樣.膠片 制作費：130—200元/p包打樣.膠片 打字費：一個p5—10元(根據(jù)多少和難度而定) 膠片.硫酸紙費用： 一個p進(jìn)口膠片10元；國產(chǎn)8元/p 一個p硫酸紙2.00元/p 噴墨打樣：一個p15—20元 開機(jī)費：（四色彩印成品印刷費用叫開機(jī)費） 雙色四開印刷機(jī)為500元—800元/1萬張16開 雙色對開印刷機(jī)為800—1200元/1萬張16開 四色對開印刷機(jī)為1000—1500元/1萬張16開 單色機(jī)： 四開機(jī)：100元—200元1張板/1萬張16開 六開機(jī)：50—100元1張板/1萬張16開 八開機(jī)：50—80元1張板/1萬張16開 以上是根據(jù)印刷品難度.時間.色澤來定多少開機(jī)費。噴繪 噴繪一般是指戶外廣告畫面輸出，它輸出的畫面很大，如高速公路旁眾多的廣告牌畫面就是噴繪機(jī)輸出的結(jié)果。輸出機(jī)型有：nru salsa 3200 、彩神3200等，一般是3.2米的最大幅寬。噴繪機(jī)使用的介質(zhì)一般都是廣告布(俗稱燈箱布），即外光燈布和內(nèi)光燈布。前者用于普通畫面，后者用于燈箱。墨水使用油性墨水，噴繪公司為保證畫面的持久性，一般畫面色彩比顯示器上的顏色要深一點的。它實際輸出的圖象分辨率一般只需要30~45dpi(分辨率)。畫面實際尺寸比較大的，就需要把畫面分割噴出然后拼接。因為機(jī)器的幅寬是有限制的。然后大部分噴繪都需要打扣眼好方便掛畫面安裝， 流程很簡單：設(shè)計圖—校稿—定稿—開制作單—付定金—制作—提貨—付清余款 噴繪價格根據(jù)各地方材料商供應(yīng)價格調(diào)整，是按平方每米多少價格來算。噴繪的安裝是另外收費的。寫真 寫真一般是指戶內(nèi)使用的，它輸出的畫面一般就只有幾個平米大小。如在展覽會上廠家使用的廣告小畫面。輸出機(jī)型如：hp5000，一般是 1.5米的最大幅寬。寫真機(jī)使用的介質(zhì)一般是pp紙、燈片、背膠紙、透明膜、相紙等，墨水使用水性墨水。在輸出圖象完畢還要覆膜、裱板才算成品，輸出分辨率可以達(dá)到300—1200dpi（機(jī)型不同會有不同的），它的色彩比較飽和、清晰。流程和噴繪差不多。寫真價格同樣根據(jù)各地方材料商供應(yīng)價格調(diào)整，也是按平方每米多少價格來算。安裝根據(jù)情況收費，比較復(fù)雜的收好安裝的就不要安裝費了。下面我簡單介紹一下噴繪和寫真中有關(guān)制作和輸出圖象的一些簡單要求。
1、尺寸大小： 噴繪圖象尺寸大小和實際要求的畫面大小是一樣的，它和印刷不同，不需要留出出血部分。在噴繪公司一般在輸出畫面后都有留白邊的，一般情況都是留與凈畫面邊緣10cm。如圖你可以和噴繪輸出公司商定好，留多少邊用來打扣眼。價格是按每平米計算的，所以畫面尺寸以厘米為單位就可以了。
2、圖象分辨率要求： 噴繪的圖象往往是很大的，那噴繪圖象也是這樣，如果大的畫面還用印刷的分辨率，那就要累死電腦了。但是噴繪圖象分辨率也沒有標(biāo)準(zhǔn)要求，下面是我個人使用不同尺寸時使用的分辨率，可以參考： 圖象面積（平方米） 180——無窮 30---180 1——30 分辨率（dpi） 11.25 22.5 45 說明：因為現(xiàn)在的噴繪機(jī)多以11.25dpi、 22.5dpi、 45dpi為輸出時的圖象要求的，故合理使用圖象分辨率可以加快做圖速度。寫真一般情況要求72dpi/英寸就可以了，如果圖象過與大（如在photoshop新建圖象顯示實際尺寸時文件大小超過400m），可以適當(dāng)?shù)慕捣直媛剩刂圃?00m大小以內(nèi)即可。
3、圖象模式要求： 噴繪統(tǒng)一使用cmky模式，禁止使用rgb模式。現(xiàn)在的噴繪機(jī)都是四色噴繪的，它的顏色與印刷色截然不同的，當(dāng)然在做圖的時候按照印刷標(biāo)準(zhǔn)走，噴繪公司會調(diào)整畫面顏色和小樣接近的。寫真可以使用cmky模式，也可以使用rgb模式。注意在rgb中大紅的值用cmky定義，即m=100 y=100。
4、圖象黑色部分要求： 噴繪和寫真圖象中都嚴(yán)禁有單一黑色值，必須填加c、m、y色，組成混合黑。假如是大黑，可以做成：c=50 m=50 y=50 k=100。特別是在photoshop中用它帶的效果時，注意把黑色部分改為四色黑，否則畫面上會出現(xiàn)黑色部分有橫道，影響整體效果。
5、圖象儲存要求： 噴繪和寫真的圖像最好儲存為tif格式，但是注意不可用壓縮的格式。關(guān)于點數(shù)，視情況而定。噴繪一般30dpi，寫真一般72dpi，如果畫面大，可以相應(yīng)縮小。我做過的最小點數(shù)是10dpi，300平方。再大的話，可以分幾段文件作。寫真一般不低于50dpi。關(guān)于點數(shù)小，畫面并不會變模糊，而是會產(chǎn)生較強(qiáng)的鋸齒，相反的，加大點數(shù)，拉大圖片的話，就會變模糊，而鋸齒少明顯點。一般做的話，可以雙管齊下，自行斟酌。另廣告這行現(xiàn)在還有種戶外寫真機(jī)，是專用于制作車身貼的。成本貴價格高。車貼材料有：白膠、進(jìn)口黑膠、國產(chǎn)黑膠。材料還可以用噴繪的燈布、也可以用寫真的pp紙，另還有旗幟布、單面透（用與貼玻璃上或有機(jī)片上）等。墨水是油性墨水。噴出來的圖有寫真的精度，也有噴繪的保管時間長的特點。在這幾種里印刷的精度是最好最清楚的，最少都在300dpi（即分辨率），其次是戶外寫真、寫真、噴繪 。噴繪的精度是比較低的，通常近看有毛邊。但噴繪的圖一般是掛在大樓外墻上的，遠(yuǎn)看整體效果不錯。不同的制作方法針對不同的客戶需要，不同的制作對設(shè)計的要求也各不同。這些資料是我平時收集加自己對這行的了解集合而成。希望能讓你了解到一些行業(yè)知識。

名稱欄目：網(wǎng)頁排版需要注意什么，網(wǎng)頁設(shè)計排版需要注意哪些問題
URL標(biāo)題：http://chinadenli.net/article8/idppip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、搜索引擎優(yōu)化、關(guān)鍵詞優(yōu)化、自適應(yīng)網(wǎng)站、python、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)