HTML CSS DIV網(wǎng)頁設(shè)計(jì)與布局（第3版）（微課版） 課件 第1章 認(rèn)識(shí)網(wǎng)站開發(fā)_第1頁
HTML CSS DIV網(wǎng)頁設(shè)計(jì)與布局（第3版）（微課版） 課件 第1章 認(rèn)識(shí)網(wǎng)站開發(fā)_第2頁
HTML CSS DIV網(wǎng)頁設(shè)計(jì)與布局（第3版）（微課版） 課件 第1章 認(rèn)識(shí)網(wǎng)站開發(fā)_第3頁
HTML CSS DIV網(wǎng)頁設(shè)計(jì)與布局（第3版）（微課版） 課件 第1章 認(rèn)識(shí)網(wǎng)站開發(fā)_第4頁
HTML CSS DIV網(wǎng)頁設(shè)計(jì)與布局（第3版）（微課版） 課件 第1章 認(rèn)識(shí)網(wǎng)站開發(fā)_第5頁
已閱讀5頁，還剩19頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第1章

認(rèn)識(shí)網(wǎng)站開發(fā)1.1網(wǎng)站開發(fā)概述

1.2HTML簡(jiǎn)介

1.3一個(gè)簡(jiǎn)單的HTML實(shí)例

1.4HTML基本標(biāo)簽

1.5HTML頁面的元信息

1.6小結(jié)

1.1網(wǎng)站開發(fā)概述1.1.1網(wǎng)頁構(gòu)成元素

1.1.2網(wǎng)站建設(shè)流程

1.1.3網(wǎng)站開發(fā)軟件

1.1.1網(wǎng)頁構(gòu)成元素1．文本2．圖像圖像格式包括JPG、GIF和PNG等。網(wǎng)頁常用的圖像主要包括如下幾類。LogoBanner廣告圖標(biāo)背景圖3．超鏈接4．表格5．表單6．導(dǎo)航欄7．其他元素1.1.2網(wǎng)站建設(shè)流程1．網(wǎng)站需求分析2．網(wǎng)站整體規(guī)劃3．收集資料與素材4．制作網(wǎng)頁5．域名和服務(wù)器空間的申請(qǐng)6．測(cè)試與發(fā)布網(wǎng)站7．后期維護(hù)與更新1.1.3網(wǎng)站開發(fā)軟件1.2HTML簡(jiǎn)介1.2.1HTML基本概念

1.2.2HTML基本結(jié)構(gòu)1.2.1HTML基本概念1.2.2HTML基本結(jié)構(gòu)HTML文件包括文件頭和文件體兩部分。一般情況下，HTML文件的基本結(jié)構(gòu)如下。1

<html>

2

<head>

3 頭部信息

4

</head>

5

<body>

6 文件主體，正文部分7

</body>

8

</html>

1.3一個(gè)簡(jiǎn)單的HTML實(shí)例1.3.1編寫HTML代碼

1.3.2運(yùn)行HTML文件查看效果

1.3.1編寫HTML代碼下面使用記事本編寫第一個(gè)HTML文件，具體的步驟如下。（1）打開記事本（2）在文本文檔中直接輸入如下內(nèi)容。1

<!DOCTYPEhtml>2

<html>3

<head>4

<title>一個(gè)簡(jiǎn)單的HTML實(shí)例</title>5

</head>6

<body>7

<h2align="center">第一個(gè)HTML文件</h2>8

<hrwidth="70%">9

<p>下面跟我進(jìn)入HTML的領(lǐng)域</p>10

<p>來領(lǐng)略這個(gè)奇妙而多彩的世界??！</p>11

</body>12

</html>（3）保存（4）設(shè)置文本文檔的名稱為1.1.html1.3.2運(yùn)行HTML文件查看效果1.4HTML基本標(biāo)簽1.4.1文件類型指令標(biāo)簽

1.4.2文件類型標(biāo)簽

1.4.3HTML頭標(biāo)簽

1.4.4頁面標(biāo)題標(biāo)簽

1.4.5HTML主體標(biāo)簽1.4.1文件類型指令標(biāo)簽（1）在HTML5中，說明文件類型<!DOCTYPEhtml>（2）在HTML4.0中，說明文件類型<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/

TR/html4/loose.dtd">1.4.2文件類型標(biāo)簽文件類型標(biāo)簽<html><html></html>1.4.3HTML頭標(biāo)簽HTML的頭部通常包含表1.1所示的部分或全部標(biāo)簽。標(biāo)簽或?qū)傩怨δ?lt;base>用于設(shè)置當(dāng)前文件的URL基準(zhǔn)，被稱為基底網(wǎng)址<basefont>用于設(shè)置基準(zhǔn)文字的樣式，包括文字的字體、字號(hào)、顏色等<title>用于設(shè)置頁面的標(biāo)題（顯示在瀏覽器的標(biāo)題欄中）。該標(biāo)簽屬于HTML的基本標(biāo)簽，開發(fā)人員一般情況下都會(huì)設(shè)置該標(biāo)簽的內(nèi)容，以幫助瀏覽者了解頁面的主題<isindex>用于說明該文件可檢索的網(wǎng)關(guān)腳本，由服務(wù)器自動(dòng)建立<meta>文件的元信息標(biāo)簽，用于設(shè)置文件本身的一些信息，如設(shè)置關(guān)鍵字、頁面的作者等<style>用于設(shè)置CSS樣式表的內(nèi)容<link>用于設(shè)置該文件相關(guān)的外部文件的鏈接<script>用于設(shè)置頁面腳本程序的內(nèi)容、語言等1.4.4頁面標(biāo)題標(biāo)簽頁面標(biāo)題標(biāo)簽<title><title>標(biāo)題內(nèi)容</title>下面通過代碼（見1.2.html）來展示頁面標(biāo)題的效果。1

<!DOCTYPEhtml>2

<html>3

<head>4

<title>HTML基本標(biāo)簽</title>5

</head>6

<body>7

</body>8

</html>1.4.5HTML主體標(biāo)簽HTML主體標(biāo)簽<body>1.5

HTML頁面的元信息1.5.1頁面的關(guān)鍵字

1.5.2頁面的對(duì)外說明

1.5.3網(wǎng)頁的作者信息

1.5.4網(wǎng)頁的開發(fā)語言

1.5.4頁面的定時(shí)跳轉(zhuǎn)1.5.1頁面的關(guān)鍵字HTML頁面的元信息標(biāo)簽<meta>keywords<metaname="keywords"content="關(guān)鍵字"/>1.5.2頁面的對(duì)外說明description<metaname="description"content="對(duì)頁面的描述"/>1.5.3網(wǎng)頁的作者信息author<metaname="author"content="作者名稱"/>1.5.4網(wǎng)頁的開發(fā)語言content-type<metahttp-equiv="content-type"content="text/html;charset=utf-8"/>1.5.5頁面的定時(shí)跳轉(zhuǎn)refresh<meta

http-equiv="refresh"content="5"/>另一種編寫格式<meta

http-equiv="refresh"content="30;URL="/>1.6小結(jié)本章主要介紹了網(wǎng)站開發(fā)以及HTML的基本概念，讓讀者對(duì)網(wǎng)站開發(fā)有總體的了解；然后通過

溫馨提示

  • 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ì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論