04HTML5學習之網頁設計

2021-10-01 12:26:49 字數 759 閱讀 7049

下面列出三種常見的**組織型別:

**組織的示意圖又叫站點地圖。建立站點地圖是開發**的初始步驟之一。

隨機結構沒有提供清晰的**遍歷路徑。通常沒有明確的首頁,也沒有明顯的結構。

四條視效設計原則:重複、對比、鄰近、對齊。

重複出現的細節使作品更為緊湊。無論是顏色、形狀、字型或影象,重複有助於設計的統一。

運用對比原則,可以強調頁面元素之間的差異,讓作品看起來更有趣、對訪客的吸引力更大。網頁的背景顏色和文字顏色應該有良好的對比度。

當設計者採用鄰近原則時,相關的專案在物理上被放置在一起。無關的專案之間保持足夠的分隔空間。

對齊有助於提公升網頁凝聚力,組織頁面時將每個元素與頁面上的其他元素對齊(垂直或水平)。

四項原則:可感知、可操作、可理解、穩健的,可簡寫為pour。

網頁的最佳寬度是960px。常見字型:arial、verdana、georgia,或times new roman等。

建一張字型大小設定的原型頁,以便測試不同瀏覽器與顯示器設定下的表現。

線框(wireframe)是網頁設計的草圖或藍圖,展示了頁首、導航、內容區域和頁尾等基本頁面元素的結構。

固定布局

固定布局技術有時也被稱為固體或「結冰」(ice)設計。在此設計中,頁面內容的寬度是固定的。

流式布局

流式(fluid)布局技術,有時也稱為「流體」布局,主要使用百分比來設定各個部分的寬,從而生成了能「流動」的頁面,通常佔據100%的瀏覽器視窗。不管瀏覽器大小如何變化,網頁內容都會自動「流動」以填滿整個瀏覽器視窗。

網頁設計之HTML實戰 1 認識HTML

html 是用來描述網頁的一種語言。全稱為超文字標記語言,是英文 hyper text markup language 的縮寫,不是程式設計的語言,是一種網頁格式的表示方法或稱為一種標記語言。它由若干標記標籤組成。例如,為了表示想顯示乙個標題,就用h1標籤表示乙個標題,顯示時用粗體顯示。h1 標記標...

網頁設計 html布局學習1

一 重置css樣式表 第一種方式 現在眾多的設計師發現,這行 雖然簡單,但卻讓網頁解析太慢,呵呵,當然了,自己是業餘的,不用太在意。於是出現了幾種css重置方法 第二種方式 nettuts上的 jeffrey way寫了篇文章weekend quick tip create your own res...

網頁設計學習 HTML簡介(一)

網頁,是採用html來進行編寫的。html,它的全稱叫超文字標記語言 hypertextmarkuplanguage 通俗點說,就是用來編寫網頁的語言。它目前最新的版本是html,簡稱h5。特點如下 1 可以直接用記事本 gedit等文字軟體進行編寫,但檔名通常要求以.html結尾。2 它的語法全部...