




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
第2章網(wǎng)頁版面設(shè)計(jì)
第1節(jié)網(wǎng)頁的結(jié)構(gòu)和色彩設(shè)計(jì)
第2節(jié)HTML基礎(chǔ)
第3節(jié)網(wǎng)頁的基本操作第1節(jié)網(wǎng)頁的結(jié)構(gòu)和色彩設(shè)計(jì)一、網(wǎng)站風(fēng)格1.網(wǎng)站風(fēng)格概述通過網(wǎng)站的外表、內(nèi)容、文字等就可以概括出一個(gè)站點(diǎn)的風(fēng)格,這些風(fēng)格或者是色彩,或者是技術(shù),或者是交互方式,能讓瀏覽者明確分辨出這是該網(wǎng)站獨(dú)有的。2.網(wǎng)站風(fēng)格的分類功能型展示型二、網(wǎng)頁結(jié)構(gòu)的類型1.“同”字型布局2.“國(guó)”字型布局3.T型布局4.“三”字型布局5.標(biāo)題文本型布局6.POP海報(bào)型布局7.框架型布局三、頁面色彩搭配1.顏色傳達(dá)的信息2.網(wǎng)頁色彩搭配要注意的問題(1)使用單色(2)使用鄰近色(3)使用對(duì)比色(4)黑色的使用(5)網(wǎng)頁配色注意事項(xiàng)1)同一個(gè)頁面色彩過于繁雜,會(huì)給人造成凌亂的印象。2)不要將所有顏色都用到,盡量控制在三種色彩以內(nèi)。3)背景和前文的對(duì)比盡量要大,以便突出頁面主要內(nèi)容,但是也盡量不要用花紋繁復(fù)的圖案和純度很高的色彩作背景。四、易買網(wǎng)商城首頁結(jié)構(gòu)設(shè)計(jì)1.繪制布局草圖2.設(shè)置首頁內(nèi)容3.在Dreamweaver中創(chuàng)建布局五、易買網(wǎng)商城頁面色彩搭配1.網(wǎng)頁的底色2.文字字型第2節(jié)HTML基礎(chǔ)1.HTML的概念超文本標(biāo)記語言,用于描述網(wǎng)頁(網(wǎng)頁文檔)的語言。每一個(gè)頁面的代碼保存為一個(gè)網(wǎng)頁源文件(“.html”文件)。HTML不是一種編程語言,而是一種標(biāo)記語言,包括一些定義頁面的文本、圖像、聲音和動(dòng)畫等內(nèi)容及其格式的符號(hào),這些符號(hào)稱為標(biāo)記。一、HTML的概念及作用2.HTML的作用二、標(biāo)記的概念及分類1.標(biāo)記的概念(1)HTML標(biāo)記是放在尖括號(hào)里的關(guān)鍵詞,如<html>。(2)大多數(shù)標(biāo)記都成對(duì)出現(xiàn),如<b>和</b>。(3)標(biāo)記對(duì)中的第一個(gè)標(biāo)簽是開始標(biāo)記(也叫開放標(biāo)記),第二個(gè)標(biāo)簽是結(jié)束標(biāo)記(也叫閉合標(biāo)記)。(4)結(jié)束標(biāo)記和開始標(biāo)記所用的字符相同,只是前面加一個(gè)斜杠,例如,<p>…</p>用于標(biāo)記一個(gè)自然段。(5)標(biāo)記可以具有相應(yīng)的屬性,如size、color、width等。2.標(biāo)記的分類(1)用來指定網(wǎng)頁上的元素及其格式。(2)用來指向其他的資源。三、HTML及標(biāo)記在網(wǎng)頁中的應(yīng)用1.HTML在網(wǎng)頁文檔結(jié)構(gòu)中的應(yīng)用
HTML可以用來指明一個(gè)網(wǎng)頁文檔的基本結(jié)構(gòu)。頁面HTML文檔通常由版本信息、文檔頭(head)、文檔主體(body)三部分組成。(1)<!DOCTYPE……>是版本信息說明(2)<html>…</html>是文件標(biāo)記(3)<head>…</head>是頭部標(biāo)記(4)<BODY>…</BODY>是主體標(biāo)記2.內(nèi)容及其格式標(biāo)記的簡(jiǎn)單應(yīng)用(1)格式標(biāo)記<p>…</p>用來創(chuàng)建一個(gè)段落,在此標(biāo)記之間的文本將按照段落的格式顯示。<br>是一個(gè)很簡(jiǎn)單的換行標(biāo)記,它沒有結(jié)束標(biāo)記,用來創(chuàng)建一個(gè)換行。<dl></dl><dt></dt><dd></dd>是普通列表標(biāo)記,<dt></dt>和<dd></dd>都必須放在<dl></dl>標(biāo)記之間。<dl></dl>用來創(chuàng)建一個(gè)列表;<dt></dt>用來創(chuàng)建列表中的上層項(xiàng)目;<dd></dd>用來創(chuàng)建列表中最下層項(xiàng)目。(2)添加文本并設(shè)置格式1)<h1></h1>……<h6></h6>(六級(jí)標(biāo)題標(biāo)記)2)<b></b><i></i><u></u><em></em><strong></strong>(字體標(biāo)記)3)<font></font>(字體的大小顏色標(biāo)記)(3)超鏈接標(biāo)記<ahref="地址">…</a>(4)圖像標(biāo)記和多媒體標(biāo)記圖像標(biāo)記<imgsrc="圖像文件名">將音樂或影像嵌入網(wǎng)頁,可以用<EMBED>標(biāo)記(5)表單標(biāo)記及其應(yīng)用<form></form>標(biāo)記用來創(chuàng)建一個(gè)表單<form>標(biāo)記具有action、method和target屬性。第3節(jié)網(wǎng)頁的基本操作網(wǎng)頁的基本組成部分包括文本、圖像、多媒體和超鏈接。制作網(wǎng)頁時(shí)首先注意主題要鮮明,其次內(nèi)容要豐富,才能不斷吸引訪問者。文字是必不可少的元素,網(wǎng)站思想、內(nèi)容的表達(dá)都需要文字加以傳遞。同時(shí),適當(dāng)?shù)嘏浜弦恍﹫D像、Flash動(dòng)畫、其他媒體對(duì)象等能夠提高網(wǎng)頁的觀賞性。頁面上的元素應(yīng)用超鏈接就構(gòu)成了一個(gè)有機(jī)整體,實(shí)現(xiàn)互聯(lián)互通,這樣能夠讓瀏覽者在不同頁面間進(jìn)行跳轉(zhuǎn),找到所需的內(nèi)容。一、網(wǎng)頁中添加文本1.添加普通文本(1)直接輸入文本(2)復(fù)制粘貼文本(3)從其他文件導(dǎo)入2.添加空格在需要輸入的地方單擊鼠標(biāo)左鍵,將輸入法切換到半角狀態(tài),單擊空格鍵即可輸入一個(gè)空格。如果需要輸入多個(gè)連續(xù)的空格可以通過以下幾種方法來實(shí)現(xiàn):(1)菜單“插入記錄”/“HTML”/“特殊字符”/“不換行空格”。(2)直接按“Ctrl+Shift+Space”快捷鍵。(3)設(shè)置軟件首選參數(shù)“允許連續(xù)空格”。3.插入水平線4.插入特殊字符(1)通過菜單插入。先將光標(biāo)放置到需要插入特殊字符的位置,在“HTML”/“特殊字符”的級(jí)聯(lián)菜單中選擇需要插入的特殊字符。(2)通過“文本”插入工具欄插入。先在DreamweaverCS5的“插入”工具欄中選擇“文本”,顯示“文本”插入工具欄,然后選擇需要插
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 文庫發(fā)布:客艙安全
- 敬老院消防課件
- 醫(yī)療事故案例分析(1112月)
- 教學(xué)課件制作學(xué)習(xí)
- 冰雪課程教學(xué)課件
- 教育技術(shù)課件開發(fā)方法
- 教育局人工智能培訓(xùn)課件
- 題型03 控制變量法探究實(shí)驗(yàn)-備戰(zhàn)2020年中考化學(xué)實(shí)驗(yàn)題型特訓(xùn)(原卷版)
- 新疆選品會(huì)活動(dòng)方案
- 【綿陽】2025年四川綿陽招聘派駐綿陽經(jīng)開區(qū)機(jī)關(guān)工作人員24人筆試歷年典型考題及考點(diǎn)剖析附帶答案詳解
- 基礎(chǔ)護(hù)理技能實(shí)訓(xùn) 課件 模塊一項(xiàng)目四任務(wù)三血壓的測(cè)量
- 貴州省2024年12月普通高中學(xué)業(yè)水平合格性考試數(shù)學(xué)試卷(含答案)
- 北京市西城區(qū)2022-2023學(xué)年三年級(jí)上學(xué)期英語期末試卷(含聽力音頻)
- 海洋機(jī)器人與人工智能知到智慧樹章節(jié)測(cè)試課后答案2024年秋哈爾濱工程大學(xué)
- 2024-2025學(xué)年人教新目標(biāo)英語八年級(jí)下冊(cè)期末綜合檢測(cè)卷(含答案)
- 涼糕擺攤技術(shù)培訓(xùn)課件
- 幕墻清洗安全培訓(xùn)
- 制造業(yè)雙重預(yù)防機(jī)制實(shí)施方案
- 大學(xué)生村官考試公共基礎(chǔ)知識(shí)考點(diǎn)
- 雨污分流及路面修復(fù)工程施工組織設(shè)計(jì)方案
- 大班航天科技課程設(shè)計(jì)
評(píng)論
0/150
提交評(píng)論