1、網頁設計中,屬於常用布局的塊狀結構是什麼
塊級元素按照其應用於結構還是內容分為三種:結構化塊狀元素,終端塊狀元素,多目標塊狀元素。
一.結構化塊狀元素
這類元素用於構造文檔的結構,一個好的文檔結構對於搜索引擎和應用其他技術(如JavaScript)都是十分有利的。它們沒有語義上的含義,僅僅劃分出了文檔的組織方式,並沒有體現文檔的內容。
主要的結構化塊狀元素
* <ol>
* <ul>
* <dl>
* <table>
支持結構化的元素
* <li>
* <dt>
* <dd>
* <caption>
* <thead>
* <tbody>
* <tfoot>
* <colgroup>
* <col>
二.終端塊狀元素
這類元素用於從結構轉向內容,它們擁有語義上的含義,能夠表明內容的性質。終端塊狀元素屬於結構的終點,它們不能再包含其他塊級元素,只能包含文本或行級元素。
終端塊狀元素
* <h1>...<h6>
* <p>
* <blockquote>
* <dt>
* <address>
* <caption>
三.多目標塊狀元素
所謂多目標指的是可以自由的擴展或嵌套文檔的結構,以可以終端的形式出現。當多目標塊狀元素以結構化的方式使用時就含有結構化的內涵,以終端的形式使用就含有語義的內涵。
多目標塊狀元素既可以包含塊狀元素,也可以包含內容(文本與行級元素的組合為內容),但不能同時包含兩者。應該把內容放在塊狀元素中。塊狀元素不應作為行級元素與文本的兄弟元素,受HTML校驗器的限制,目前還沒辦法檢驗出此種情況,但是應該避免。
多目標塊狀元素
* <div>
* <li>
* <dd>
* <td>
* <form>
* <noscript>
在談論CSS布局時,我們需要提前知道一些東西。對於html各種標簽/元素,可以從塊的層面做一個分類:要麼是block(塊元素),要麼是inline(內聯元素):
block元素的特點:
* 總是另起一行開始;
* 高度,行高以及頂、底邊距都可控制;
* 寬度預設是它所在容器的100%,除非設定一個寬度。
inline元素的特點:
* 和其它元素都在一行上;
* 高度,行高以及頂、底邊距不可改變;
* 寬度就是它所容納的文字或圖片的寬度,不可改變。
下面對它們的性質及應用做進一步說明:
◎塊元素(block element) 通常作為其它元素的容器,它可以容納內聯元素和其它塊元素。
我們知道默認情況下,塊元素會順序以每次另起一行的方式往下排,而通過CSS控制其樣式,我們可以改變這種默認布局模式,把塊元素擺放到你想要的位置上 去。需要指出的是,table標簽也是塊元素的一種,基於table表格和基於CSS+DIV的布局,在使用者看來除了頁面載入速度的差別(table在 所有內容元素載入完成後才顯示),沒有其它的差別。但是從頁面的源代碼來看,這種差異就非常大了。基於良好結構理念設計的CSS布局源碼,至少能讓沒有 web開發經驗的用戶很容易找到連續的頁面內容。從這個角度來說,CSS layout code應該有更好的美學體驗。
我們可以把模塊化的DIV想像成一個個box,然後把它們按自己的意願排列組成完整的內容,網頁布局設計就是遵循了同樣的模式。
塊元素(block element) HTML標簽分類明細
* address - 地址
* blockquote - 塊引用
* center - 舉中對齊塊
* dir - 目錄列表
* div - 常用塊級容易,也是css layout的主要標簽
* dl - 定義列表
* fieldset - form控制組
* form - 交互表單 (只能用來容納其它塊元素)
* h1 - 大標題
* h2 - 副標題
* h3 - 3級標題
* h4 - 4級標題
* h5 - 5級標題
* h6 - 6級標題
* hr - 水平分隔線
* isindex - input prompt
* menu - 菜單列表
* noframes - frames可選內容,(對於不支持frame的瀏覽器顯示此區塊內容
* noscript - 可選腳本內容(對於不支持script的瀏覽器顯示此內容)
* ol - 排序表單
* p - 段落
* pre - 格式化文本
* table - 表格
* ul - 非排序列表
◎內聯元素(inline element) 一般都是基於語義級(semantic)的基本元素,只能容納文本或者其它內聯元素。
為了比較明確的表現出 block 與 inline 的區別,我們可以利用它們各自的代表元素div和span的演示進行說明:
XXXXXXXXX
This's a DIV layout
XXXXXXXXX
div另起一行,它的形狀不受內部文字的影響
XXXXXXXThis's a span layoutXXXXXXX 所有元素在一行,span剛好包容文字
內聯元素(inline element) HTML標簽分類明細
* a - 錨點
* abbr - 縮寫
* acronym - 首字
* b - 粗體(不推薦)
* bdo - bidi override
* big - 大字體
* br - 換行
* cite - 引用
* code - 計算機代碼(在引用源碼的時候需要)
* dfn - 定義欄位
* em - 強調
* font - 字體設定(不推薦)
* i - 斜體
* img - 圖片
* input - 輸入框
* kbd - 定義鍵盤文本
* label - 表格標簽
* q - 短引用
* s - 中劃線(不推薦)
* samp - 定義範例計算機代碼
* select - 項目選擇
* small - 小字體文本
* span - 常用內聯容器,定義文本內區塊
* strike - 中劃線
* strong - 粗體強調
* sub - 下標
* sup - 上標
* textarea - 多行文本輸入框
* tt - 電傳文本
* u - 下劃線
* var - 定義變數
◎可變元素 是基於以上兩者隨環境而變化的,它的基本概念就是根據上下文關系確定該元素是塊元素還是內聯元素。一旦確定了它的類別,它就遵循塊元素或者內聯元素的規則限制。
可變元素 HTML標簽分類明細
* applet - java applet
* button - 按鈕
* del - 刪除文本
* iframe - inline frame
* ins - 插入的文本
* map - 圖片區塊(map)
* object - object對象
* script - 客戶端腳本
但是通過CSS,我們可以擺脫上面表格里HTML標簽歸類的限制,自由地在不同標簽/元素上 應用我們需要的屬性。例如,我們可以對塊元素[ ul ]標簽加上 display:inline 屬性,讓原本垂直的列表水平顯示,這在我們設置Blog導航條時得到了廣泛應用;我們也完全可以把內聯元素[ cite ]加上 display:block 這樣的屬性,讓它也有每次都從新行開始的屬性。
2、製作網頁時最常見的html基本組成元素有哪些
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>歡迎光臨</title>
<script type="text/javascript">
</script>
</head>
<body>
</body>
</html>
基本的元素,head 頭,title 網站的標題,script ,網站js的操作,body 軀干,想一些平常的控制項什麼提交表單form input ,textarea,都是寫在body裡面,如果需要處理一些邏輯性的操作,就寫在 script 裡面。
3、網頁設計中元素和標簽有什麼區別
標簽(tag)指示元素的起始與結束。
所有標簽都具有相同的格式:以小於號「<」開頭,以大於號「>」結尾。
一般說來,有兩種標簽——首標簽(start tag)(如<html>)和尾標簽(end tag)(如</html>)。它們唯一的區別在於,尾標簽多一條斜杠「/。你通過把內容放在首標簽和尾標簽之間來對內容進行標記。
HTML主要就是各種各樣的元素,所以,學習HTML,就是學習使用各種元素。
可以舉些例子么?
沒問題。比如,b元素的作用是,告訴瀏覽器介於標簽<b>和</b>之間的文本應以粗體顯示。(這里的「b」是「粗體(bold)」的意思。)
4、網頁設計的構成要素有哪些
?
5、網頁製作最基本的應包括哪些內容,即一個網頁有哪些基本元素構成
一個網頁有框架、文本、圖片、超鏈接、表格、表單、動畫、視頻、其他.
如果我回答的好,就選我為滿意答案吧!
另外宣傳一下知道團隊:大漢帝國。
歡迎各路神仙加入!
6、網頁設計要素
一、設計必須符合媒介特性
二、網頁應是瀏覽為主,在用戶獲取信息的方式上,網頁有別於紙質媒介,網頁是以瀏覽為主,而紙質媒介是以閱讀為主.
三、網頁設計不應打破慣例,網頁是一個要求即看即用的特殊「產品」,也就是一看我們就要知道如何使用,那如何才能達到即看即用呢?使用慣例就是最好的武器,這也是提高所有產品易用性的重要法寶。慣例就是我們已經習慣了的東西,我們一看就知道它的意思,就知道怎麼去操作,因為慣例是我們日常生活中積累起來的,已經存入大腦的固有知識。
深圳大腕互聯已自主研發有響站平台完美解決建站問題,更多詳細資訊請到大腕互聯官網查詢.
7、構成網頁的基本要素是什麼
構成網頁的常見要素主要有文本、圖片、超級鏈接、動畫、音樂、表單等
文本
網頁中的信息是以文本為主的,這也是用戶在瀏覽網頁獲取信息的主要途徑之一。
圖片
網頁中使用格式主要包括GIF、JPEG兩種格式,在您的網頁中加上圖片可以使您的網頁更加形象生動。
超級鏈接
超級鏈接技術是WWW流行起來的最主要的原因。它是從一個網頁指向另一個目的端的鏈接。
動畫
網頁中的動畫主要有兩種:GIF動畫和Flash動畫。其中GIF動畫只能有256種顏色,主要用於簡單動畫和圖標。
聲音和視頻
用於網路的聲音文件的常用格式有MIDI、WAV、MP3。很多瀏覽器不要插件也可以支持MIDI、WAV格式的文件,而MP3和RM格式的聲音文件則需要專門的瀏覽器播放。
導航欄
導航欄的作用就是引導瀏覽者游歷站點。
表格
在網頁中表格用來控制網頁中信息的布局方式,現在大多數網頁整體框架布局都是採用表格來製作的。所以,表格的作用是相當大的,要學習製作網頁,首先學會如何製作表格。
表單
表單通常用來接受用戶在瀏覽器端的輸入,然後將這些信息發送到網頁設計者設置的目標端。
其他常見要素
網頁中除了以上幾種最基本的元素之外,還有一些其他的常用元素,包括懸停按鈕、Java特效、ActiveX等各種特效。
8、網頁設計的幾個要素是什麼?
(一)圖片要素
圖片並不適合於所有的網頁,而是和網頁的主要內容有關,有些網站,來訪者並不在意網頁是否可以做出精美的圖片,他們所關心的只是網站中的內容,如果加入大量的圖片,來訪者反而覺得過多的圖片會影響訪問的速度;而像游戲網站、風景名勝網站和影視介紹網站,則需要大量精美的圖片作為依託。在這類網站中,圖片是一個極其重要的要素,如果這類網站少了做工精美的圖片,那麼整個網站都會顯得黯然失色。要做出精美漂亮的圖片,就需要設計者熟練掌握圖形圖像設計軟體,還要有一定的美術基礎和創意技巧。
(二)排列方法要素
網頁的排列方法也叫做網頁布局,這是網頁設計中尤為重要的一環。網頁作為一種版面,既有文字又有圖片,文字有大有小,有標題和正文之分,圖片有橫豎之別。我們要用完美的格式將文字和圖片同時展現給來訪者,而不能將其簡單地羅列在一起,給人一種雜亂無章之感。關於網頁布局,常見的有「國」字型、標題正文型、拐角型、左右框架型、上下框架型、綜合框架型等多種方式,我們要根據網頁的內容來進行選擇。如網頁內容豐富繁雜,就需要考慮用「國」字型或拐角型,而如果網頁內容比較少則可以選擇標題正文型。關於網頁布局,我們要靈活多變地來進行設計,這樣才能不斷提高和豐富我們的網頁。
(三)主色調要素
主色調要素也就是色彩要素,色彩在網頁中佔有很大的比重。我們在進行網頁主頁設計時,利用合理清新的色彩可以彌補主頁上的其他不足。當然,在網頁頁面的色彩搭配選擇上與網站的主題是分不開的,一個網站在色彩的選擇上不能太多也不能太少,這樣既可以避免瀏覽者因色彩過多而迷失方向,也不至於色彩單調而乏味。
9、網站網頁的設計元素包含哪些
1、一個行動呼籲。行動呼籲是一個用圖像或文本提示瀏覽者採取行動的方式。你想讓人們採取什麼行動將取決於你的商業目標。行動呼籲可以放置在你的網站中的任何頁面上,也可以放在登陸頁面。它也可以是你的網站或頁面的標題。
2、讓用戶分享推薦你的網站。當人們瀏覽到你的主頁時,你會希望他們相信你。客戶推薦是一個與你的客戶建立信任的最好方式。快樂的客戶推薦你的服務是你最有效的方法來提高你的信譽。任何關於網站建設、網站優化、logo設計、品牌設計、印刷等產品服務的疑問,歡迎咨詢才藝多。
3、服務列表(導航)。這是任何網頁的最重要的部分。重要的是你的潛在客戶知道你在提供什麼,他們可以從你的服務中獲取利益。您的服務列表應放置在主頁的頂部。提供一個簡短的總結。可以使用一個下拉菜單,以便您的訪問者可以檢查他們所需要的所有信息。
4、關於我們/聯系我們。
你的主頁的另一個重要組成部分是你的「關於我們」頁面。它不僅告訴訪客你是誰,你的願景是什麼,它也是你建立你的商業身份的地方。運用你的創造力,讓你的「關於我們」頁面更加獨特。讓它成為用戶和網站直接交談的地方。如果你想收到來自你的訪客的反饋,也包括「聯系我們」頁面。通過告訴你的訪客他們的意見和反饋是多麼重要,讓客戶輕松地反饋問題,並確保一個精確的回復時間。
5、一個標志。有一個標志是非常重要的。沒有一個好的標志,建立一個成功的品牌是根本不可能的。一個引人注目的標志在廣告和促銷活動中對於驅動客戶行動是非常重要的。
6、使用條款。對於一個在線業務網站,使用條款和條件是必須具備的。它們可以是在法律上有約束力的一個電子合同。使用條款為客戶提供特定的條款,他們必須遵守,以使用你的服務。大多數的網站和網頁,包括「使用條款」頁面。有使用頁面的條款確保:你的網站/網頁使用的是適當的監管、你的知識產權是法律保護的、遵守隱私法等。