本節書摘來自異步社群《dreamweaver cs6完美網頁制作——基礎、執行個體與技巧從入門到精通》一書中的第1章，第1.2節，作者：何新起 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
不同性質的網站，構成網頁的基本元素是不同的。網頁中除了使用文本和圖像外，還可以使用豐富多彩的多媒體和flash動畫等。
1.2.1 網站logo
網站logo也稱為網站标志，網站标志是一個站點的象征，也是一個站點是否專業的标志之一。網站的标志應展現該網站的特色、内容以及其内在的文化内涵和理念。成功的網站标志有着獨特的形象辨別，在網站的推廣和宣傳中将起到事半功倍的效果。網站标志一般放在網站的左上角，通路者一眼就能看到它。網站标志通常有3種尺寸：88×31、120×60和120×9像素。圖1.4所示為某個網站logo。
标志的設計創意來自網站的名稱和内容，大緻分以下3個方面。
網站有代表性的人物、動物、花草，可以用它們作為設計的藍本，加以卡通化和藝術化。
網站有專業性的，可以用本專業有代表的物品作為标志，如中國銀行的銅闆标志、奔馳汽車的方向盤标志。
最常用和最簡單的方式是用自己網站的英文名稱作為标志。采用不同的字型、字元的變形、字元的組合可以很容易制作好自己的标志。
1.2.2 網站banner
網站banner是橫幅廣告，是網際網路廣告中最基本的廣告形式。banner可以位于網頁頂部、中部或底部任意位置，一般為橫向貫穿整個或者大半個頁面的廣告條。常見的尺寸是480×60像素或233×30像素，使用gif格式的圖像檔案，也可以使用靜态圖形，還可以使用動畫圖像。除普通gif格式外，采用flash能賦予banner更強的表現力和互動内容。
網站banner首先要美觀，這個小的區域要設計得非常漂亮，讓人看上去很舒服，即使不是他們所要看的東西，或者是一些他們可看可不看的東西，他們就會很有興趣的去看看，單擊就是順理成章的事情了。其次還要與整個網頁協調，同時又要突出、醒目，用色要同頁面的主色相搭配，如主色是淺黃，廣告條的用色就可以用一些淺的其他顔色，切忌用一些對比色。圖1.5所示為設計的網站banner。
**
1.2.3 導航欄**
導航欄是網頁的重要組成元素，它的任務是幫助浏覽者在站點内快速查找資訊。好的導航系統應該能引導浏覽者浏覽網頁而不迷失方向。導航欄的形式多樣，可以是簡單的文字連結，也可以是設計精美的圖檔或是豐富多彩的按鈕，還可以是下拉菜單導航。
一般來說，網站中的導航位置在各個頁面中出現的位置是比較固定的，而且風格也較為一緻。導航的位置一般有4種：在頁面的左側、右側、頂部和底部。有時候在同一個頁面中運用了多種導航。當然，并不是導航在頁面中出現的次數越多越好，而是要合理地運用，達到頁面總體的協調一緻。圖1.6所示為網站的左側導航欄。
1.2.4 文本
網頁内容是網站的靈魂，網頁中的資訊也以文本為主。無論制作網頁的目的是什麼，文本都是網頁中最基本的、必不可少的元素。與圖像相比，文字雖然不如圖像那樣易于吸引浏覽者的注意，但卻能準确地表達資訊的内容和含義。
一個内容充實的網站必然會使用大量的文本。良好的文本格式可以建立出别具特色的網頁，激發讀者的興趣。為了克服文字固有的缺點，人們賦予了文本更多的屬性，如字型、字号和顔色等，通過不同格式的差別，突出顯示重要的内容。此外，還可以在網頁中設定各種各樣的文字清單，來明确表達一系列的項目。這些功能給網頁中的文本增加了新的生命力，圖1.7所示為網頁右側的公司簡介部分，其中運用了大量文本。
1.2.5 圖像**
圖像在網頁中具有提供資訊、展示形象、裝飾網頁、表達個人情趣和風格的作用。圖像是文本的說明和解釋，在網頁适當位置放置一些圖像，不僅可以使文本清晰易讀，而且使得網頁更加有吸引力。現在幾乎所有的網站都使用圖像來增加網頁的吸引力，有了圖像，網站才能吸引更多的浏覽者。可以在網頁中使用gif、jpeg和png等多種圖像格式，其中使用最廣泛的是gif和jpeg兩種格式。如圖1.8所示，在網頁中插入圖檔生動形象地展示了景點資訊。
1.2.6 flash動畫
flash動畫具有簡單易學、靈活多變的特點，是以受到很多網頁制作人員的喜愛，它可以生成亮麗奪目的圖形界面，而檔案的體積一般隻有5～50kb。随着actionscript動态腳本程式設計語言的逐漸發展，flash已經不再僅局限于制作簡單的互動動畫程式，通過複雜的動态腳本程式設計可以制作出各種各樣有趣、精彩的flash動畫。由于flash動畫具有很強的視覺沖擊力和聽覺沖擊力，是以一些公司的網站往往會采用flash制作相關的頁面，借助flash的精彩效果吸引客戶的注意力，進而達到比以往靜态頁面更好的宣傳效果，圖1.9所示為flash動畫制作的頁面。