傳統的網頁結構及佈局方法
此處介紹的是傳統的網頁結構組成部分,以及基本的佈局方法。
網頁組成部分
(01)從上而下,傳統的經典網頁可以分爲基本的頁頭、主體、頁尾三個部分,各個部分又可以細分。
(02)網頁的頁頭稱爲header。標誌logo、登陸條loginbar、頁面橫幅廣告banner、選單欄nav(navigation bar)等內容都可以放在頁頭。
(03)網頁的主體是網頁的內容部分,稱爲content。一般的,可以把content分爲兩到三個豎列,包括側欄sidebar、欄目column等。
(04)網頁的頁尾稱爲footer,用來放置版權申明、使用協議等,也可放一些導航連結。
網頁佈局:使用表格或層(div)佈局網頁
(01)傳統的網頁佈局方法主要有表格佈局和層(div)佈局方法。兩者都是按照網頁結構框架把網頁的內容組織安排起來。
(02)使用表格佈局需要知道表格的標籤和屬性等知識。表格由<table>標籤來定義。每個表格均有若干行(由<tr>標籤定義),每行被分割爲若干單元格(由<td>標籤定義)。<table>標籤的主要屬性包括height、width、cellpadding(規定單元邊沿與其內容之間的空白,單元格邊距)、cellspacing(規定單元格之間的空白,單元格間距)、border(規定表格邊框的寬度)、align(規定表格相對周圍元素的對齊方式)。<table>標籤的屬性可以參考W3C的HTML參考手冊中HTML <table> 標籤部分內容。<td>標籤的主要屬性包括height、width、align(規定單元格內容的水平對齊方式)、valign(規定單元格內容的垂直排列方式)、background等。<td>標籤的屬性可以參考W3C的HTML參考手冊中HTML <td>標籤部分內容。
(03)使用層(DIV)佈局網頁需要掌握基本的DIV知識,DIV又與CSS密不可分,通常又稱爲DIV+CSS佈局。熟練掌握Div和CSS的佈局方法需要對盒子模型有足夠的瞭解。一個盒子由4個獨立部分組成:最外邊的是邊界(margin);第二部分是邊框(border),邊框可以有不同的樣式;第三部分是填充(padding),填充用來定義內容區域與邊框(border)之間的空白;第四部分是內容區域。使用DIV+CSS佈局的基本理念是:將頁面用Div分塊;設計各塊的位置。使用CSS來定義樣式。一般使用<div id="id選擇符">的方式。注:熟悉CSS、DIV命名規則,例如樣式檔案命名主要的:佈局版面:專欄:文字:打印樣式:主題:
-
光盤刻錄大師免費版圖文使用教程
光盤刻錄大師是涵蓋了數據刻錄、光盤備份與複製功能的軟件,其用戶使用評價好錯參半,見仁見智吧。現在網上也流行使用光盤刻錄軟件大師免費版,今天就把光盤刻錄軟件大師免費版的圖文使用教程教給大家:操作方法(01)開啟刻錄軟件後,從右上角開始,我們可以看到有“添加視...
-
怎麼取消電腦自動鎖屏
不喜歡電腦自動鎖屏,但也不知道怎麼設定,沒關係,一起和我來了解一下吧。操作方法(01)我們先開啟“控制面板”,可以在“開始選單”或者是直接在桌面上開啟,大家就自己選擇吧。(02)開啟之後,我們選擇“系統和安全”。(03)再在“電源選項”下,選擇“更改計算機睡眠時間”。(04)最...
-
電腦屏幕旋轉快速鍵 。電腦屏幕旋轉了怎麼辦
很多用戶有時會不小心觸發一些系統中的快速鍵導致電腦屏幕方向被更改又不知道怎麼恢復,這就來教一下怎麼旋轉屏幕。方法一(01)電腦屏幕旋轉快速鍵旋轉至正常位置:CTRL+ALT+方向鍵上。旋轉90度:CTRL+ALT+方向鍵左。旋轉180度:CTRL+ALT+方向鍵下。旋轉270度:CTRL+ALT+方...
-
打印機驅動沒問題但就是無法打印問題的解決
有時我們使用打印機打印檔案時,發現好像一切都沒有問題,但就是按下打印鍵後打印機卻一直沒有反應。本篇就來介紹其中一種情況的解決方法。操作方法(01)在電腦的開始選單中找到“控制面板”點開。(02)在控制面板中有一項是“檢視設備和打印機”,單擊開啟。如圖。(03)在設...