-
讓品牌有溫度、有情感
專注品牌策劃15年
-
當(dāng)前位置：首頁 > 創(chuàng)意學(xué)院 > 技術(shù) > 專題列表 > 正文
三字型布局網(wǎng)頁代碼（三字布局網(wǎng)頁實例）
發(fā)布時間：2023-04-08 06:39:18
稿源：
創(chuàng)意嶺 閱讀：
120
大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于三字型布局網(wǎng)頁代碼的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。
開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等
只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端
官網(wǎng)：https://ai.de1919.com。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請撥打電話175-8598-2043，或添加微信：1454722008
本文目錄:
頁代碼（三字布局網(wǎng)頁實例）.jpg)
一、常用的幾種網(wǎng)頁布局類型？
現(xiàn)在網(wǎng)頁布局是網(wǎng)頁設(shè)計當(dāng)中非常重要的一環(huán)，很多客戶可能都會糾結(jié)甚至?xí)孀憔W(wǎng)頁設(shè)計和布局的工作當(dāng)中，可以說一個好的布局不僅能夠給企業(yè)帶來長期發(fā)展的前景，不知道大家都了解哪幾種形式，北大青鳥昆明計算機學(xué)院http://www.kmbdqn.cn/給大家總結(jié)了以下幾種布局類型，在你UI設(shè)計工作中可以根據(jù)具體需求來做分析。
1.國字型布局，一些大型網(wǎng)站更傾向于這種布局類型，即最上面是網(wǎng)站的標(biāo)題和橫幅廣告條，接下來是網(wǎng)站的主要內(nèi)容，中間是主要部分，左右分出兩小條內(nèi)容，這種結(jié)構(gòu)是我們在網(wǎng)上見過的差不多最多的一種結(jié)構(gòu)類型。
2.匡字型布局，這種結(jié)構(gòu)與國字型布局只是形式上的區(qū)別，這樣的布局形式釋放了更多空間，接下來的左側(cè)也是一窄列的鏈接，右側(cè)是很寬的正文.
3.左右框架型，這種結(jié)構(gòu)與上一種只是形式上的區(qū)別，但其實很相近，上面是標(biāo)題和廣告橫幅，接下來的左側(cè)是一窄列鏈接，右側(cè)就是非常正規(guī)的正文，下面是網(wǎng)站的輔助信息，這種類型是一種很常見的結(jié)構(gòu)類型。我們見到的大部分的大型論壇都采用這種結(jié)構(gòu)，當(dāng)然也有一些企業(yè)網(wǎng)站也喜歡采用。
4.上下框架型，其實質(zhì)與左右框架類似，區(qū)別只是這種類型是一種上下分為兩頁的框架。這種類型的布局形式大多在一些文章頁面或者是注冊頁面會出現(xiàn)。
5.川字型布局，整個頁面在垂直方向上分為三列，網(wǎng)站的內(nèi)容按照欄目肺部在這三列當(dāng)中，最大限度的突出主業(yè)的索引功能。
6.F型布局，這種布局方式屬于傳統(tǒng)的布局方式，更依賴于視覺線索，更好地控制用戶的視覺路徑，相比較來講，F(xiàn)布局也更加自然，更加友好。F式布局符合用戶的瀏覽習(xí)慣，更自然。符合“從上到下，從左到右”的閱讀模式。
最后還有兩種網(wǎng)頁布局類型，一種是Flash型局部形式，另一種是封面型布局形式，下邊兩組，小編就不添加圖片了，這兩種形式的布局，大家應(yīng)該很好理解。
二、用代碼方式制作一個網(wǎng)站，內(nèi)容自選； 至少包含3個網(wǎng)頁，網(wǎng)頁中包含必要的文字或圖像；
一、文字處理技巧
在網(wǎng)頁制作中文字處理是最基本的技能，掌握了文字處理，就能領(lǐng)悟到網(wǎng)頁制作的根本方法。
1、如何把圖像安排在文字的旁邊？
選中需要安排位置的圖片。
選擇菜單中的“格式”→“屬性”，在彈出的“圖片屬性”窗口中選擇“外觀”項。
在“對齊方式”下拉菜單中，選擇需要的圖片、文字位置安排方式。
2、如何使用網(wǎng)頁在不同分辨率下的大小自動適應(yīng)？
在640×480的分辨率下的大小設(shè)計網(wǎng)頁，對于文字不想換行的段落，可以用功能鍵“Shift + Enter”來設(shè)置控制長度。對于圖文混排的，如想在兩段文字之間插入圖片，可用“段落”中“段落屬性”，選擇“樣式”的選項“顏色”→“背景圖像”，這樣做會使本來不大的一張圖片鋪滿整段，在不同的分辨率就能自動適應(yīng)。如果你只想在不滿一整行的文字添加背景，不想令這行余下空白位置整行鋪滿，方法是先定義這行，按鼠標(biāo)右鍵選擇“字體屬性”中的“字體”選項“樣式”，在“顏色”項里放入圖片或者背景顏色就行了，這樣做的好處是靈活度大大高于用段落的形式控制文字的背景，即使使用了“Shift + Enter”來安排段落文字也無所謂。如果是幾個頁面在一個框架中，又想在其中一個頁面的圖片或文字處于中間位置，可以把頁面中的內(nèi)容放在一個無邊界的框圖里，用“表格屬性”的選項“布局”→“對齊方式”，選擇“居中”，內(nèi)容就會安排在指定的這個表格里，沒有邊界的表格可以把除了“漂浮”外余下的三個選項設(shè)為“0”。
3、如何在網(wǎng)頁圖片上添加文字方塊并將其設(shè)置為透明？
在FrontPage中選中圖片，點擊FrontPage左下角的工具，在圖片上拖動一定范圍插入文本框。
在文本框中輸入文字。右擊文本框，在鼠標(biāo)右鍵快捷菜單中選擇“文本框格式”。
在“設(shè)置文本框格式”窗口中，將填充色設(shè)置為“無填充色”。此時，圖片上就有了透明文本框，就可以進一步調(diào)整文本顏色以搭配圖片色彩。
4、怎樣簡單有效地放大或縮小字體？
選中要改變大小的文字（將文字托黑），單擊格式欄中的“字體”，下拉列表框，直接在里面選擇不同的字號來縮放字體。
5、如何從打開的網(wǎng)站中獲取圖像？
打開的網(wǎng)站中的圖像通常有兩種：一種是網(wǎng)頁中普通的插入的圖像，另一種是背景圖片。如果只想保存其中一張圖片，可以將鼠標(biāo)移到該圖片上方，右擊鼠標(biāo)，在彈出的快捷菜單中選擇“將圖片另存為”，指定一個保存位置，保存即可。如果需要保存背景圖片，可以在不含圖片的空白位置右擊鼠標(biāo)，在彈出的快捷菜單中選擇“將背景另存為”即可。另外，如果需要保存絕大部分的圖片，可以直接將網(wǎng)頁保存，保存的方式設(shè)置為“網(wǎng)頁，全部（*．htm、．html）”然后在保存圖片的文件夾中用ACDSee等看圖軟件查看所保存的圖片。
6、如何解決網(wǎng)頁內(nèi)容不能頂格的問題？
如果左邊不能頂格，通常是由于在網(wǎng)頁源代碼中有空格標(biāo)記“＆nbsp”出現(xiàn)在正文前面造成的。切換到源代碼的編輯方式，把正文前面的“＆nbsp”刪除就可以了。
如果內(nèi)容不能向上頂格，檢查一下在FrontPage的網(wǎng)頁屬性中是否已經(jīng)把網(wǎng)頁的頂邊設(shè)為“0”。如果這部分內(nèi)容是在一個表格或者表格的單元格中，記得檢查一下單元格的垂直對齊方式為“頂端對齊”。
7、在以文字為主的網(wǎng)頁中，怎樣讓某段文字顯得更突出？
要以通過多種方法來實現(xiàn)，如：設(shè)置與眾不同的文字顏色；設(shè)置文字為粗體、斜體或者下劃線；設(shè)置不同的字號。還可以使用其中一種或者同時使用多種方法來達到目的。
8、如何在FrontPage中把文字大小設(shè)定為9磅？
不少人在制作網(wǎng)頁的過程中，為了追求頁面美觀，喜歡把網(wǎng)頁的字體設(shè)置成9磅字（9pt）?？稍贔rontPage XP中，并沒有預(yù)設(shè)這號字體，但是仍然有辦法做出9磅字。
將光標(biāo)在“字號”框中點一下，使其反白。
輸入“9”，按回車鍵，再輸入字體時就是9磅字了。
9、怎樣在網(wǎng)頁中使用一些藝術(shù)字？
選擇FrontPage XP菜單的“插入”，在下拉菜單中依次選擇“圖片”→“藝術(shù)字”，在彈出的界面中選擇一種藝術(shù)字樣式。
在文字框中輸入文字，設(shè)置好字體和字號大小，點擊“確定”按鈕即可完成。此時在FrontPage中能立即查看制作的藝術(shù)字效果。如果還需要修改，可以雙擊藝術(shù)字繼續(xù)個性如果想調(diào)整整個藝術(shù)字的大小以及傾斜度，可以單擊藝術(shù)字，然后拖動藝術(shù)字周圍的幾個控制點做大小或角度變化。還可以在選中藝術(shù)字以后，在鼠標(biāo)右鍵方式中選擇“設(shè)置藝術(shù)格式”，通過這里可以對藝術(shù)字的填充色以及大小等選項做非常精確的設(shè)置。
10、如何使用FrontPage的網(wǎng)頁過渡效果？
選擇菜單“格式”→“網(wǎng)頁過渡”，打開“網(wǎng)頁過渡”對話框，在“事件”下拉列表框里選擇效果出現(xiàn)的事件，有“進入網(wǎng)頁”、“離開網(wǎng)頁”，在周期內(nèi)輸入效果顯示的時間，最后在右邊的選擇框中選擇過渡的效果。
11、如何在FrontPage里將網(wǎng)頁的樣式鏈接到樣式表文件？
選擇菜單“格式”→“樣式表鏈接”，在出現(xiàn)的鏈接樣式表窗口內(nèi)，單擊“添加”按鈕，并選擇CSS的樣式文件即可。
12、在FrontPage中如何對文字換行？
普通的換行方法是敲回車鍵，這時上下兩行之間的距離會顯得過寬。有一種方法可以使行距變窄，即按住“Shift”鍵不放，再按回車鍵。這樣的換行方法在HTML代碼中表現(xiàn)為<br>。
13、如何在網(wǎng)頁中制作報表圖？
FrontPage XP富有魅力的地方之一就是它可以根據(jù)提供的數(shù)據(jù)生成一個形象生動的報表，它提供的電子表格功能甚至允許在表格中輸入自己的數(shù)據(jù)并具有電子表格的一些常用功能。
點擊菜單“插入”→“Web組件”。在彈出窗口的左欄中選擇“電子表格和圖表”，在右欄中選擇“Office圖表”。
如果是通過輸入數(shù)據(jù)建立圖表，選擇第一項“在一張數(shù)據(jù)表中輸入的數(shù)據(jù)”，然后按照提示輸入相應(yīng)的數(shù)據(jù)，最后選擇一種圖表樣式。
如果已經(jīng)有了一個包含數(shù)據(jù)的數(shù)據(jù)庫文件，則選擇張二項“一個數(shù)據(jù)庫的表或查詢”，然后選擇數(shù)據(jù)源，最好同樣也是選擇一種圖表樣式作為最終的顯示效果。圖表生成以后，可以通過雙擊它進行修改。
14、如何手工精確繪制表格？
在網(wǎng)頁視圖模式下，單擊“表格”菜單中的“手繪表格”。FrontPage會打開“表格”工具欄，并且“手繪表格”選項已經(jīng)被取代了，使用鼠標(biāo)從表格的左上角向右下角拖動，以繪制表格的外邊框。使用水平和垂直線繪制表格中的單元格。若要刪除任何不想要的線，單擊“表格”工具欄上的“清除”按鈕，用鼠標(biāo)按住并拖動通過不要的線段，當(dāng)此線段變?yōu)榧t色時，放開鼠標(biāo)按鈕。當(dāng)完成繪制表格后，單擊“表格”工具欄上的“手繪表格”按鈕，使這個按鈕不再被選取。
15、如何讓背景圖片顯示在表格中？
切換場面到網(wǎng)頁視圖模式下，選擇要顯示背景圖片的表格或單元格。
單擊鼠標(biāo)右鍵。
單擊快捷菜單中的“單元格屬性”或“表格屬性”。
選擇“使用背景圖片”復(fù)選框，單擊“瀏覽”。
如果圖片為剪貼畫，按照以下步驟：
單擊“剪貼畫”顯示Microsoft剪貼庫。
選中要的圖片，單擊鼠標(biāo)右鍵。
單擊快捷菜單中的“插入”。在插入圖片后，可以為此圖片設(shè)置屬性。
單擊快捷菜單中的“單元格屬性”或“表格屬性”。
16、如何在網(wǎng)頁上插入想要的文件？
可以在網(wǎng)頁中插入任何一種基于廣西的文件，包括．htm文件、．a(chǎn)sp文件、．rtf文件和．txt文件，以及任何Microsoft Office文檔。
將插入點放置在要插入文件的位置。在“插入”菜單上，單擊“文件”。
在“文件類型”框中，單擊要插入的文件類型。
在“搜索”框中，單擊含有該文件的磁盤驅(qū)動器、文件夾或網(wǎng)絡(luò)位置。
在文件夾列表中，雙擊文件夾直到打開含有所需文件的文件夾。
選擇要插入的文件，然后單擊“打開”想要插入的文件即可。
17、怎樣在FrontPage XP里添加office電子表格組件？
若要為站點創(chuàng)建一個電子表格，可以添加Microsoft Office電子表格組件到網(wǎng)頁上。直接在網(wǎng)頁視圖模式下編輯與設(shè)置電子表格屬性，即使計算機中沒有安裝Microsoft Excel也可以。在“插入”菜單上，指向“組件”，然后單擊“Office電子表格”。
不過，當(dāng)站點包含Office電子表格，站點的訪問必須在他的計算機上安裝Microsoft Office web組件控制才能查看電子表格。如果沒有安裝控件，站點訪問者將會看到水印。
18、怎樣修飾文本？
一個簡單的方法就是使用“格式”工具欄。字體設(shè)置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)字體就可以了。
字號設(shè)置：在“格式”工具欄“字號”下拉列表框中選擇相應(yīng)字體。
字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當(dāng)?shù)念伾?，字的顏色就改變了?/p>
“字符間距”選項卡：用來設(shè)置文字的間距。單擊“間距”下拉列表，選擇字符的間距是普通、擴充還是緊縮的。選擇擴充，預(yù)覽框的文字間距就變大。也可以調(diào)整間距大小改變間距，例如輸入10，文字的間距就更大了。
“定位”下拉列表：在FrontPage中每一行都有一個底線，定位就是指文字相對底線的距離。也就是把文字上下移動，選擇“上移”，文字就向上移動了。預(yù)覽框中的黑線就是行的底線。
19、如何在網(wǎng)頁中插入水平線？
在網(wǎng)頁中插入水平線可以使層次分明。把插入點調(diào)整到插入水平線的位置，選擇“插入”菜單的“水平線”命令。雙擊插入的線條，在彈出的“水平線屬性”對話框里單擊“顏色”下拉列表。
20、如何在網(wǎng)頁中插入時間標(biāo)記？
時間標(biāo)記是指在當(dāng)前活動網(wǎng)頁被重新編輯或自動更新之后，會自動改變。設(shè)置起來很容易：把插入點調(diào)整到插入水平線的位置，選擇“插入”菜單的“日期與時間”命令，在“日期時間屬性”對話框中選擇“該網(wǎng)頁上次編輯日期”。如果要改變?nèi)掌诘母袷剑瑔螕簟叭掌诟袷健毕吕斜?，選擇合適的格式。
21、如何用FrontPage做樣式表？
頁面鏈接一個外部的樣式表文件，這種方法可以使多個頁面使用同一個樣式表文件，方便保持頁面的主題。方法是：“文件”→“新建”→“網(wǎng)頁”，打開“新建”對話框，選擇“樣式表”選項。從FrontPage自帶的眾多樣式表中選擇合適的加以應(yīng)用或修改。如果熟悉CSS，也可使用空白的樣式表，自己創(chuàng)建。還可以通過在FrontPage中創(chuàng)建一個樣式表單，此時的樣式表就是網(wǎng)頁的一部分，直接位于HTML文檔之間。把已經(jīng)創(chuàng)建好的樣式表復(fù)制下來，選擇網(wǎng)頁編輯器的“html”視圖，粘貼到<Head>和</Head>之間就可以了。
22、如何用FrontPage2000創(chuàng)建懸停按鈕？
在網(wǎng)頁視圖模式下，將插入點定位在要創(chuàng)建懸停按鈕的位置；
單擊“插入”/“組件”/“懸停按鈕”，F(xiàn)rontPage編輯器將打開“懸停按鈕”對話框。把動態(tài)按鈕默認(rèn)標(biāo)簽“按鈕文本”，改成所需的按鈕文字，單擊“字體”按鈕，在打開的“字體”（字體）對話框里設(shè)置您所需標(biāo)簽的字體。
為動態(tài)按鈕創(chuàng)建超級鏈接，可直接在“鏈接到”框內(nèi)鍵入要跳轉(zhuǎn)的URL，也可單擊“瀏覽”按鈕，從當(dāng)前打開的網(wǎng)站、WWW、本地磁盤中指定跳轉(zhuǎn)目標(biāo)。
可重新指定按鈕的前景顏色，不過如果按鈕顯示的是圖像，前景顏色無效。當(dāng)用戶把鼠標(biāo)移到動態(tài)按鈕上時，按鈕的顏色將自動發(fā)生變化，這是動態(tài)按鈕最大的特色，至于顏色是怎樣變化的，可通過“效果”和“效果顏色”框設(shè)定。還可改變按鈕的寬度和高度（以像素為單位）。
動態(tài)按鈕還有一些高級用法，單擊“自定義”按鈕，在“自定義”對話框可設(shè)置播放聲音或音樂和在動態(tài)按鈕上顯示圖像等。
23、如何在網(wǎng)頁中插入垂直線？
網(wǎng)頁中通常是用表格控制網(wǎng)頁的格式，所以在網(wǎng)頁中插入垂直線可以被認(rèn)為是在表格中插入一條垂直線。方法有以下兩種：
一是在表格的單元格中插入一條水平線，然后設(shè)置水平線屬性，將其寬度設(shè)為1個像素，高度設(shè)為100個像素，這樣，就插入了一條高度設(shè)為100個像素、寬度設(shè)為1個像素的垂直線。
二是設(shè)置表格的一個單元格的寬度為1個像素，并指定單元格的背景顏色，這樣，就插入了一條寬度設(shè)為1個像素、高度與單元格高度相同的垂直線。
24、如何在網(wǎng)頁中插入特殊符號？
“插入”→“符號”（或“特殊符號”）。
25、如何在FrontPage XP中給指定的圖像或文字周圍加上框線？
先選中圖像或文字，選“格式”→“邊框與陰影”（FrontPage 中為“邊框與底紋”）。在彈出的對話框中選“邊框”標(biāo)簽，選“方框”，選樣式等。
26、如何制作字幕？
把插入點調(diào)整到插入水平線的位置，單擊“插入”/“組件”/“字幕”命令，F(xiàn)rontPage編輯器將打開“字幕屬性”對話框。
在“文本”框內(nèi)鍵入要顯示的字幕內(nèi)容，設(shè)定文字游動“方向”、“速度”、“表現(xiàn)方式”、“文本對齊方式”等選項。在“表現(xiàn)方式”框內(nèi)，可指定字幕游動的方式，默認(rèn)是“滾動條”，如果選“幻燈片”，表示當(dāng)?shù)谝粋€字符而不是最后一個字符觸及左邊界時就停止游動，如果選“交替”，表示像鐘擺那樣在左右邊界內(nèi)擺來擺去。
可任意設(shè)置字幕的寬度和高度，字幕的寬度和高度既可以按像素的絕對值給出，也可以按Web瀏覽器窗口的百分比給出。
默認(rèn)情況下，字幕周而復(fù)始,不停地游動，周而復(fù)始。您可讓字幕只游動若干次，方法是，不選中“連續(xù)”復(fù)選框，然后在“次數(shù)”框內(nèi)選擇要游動的次數(shù)。此外，還可給整個字幕加上“背景顏色”。
三、網(wǎng)頁版面布局有幾種？
八種
1．T型布局
T型布局是指頁面頂部為橫條網(wǎng)站標(biāo)志和廣告條，下方左半部分為主菜單，右半部分為顯示內(nèi)容的布局。因為菜單背景餃探，整體效果類似英文字母T，所以稱之為T型布局，這是網(wǎng)頁設(shè)計中使用最廣泛的一種布局方式。其優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明，是初學(xué)者最容易學(xué)習(xí)的布局方法；缺點是規(guī)矩呆板，如果把握不好，在細(xì)節(jié)和色彩搭配上不注意，容易讓人看了之后感到乏味。
2．“口”型布局
“口”型布局是頁面上下各有一個廣告條，左邊是主菜單，右邊是友情鏈接等內(nèi)容，中間是主要內(nèi)容。其優(yōu)點是充分利用了版面，信息量大；缺點是頁面擁擠，不夠靈活。
3．“國”型布局
“國”型布局又稱為“同”型布局，是一些大型網(wǎng)站喜歡使用的布局類型。頁面頂部是一橫條，橫條左部設(shè)置網(wǎng)站標(biāo)志，右部是橫條廣告，橫條下部是水平放置的主導(dǎo)航欄。導(dǎo)航欄下方分為左中右三欄，左邊一般放置內(nèi)容導(dǎo)航、二級欄目、注冊登錄、搜索引擎等，右邊一般放置動態(tài)新聞、熱點內(nèi)容、友情鏈接等，中間顯示網(wǎng)頁的主體內(nèi)容，在頁面的最下方是一橫條狀菜單或廣告，也可以是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種布局通常用于主頁設(shè)計，主要優(yōu)點是頁面容納的內(nèi)容多，信息量大。
4．標(biāo)題正文型布局
標(biāo)題正文型布局最上方是標(biāo)題或廣告等內(nèi)容，下方是正文，通常文章頁面或注冊頁面采用此種布局，其特點是簡潔明快，干擾信息少，較為正規(guī)。
5．“三”型布局
“三”型布局具有簡潔明快的藝術(shù)效果，適合于藝術(shù)類、收藏類、展示類網(wǎng)站。這種布局往往采用簡單的圖像和線條代替擁擠的文字，給瀏覽者以強烈的視覺沖擊，使其感覺進入了一幅完整的畫面，而不是一個分門別類的超市。它的一級頁面和二級頁面的鏈接都按行水平排列在頁面的中部，網(wǎng)站標(biāo)志非常醒目。
6．“川”型布局
“川”型布局比較特殊，整個頁面在垂直方向分為3列，網(wǎng)站的內(nèi)容按欄目分布在這3列中，可以最大限度地突出主頁的索引功能。如果網(wǎng)站欄Bf良多，可以考慮采用這種布局。它和“國”形布局的主要區(qū)別是：把主內(nèi)容區(qū)換成了各個二級頁面的鏈接，其中的不足是二級欄目比例不易配置平衡，色彩不易協(xié)調(diào)。
7．POP布局
POP布局像一張宣傳海報，以一張精美圖片作為頁面的設(shè)計中心，在適當(dāng)位置放置主菜單，常用于時尚類站點。這種布局方式不講究上下和左右的對稱，但要求平衡有韻律，能達到動感的效果，其優(yōu)點是漂亮吸引入，缺點是速度慢。
8．變化型
采用上述幾種布局的結(jié)合與變化，布局采用上、下、左、右結(jié)合的綜合型框架，再結(jié)合F1ash動畫，使頁面形式更加多樣，視覺沖擊力更強。
網(wǎng)頁布局的基本形式主要有上述幾種類型，至于哪種布局類型最好，需要具體問題具體分析，要從網(wǎng)站內(nèi)容、頁面結(jié)構(gòu)和表現(xiàn)形式等多方面進行綜合考慮，同時也需要制作者具有較高的設(shè)計水平。
四、網(wǎng)頁制作的步驟-？
1. 設(shè)計首頁的第一步是設(shè)計版面布局。
就象傳統(tǒng)的報刊雜志編輯一樣，我們將網(wǎng)頁看作一張報紙，一本雜志來進行排版布局。雖然動態(tài)網(wǎng)頁技術(shù)的發(fā)展使得我們開始趨向于學(xué)習(xí)場景編劇，但是固定的網(wǎng)頁版面設(shè)計基礎(chǔ)依然是必須學(xué)習(xí)和掌握的。它們的基本原理是共通的，你可以領(lǐng)會要點，舉一反三。 版面指的是瀏覽器看到的完整的一個頁面（可以包含框架和層）。因為每個人的顯示器
分辨率不同，所以同一個頁面的大小可能出現(xiàn)640*480像素,800*600像素,1024*768像素等不同尺寸。
布局，就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。你可能注意到：“最適合”是一個不確定的形容詞，什么才是最適合的呢？抱歉的是阿捷不能也不可能給您一個完整的正確的答案。就好比有人希望知道成功的秘訣是什么，成功者只能建議您用什么方法，什么途徑才能最容易獲得成功，而不可能有一步成功的"秘訣"告訴您。
我們在設(shè)計思考系列文章第四篇講過站點整體的創(chuàng)意，版面布局也是一個創(chuàng)意的問題，但要比站點整體的創(chuàng)意容易，有規(guī)律的多。讓我們先來了解一下版面布局的步驟：
一.草案
新建頁面就象一張白紙，沒有任何表格，框架和約定俗成的東西，你可以盡可能的發(fā)揮你的想象力，將你想到的"景象"畫上去(我們建議您用一張白紙和一支鉛筆，當(dāng)然用作圖軟件photoshop等也可以)。這屬于創(chuàng)造階段，不講究細(xì)膩工整，不必考慮細(xì)節(jié)功能，只以粗陋的線條勾畫出創(chuàng)意的輪廓即可。盡你的可能多畫幾張，最后選定一個滿意的作為繼續(xù)創(chuàng)作的腳本。
二.粗略布局
在草案的基礎(chǔ)上，將你確定需要放置的功能模塊安排到頁面上。(注：功能模塊我們在"首頁設(shè)計-引子"中提過，主要包含網(wǎng)站標(biāo)志,主菜單,新聞,搜索,友情鏈接,廣告條,郵件列表,計數(shù)器,版權(quán)信息等)。注意，這里我們必須遵循突出重點、平衡諧調(diào)的原則，將網(wǎng)站標(biāo)志，主菜單等最重要的模塊放在最顯眼，最突出的位置，然后在考慮次要模塊的排放。
三.定案
將粗略布局精細(xì)化，具體化。（靠你的智慧和經(jīng)驗，旁敲側(cè)擊多方聯(lián)想，才能作出具有創(chuàng)意的布局。）
在布局過程中，我們可以遵循的原則有：
1、正常平衡---亦稱"勻稱"。多指左右、上下對照形式，主要強調(diào)秩序，能達到安定誠實、信賴的效果。
2、異常平衡---即非對照形式，但也要平衡和韻律，當(dāng)然都是不均整的，此種布局能達到強調(diào)性、不安性、高注目性的效果。
3、對比---所謂對比，不僅利用色彩、色調(diào)等技巧來作表現(xiàn)，在內(nèi)容上也可涉及古與今、新與舊、貧與富等對比。
4、凝視---所謂凝視是利用頁面中人物視線，使瀏覽者仿照跟隨的心理，以達到注視頁面的效果，一般多用明星凝視狀。
5、空白---空白有兩種作用，一方面對其他網(wǎng)站表示突出卓越，另一方面也表示網(wǎng)頁品位的優(yōu)越感，這種表現(xiàn)方法對體顯網(wǎng)頁的格調(diào)十分有效。
6、盡量用圖片解說---此法對不能用語言說服、或用語言無法表達的情感，特別有效。圖片解說的內(nèi)容，可以傳達給瀏覽者的更多的心理因素。
------------(轉(zhuǎn)載自廣告大師樊志育《廣告制作》)
以上的設(shè)計原則，雖然枯燥，但是我們?nèi)绻茴I(lǐng)會并活用到頁面布局里，效果就大不一樣了。比如，
○網(wǎng)頁的白色背景太虛，則可以加些色快；
○版面零散，可以用線條和符號串聯(lián)；
○左面文字過多，右面則可以插一張圖片保持平衡；
○表格太規(guī)矩，可以改用導(dǎo)角試試。
（經(jīng)過不斷的嘗試和推敲，你的網(wǎng)頁一定會亮麗起來的哦:）
看看我們經(jīng)常用到的版面布局形式：
1."T"結(jié)構(gòu)布局。所謂"T"結(jié)構(gòu)。就是指頁面頂部為橫條網(wǎng)站標(biāo)志+廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，因為菜單條背景教深，整體效果類似英文字母"T",所以我們稱之為"T"形布局。這是網(wǎng)頁設(shè)計中用的最廣返的一種布局方式。(圖略)這種布局的優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明。是初學(xué)者最容易上手的布局方法。缺點是規(guī)矩呆板，如果細(xì)節(jié)色彩上不注意，很容易讓人"看之無味"。
2."口"型布局。這是一個象形的說法，就是頁面一般上下各有一個廣告條，左面是主菜單，右面放友情連接等，中間是主要內(nèi)容。(圖略)這種布局的優(yōu)點是充分利用版面，信息量大(我的主頁首頁即屬于這種布局)。缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型設(shè)計，例如網(wǎng)易壁紙站。
3."三"型布局。這種布局多用于國外站點，國內(nèi)用的不多。特點是頁面上橫向兩條色塊，將頁面整體分割為四部分，色塊中大多放廣告條。
4.對稱對比布局。顧名思義，采取左右或者上下對稱的布局，一半深色，一半淺色，一般用于設(shè)計型站點。優(yōu)點是視覺沖擊力強，缺點是將兩部分有機的結(jié)合比較困難。
5.POP布局。POP引自廣告術(shù)語，就是指頁面布局象一張宣傳海報，以一張精美圖片作為頁面的設(shè)計中心。常用于時尚類站點，比如ELLE.com。優(yōu)點顯而易見：漂亮吸引人。缺點就是速度慢。作為版面布局還是值得借鑒的。
以上總結(jié)了目前網(wǎng)絡(luò)上常見的布局，其實還有許許多多別具一格的布局，關(guān)鍵在于你的創(chuàng)意和設(shè)計了。對于版面布局的技巧，這里提供四個建議，您可以自己推敲：
1.加強視覺效果
2.加強文案的可視度和可讀性
3.統(tǒng)一感的視覺
4.新鮮和個性是布局的最高境界
以上就是關(guān)于三字型布局網(wǎng)頁代碼相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀：
贛公網(wǎng)安備 50019002502384號
