DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> HTML網頁基本組成概述
HTML網頁基本組成概述
編輯:HTML5教程     

  網頁中的信息主要是以文本為主的。在網頁中可以通過字體、大小、顏色、底紋、邊框等來設置文本的屬性。這裡指的文字是文本文字,而並非圖片中的文字。在網頁制作中,文字都可以方便地設置成各種字體和大小,但是這裡還是建議用於正文的文字一般不要太大,也不要使用太多的字體,中文文字使用宋體、9磅或12像素左右即可。因為過大的字在顯示器中顯示時,線條不夠平滑。顏色也不要使用得太過斑駁,以免造成丑女濃妝艷抹的惡俗效果。大段文本文字的排列,建議參考一些優秀的雜志或報紙。

  今天看到的豐富多彩的網頁,都是因為有了圖像,可見圖像在網頁中的重要性。用於網頁上的圖片一般為JPG和GIF格式的,即以.jpg(或.jpeg)和.gif為後綴的文件。

  注意:雖然圖像在網頁中不可或缺,但也不能太多,因為圖像的下載速度較慢,如果網頁上插入了過多的圖像,則可能會很長時間打不開,這樣浏覽者一般就不會再繼續等下去了。而且網頁上如果放置了過多的圖片,會顯得很亂,有喧賓奪主之勢。

  超鏈接是網站的靈魂,從一個網頁指向另一個目的端的鏈接。例如指向另一個網頁或相同網頁上的不同位置。這個目的端通常是另一個網頁,但也可以是一幅圖片、一個電子郵件地址、一個文件、一個程序或者也可以是本頁中的其它位置。超鏈接可以是文本或者圖片。超鏈接廣泛地存在於網頁的圖片和文字中,提供與圖片和文字相關內容的鏈接,在超鏈接上單擊鼠標左鍵,即可鏈接到相應地址(url)的網頁。有鏈接的地方,鼠標指上時會變成小手形狀。可以說超鏈接正是Web的主要特色。

  表格是網頁排版的靈魂。使用表格排版是現在網頁的主要制作形式。通過表格可以精確地控制各網頁元素在網頁中的位置。表格並非指網頁中直觀意義的表格,范圍要更廣一些。它是html語言中的一種元素,表格主要用於網頁內容的排列,組織整個網頁的外觀,通過在表格中放置相應的圖片或其它內容,即可有效地組合成符合設計效果的頁面。有了表格的存在,網頁中的元素得以方便地固定在設計的位置上。一般表格的邊線不在網頁中顯示。

  表單是用來收集站點訪問者信息的域集。站點訪問者填寫表單的方式是輸入文本、單擊單選按鈕與復選框,以及從下拉菜單中選擇選項。在填寫好表單之後,站點訪問者便送出所輸入的數據,該數據就會根據所設置的表單處理程序,以各種不同的方式進行處理。

  動畫是網頁上最活躍的元素,通常制作優秀、創意出眾的動畫是吸引浏覽者的最有效的方法。不過現在的網頁往往不是缺乏動畫,而是太多動畫讓人眼花缭亂,無心細看。這就對動畫制作的要求越來越高。動畫制作的手段有很多,技術發展也很快。盡管各種形式的動畫使用形式不一,GIF動畫仍然是占據主體地位的網頁動畫之一。GIF動畫的標准簡單,在各種類、各版本的浏覽器中都能播放。

  Macromedia的Flash雖然出現時間不長,但已經成為最首要的Web動畫形式之一。Flash不僅比DHTML易學的多,而且有很多重要的動畫特征,如關鍵幀補間、運動路徑、動畫蒙版、形狀變形和洋蔥皮等。利用這個多才多藝的程序,不僅可以建立Flash電影,而且可以把動畫輸出為QuickTime文件、GIF89a文件或其它許多不同的文件格式(PICT、JPEG、PNG等)。

  框架是網頁的一種組織形式,將相互關聯的多個網頁的內容組織在一個浏覽器窗口中顯示。例如我們可以在一個框架內放置導航欄,另一個框架中的內容可以隨著單擊導航欄中的鏈接而改變,這樣我們只要制作一個導航欄的網頁即可,而不必將導航欄的內容復制到各欄目的網頁中去。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved