第一天-建站基礎(chǔ)篇-總結(jié)

網(wǎng)絡(luò)營(yíng)銷(xiāo)培訓(xùn)中心第一天建站基礎(chǔ)相關(guān)概念本章課程目標(biāo)學(xué)完本章課程后，你能夠：1、了解網(wǎng)站是做什么的，網(wǎng)站的構(gòu)成是那些？2、域名、虛擬空間、程序，以及備案。3、網(wǎng)站程序下載和上傳（DedeCMS）。4、了解營(yíng)銷(xiāo)型網(wǎng)站的建站思路。5、主機(jī)屋注冊(cè)及虛擬空間開(kāi)通。6、HTML相關(guān)標(biāo)簽及屬性一、什么是互聯(lián)網(wǎng)？

中文名稱(chēng)：互聯(lián)網(wǎng)

英文名稱(chēng)：internet

定

義：由多個(gè)計(jì)算機(jī)網(wǎng)絡(luò)相互連接而成，而不論采用何種協(xié)議與技術(shù)的網(wǎng)絡(luò)。

互聯(lián)網(wǎng)始于1969年的美國(guó)，又稱(chēng)因特網(wǎng)。是美軍在ARPA（阿帕網(wǎng)，美國(guó)國(guó)防部研究計(jì)劃署）制定的協(xié)定下將美國(guó)西南部的大學(xué)UCLA(加利福尼亞大學(xué)洛杉磯分校)、StanfordResearchInstitute(斯坦福大學(xué)研究學(xué)院)、UCSB(加利福尼亞大學(xué))和UniversityofUtah(猶他州大學(xué))的四臺(tái)主要的計(jì)算機(jī)連接起來(lái)。這個(gè)協(xié)定由劍橋大學(xué)的BBN和MA執(zhí)行，在1969年12月開(kāi)始聯(lián)機(jī)?；ヂ?lián)網(wǎng)的起源與發(fā)展1969，美國(guó)軍方網(wǎng)絡(luò)“ARPANET”（阿帕網(wǎng)）1971，電子郵件誕生，ARPANET進(jìn)入大學(xué)1986，美國(guó)國(guó)家自然科學(xué)基金會(huì)成立網(wǎng)絡(luò)NSFNET1989,ARPANET解散，同時(shí)，NSFNET對(duì)公眾開(kāi)放1992，WWW及瀏覽器誕生，互聯(lián)網(wǎng)商業(yè)化1995年，NSFNET正式宣布停止運(yùn)行，商業(yè)化完成1994，中國(guó)正式加入互聯(lián)網(wǎng)2000，互聯(lián)網(wǎng)熱潮席卷全球（政、企、百姓上網(wǎng)）2003至今，互聯(lián)網(wǎng)進(jìn)入工作生活各個(gè)領(lǐng)域中國(guó)互聯(lián)網(wǎng)的發(fā)展1987-1995----萌芽階段(300bps)中國(guó)第一份電子郵件發(fā)出（87.9.14~20）1995-1997----起步階段中國(guó)電信向社會(huì)提供互聯(lián)網(wǎng)接入服務(wù)1998-2000----快速發(fā)展階段網(wǎng)絡(luò)概念熱潮掀起，三大門(mén)戶(hù)美國(guó)上市2000.4.13sina；6.30NETS;7.12SOHU2001-2003----泡沫休整階段三大門(mén)戶(hù)股價(jià)大跌、眾多網(wǎng)絡(luò)公司倒閉；2004-至今----回歸理性發(fā)展階段三大門(mén)戶(hù)全面盈利，中國(guó)互聯(lián)網(wǎng)商業(yè)化時(shí)代到來(lái)；二、什么是域名？如何申請(qǐng)域名？什么是域名？

域名（DomainName），是由一串用點(diǎn)分隔的名字組成的Internet上某一臺(tái)計(jì)算機(jī)或計(jì)算機(jī)組的名稱(chēng)，用于在數(shù)據(jù)傳輸時(shí)標(biāo)識(shí)計(jì)算機(jī)的電子方位（有時(shí)也指地理位置），一個(gè)域名，它定義的行政自主權(quán)，權(quán)力或控制互聯(lián)網(wǎng)的境界。域名是一個(gè)IP地址上的“面具”。一個(gè)域名的目的是便于記憶和溝通的一組服務(wù)器的地址（網(wǎng)站，電子郵件，F(xiàn)TP等）。

域名作為力所能及難忘的互聯(lián)網(wǎng)參與者的名稱(chēng)，如電腦，網(wǎng)絡(luò)和服務(wù)。世界上第一個(gè)注冊(cè)的域名是在1985年1月注冊(cè)的。域名是唯一的，是企業(yè)商標(biāo)保護(hù)必備的產(chǎn)品

域名保護(hù)：趕驢網(wǎng)事件

域名（domainname）是Internet網(wǎng)絡(luò)上的一個(gè)服務(wù)器或一個(gè)網(wǎng)絡(luò)系統(tǒng)的名字，在全世界，沒(méi)有重復(fù)的域名，域名具有唯一性。

從技術(shù)上講，域名只是一個(gè)Internet中用于解決地址對(duì)應(yīng)問(wèn)題的方法，是與網(wǎng)絡(luò)上的數(shù)字型IP地址相對(duì)應(yīng)的字符型地址。

從商業(yè)性講，域名被譽(yù)為“企業(yè)的網(wǎng)上商標(biāo)”，是企業(yè)商標(biāo)保護(hù)必備的產(chǎn)品之一。域名由什么組成？

一個(gè)完整的域名由域名主體和域名后綴兩部分組成，主體是用戶(hù)為網(wǎng)站所起的名字，后綴是根據(jù)網(wǎng)站類(lèi)型而選擇的。以新浪域名sina.com為例，sina是域名主體，.com則是域名的后綴。

我們平時(shí)所說(shuō)的域名即是指域名的后綴，注冊(cè)域名則是指用戶(hù)購(gòu)買(mǎi)自定義的域名主體加上相應(yīng)的后綴的總和。域名有幾種類(lèi)別？

1、按語(yǔ)種劃分，域名主要分英文域名和中文域名；2、按域名所在的域劃分，分為頂級(jí)域名、二級(jí)域名；3、按管理機(jī)構(gòu)劃分，分國(guó)際域名和國(guó)內(nèi)域名，國(guó)際域名是以.com、.net、.org等根域?yàn)楹缶Y的域名；國(guó)內(nèi)域名是在它的后面再加上國(guó)家代碼，如以.cn為后綴的中國(guó)代碼；美國(guó)的后綴是.us;日本的后綴是.jp等;4、按照后綴的形式劃分，有代表企業(yè)的.co，代表政府的.gov，代表個(gè)人的.me，代表手機(jī)的.mobil等。注冊(cè)域名時(shí)需要注意什么？怎樣選擇域名？域名要簡(jiǎn)單、易記，邏輯性強(qiáng)與企業(yè)商標(biāo)、產(chǎn)品名稱(chēng)吻合；根據(jù)網(wǎng)站的性質(zhì)、用途選擇同一個(gè)域名注不同的后綴可用來(lái)確保公司品牌的唯一性，同時(shí)也可以是互聯(lián)網(wǎng)用戶(hù)更易找到域名購(gòu)買(mǎi)兩年以上降低域名丟失的風(fēng)險(xiǎn)，避免未來(lái)價(jià)格上漲帶來(lái)的經(jīng)濟(jì)損失，多年購(gòu)買(mǎi)享受更多去哪注冊(cè)域名？如何選擇注冊(cè)商?

注冊(cè)服務(wù)商、代理商等注冊(cè)域名的渠道很多，都能夠?yàn)橛脩?hù)提供域名注冊(cè)服務(wù)，但根據(jù)注冊(cè)商的大小、資質(zhì)不同，提供的服務(wù)也有很大差異，價(jià)格也不盡相同。（萬(wàn)網(wǎng)、新網(wǎng)、35互聯(lián)）

有些用戶(hù)圖一時(shí)的便宜，選擇了沒(méi)有資質(zhì)的服務(wù)商，導(dǎo)致后期斷解析的狀況頻頻出現(xiàn)；有的因代理商管理混亂，經(jīng)常造成域名丟失；還有的因代理商企業(yè)倒閉，需要重新轉(zhuǎn)入到其他注冊(cè)商，問(wèn)題繁多，苦不堪言；所以選擇一個(gè)好的注冊(cè)商非常的重要，它是一個(gè)網(wǎng)站穩(wěn)定發(fā)展的前提。（互易中國(guó)、美橙互聯(lián)、網(wǎng)聯(lián)中國(guó)等）域名注冊(cè)流程域名投資

域名投資是一種信息化發(fā)展趨勢(shì)下的電子商務(wù)終端投資行為。域名投資人則是具備豐富綜合知識(shí)能力的投資群體。域名投資涉及到全球范圍，不同國(guó)家，不同市場(chǎng)，不同行業(yè)，以及不同的目標(biāo)群體。這是一個(gè)學(xué)科式的投資模式，是一種以狙擊為目的的商業(yè)運(yùn)作。

域名投資是指注冊(cè)和購(gòu)買(mǎi)有價(jià)值的域名投資域名，然后轉(zhuǎn)讓獲利的行為。投資者一般被成為“玉米蟲(chóng)”。例如：京東商城和3.cn(據(jù)說(shuō)分別價(jià)值500萬(wàn)左右，2013.3.30晚更換為)阿里巴巴阿里云支付寶/(已保護(hù))藍(lán)橋計(jì)劃（身邊案例）

域名要素域名價(jià)值評(píng)估三要素：域名的結(jié)構(gòu)、單詞的影響力、市場(chǎng)性。關(guān)于后綴

在美國(guó)，“.com”的域名被認(rèn)為是最好的，而相同的“.net”域名的價(jià)值只有“.com”域名價(jià)值的20%-25%，“.org”則只有10%。目前“.cn”也是10%左右。域名長(zhǎng)度

一般地講，越短的域名越有價(jià)值。超過(guò)15個(gè)字符的域名不太可取。

連字符（-）會(huì)削弱域名的易輸入性，降低域名的價(jià)值。影響力

【例如，（京東）或者（新東方）】

1、容易被理解的域名，其價(jià)值就高。

2、和業(yè)務(wù)的關(guān)聯(lián)性

3、發(fā)音清晰

4、單詞的語(yǔ)調(diào)也能影響域名的價(jià)值。

5、給人印象和容易記憶什么是虛擬主機(jī)？

虛擬主機(jī)是在網(wǎng)絡(luò)服務(wù)器上劃分出一定的磁盤(pán)空間供用戶(hù)放置站點(diǎn)、應(yīng)用組件等，提供必要的站點(diǎn)功能、數(shù)據(jù)存放和傳輸功能。所謂虛擬主機(jī)，也叫“網(wǎng)站空間”，就是把一臺(tái)運(yùn)行在互聯(lián)網(wǎng)上的服務(wù)器劃分成多個(gè)“虛擬”的服務(wù)器，每一個(gè)虛擬主機(jī)都具有獨(dú)立的域名和完整的Internet服務(wù)器（支持WWW、FTP、E-mail等）功能。虛擬主機(jī)的優(yōu)劣是什么？?jī)?yōu)勢(shì)：

低成本是虛擬主機(jī)最大的優(yōu)點(diǎn)，它無(wú)需一次性投入大額的固定成本，簡(jiǎn)單的操作環(huán)境也省去了專(zhuān)業(yè)技術(shù)人員的投入，適合個(gè)人網(wǎng)站和中小型網(wǎng)站使用。劣勢(shì)：

多用戶(hù)共享同一主機(jī)，資源無(wú)法保障。網(wǎng)站成熟后，主機(jī)硬件配置不便于擴(kuò)展。域名解析域名解析是把域名指向網(wǎng)站空間IP，讓人們通過(guò)注冊(cè)的域名可以方便地訪(fǎng)問(wèn)到網(wǎng)站一種服務(wù)。域名解析也叫域名指向、服務(wù)器設(shè)置、域名配置以及反向IP登記等等。常用類(lèi)型解析1、A記錄解析記錄類(lèi)型選擇“A”；記錄值填寫(xiě)空間商提供的主機(jī)IP地址；MX優(yōu)先級(jí)不需要設(shè)置；TTL設(shè)置默認(rèn)的3600即可。【(TimeToLive)生存時(shí)間】

2、CNAME記錄解析CNAME類(lèi)型解析設(shè)置的方法和A記錄類(lèi)型基本是一樣的，其中將記錄類(lèi)型修改為“CNAME”，并且記錄值填寫(xiě)服務(wù)器主機(jī)地址即可。

3、MX記錄解析MX記錄解析是做郵箱解析使用的。記錄類(lèi)型選擇MX，線(xiàn)路類(lèi)型選擇通用或者同時(shí)添加三條線(xiàn)路類(lèi)型為電信、網(wǎng)通、教育網(wǎng)的記錄；記錄值填寫(xiě)郵局商提供的服務(wù)器IP地址或別名地址；TTL設(shè)置默認(rèn)的3600即可，MX優(yōu)先級(jí)填寫(xiě)郵局提供商要求的數(shù)據(jù)，或是默認(rèn)10，有多條MX記錄的時(shí)候，優(yōu)先級(jí)要設(shè)置不一樣的數(shù)據(jù)域名解析圖網(wǎng)站備案

網(wǎng)站備案是指向主管機(jī)關(guān)報(bào)告事由存案以備查考。行政法角度看備案，實(shí)踐中主要是《立法法》和《法規(guī)規(guī)章備案條例》的規(guī)定。網(wǎng)站備案的目的就是為了防止在網(wǎng)上從事非法的網(wǎng)站經(jīng)營(yíng)活動(dòng)，打擊不良互聯(lián)網(wǎng)信息的傳播，如果網(wǎng)站不備案的話(huà)，很有可能被查處以后關(guān)停。網(wǎng)站備案?jìng)浒阜绞剑?/p>

公安局備案一般按照各地公安機(jī)關(guān)指定的地點(diǎn)和方式進(jìn)行ICP備案可以自主通過(guò)官方備案網(wǎng)站在線(xiàn)備案或者通過(guò)當(dāng)?shù)仉娦挪块T(mén)兩種方式來(lái)進(jìn)行備案。網(wǎng)站備案的目的：

就是為了防止在網(wǎng)上從事非法的網(wǎng)站經(jīng)營(yíng)活動(dòng)，打擊不良互聯(lián)網(wǎng)信息的傳播，如果網(wǎng)站不備案的話(huà)，很有可能被查處以后關(guān)停。非經(jīng)營(yíng)性網(wǎng)站自主備案是不收任何手續(xù)費(fèi)的，所以建議大家可以自行到備案官方網(wǎng)站去備案。企業(yè)備案、個(gè)人備案企業(yè)備案：企業(yè)網(wǎng)備案所需資料：（5份）

1份（營(yíng)業(yè)執(zhí)照）副本彩色掃描件或復(fù)印件；1份法人（網(wǎng)站所有人）身份證掃描件；1份網(wǎng)站負(fù)責(zé)人的身份證彩色掃描件或復(fù)印件；1張負(fù)責(zé)人的半身彩色照片（.jpg格式）；主辦單位所在地的詳細(xì)聯(lián)系方式。個(gè)人備案：1份網(wǎng)站負(fù)責(zé)人的身份證彩色掃描件或復(fù)印件。網(wǎng)站備案拍照片的要求1、相片內(nèi)容為拍照人和背景，不允許有別的內(nèi)容；2、拍照人所站位置為背景布的中間，身體遮住部分字體；3、拍攝上半身，一般腰部以上即可；4、相機(jī)整體顯示內(nèi)容為最下面一行的字和背景上的公司名稱(chēng)（注意：字體顯示要清楚）；5、拍攝的照片要有時(shí)間顯示的，時(shí)間顯示的位置在右下角；6、拍攝的具體要根據(jù)客戶(hù)的身高來(lái)定。安裝備案電子標(biāo)識(shí)和快速備案(六)安裝備案電子標(biāo)識(shí)

網(wǎng)站所有者應(yīng)于15日內(nèi)將備案電子標(biāo)識(shí)安裝在網(wǎng)站首頁(yè)的右下方，并將其鏈接到北京市工商行政管理局“經(jīng)營(yíng)性網(wǎng)站備案信息”數(shù)據(jù)庫(kù)，以供公眾查詢(xún)。如：(七)警惕：個(gè)別快速備案的貓膩

每當(dāng)非常時(shí)期，就會(huì)出現(xiàn)許多可以快速備案的，這其中有很多快速備案的貓膩，一段時(shí)間以后，當(dāng)你發(fā)現(xiàn)備案有問(wèn)題時(shí)，這些人你已經(jīng)找不見(jiàn)了，像這樣的快速備案，在此提醒大家，在選擇別人代理備案時(shí)，一定要提高警惕。網(wǎng)站備案流程一、ICP信息報(bào)備流程圖：網(wǎng)站建設(shè)流程第一：申請(qǐng)域名（給網(wǎng)站申請(qǐng)一個(gè)域名）第二：申請(qǐng)空間（也就是我們所說(shuō)的網(wǎng)站空間）第三：網(wǎng)站的開(kāi)發(fā)與設(shè)計(jì)（策劃，美工，程序）第四：網(wǎng)站本地測(cè)試（進(jìn)行網(wǎng)站產(chǎn)品發(fā)布）第五：網(wǎng)站程序上傳（用FTP上傳程序）第六：網(wǎng)站備案（國(guó)家工信部ICP備案）網(wǎng)站上傳網(wǎng)站上傳工具有那些？FileZillaFLASHFXP

LEAPFTP

CUTEFTP這常用的FTP軟件。LeapFTP與FlashFXP、CuteFTP堪稱(chēng)FTP三劍客。網(wǎng)站的上傳和下載：請(qǐng)老師給同學(xué)們演示如何用FileZilla將網(wǎng)站源程序上傳到遠(yuǎn)程服務(wù)器上。

FileZilla的使用方法請(qǐng)查看附件。

（請(qǐng)打開(kāi)附件資料發(fā)給同學(xué)們學(xué)習(xí)一下）FileZilla上傳工具界面三、織夢(mèng)系統(tǒng)的下載與程序上傳1首先我們?nèi)タ棄?mèng)官網(wǎng)網(wǎng)站（）下載源文件。分為兩個(gè)版本：GBK版本和UTF-8版本通過(guò)FTP上傳工具將下載下來(lái)的源程序上傳的我們注冊(cè)好的空間上；四、網(wǎng)站的概述

什么是網(wǎng)站？網(wǎng)站能做什么？簡(jiǎn)單的講，網(wǎng)站是由多個(gè)網(wǎng)頁(yè)組成，但不是網(wǎng)頁(yè)的簡(jiǎn)單羅列組合，而是用超鏈接方式組成的既有鮮明風(fēng)格又有完善內(nèi)容的有機(jī)整體。網(wǎng)站的用途很多，具體用途是根據(jù)網(wǎng)站的性質(zhì)而定，網(wǎng)站的主要用途可以理解為一個(gè)長(zhǎng)期的不間斷的在線(xiàn)營(yíng)銷(xiāo)專(zhuān)員，為客戶(hù)提供一些全面的產(chǎn)品資訊和企業(yè)相關(guān)信息介紹以及在線(xiàn)完成各種服務(wù)。

專(zhuān)用術(shù)語(yǔ)簡(jiǎn)介中文名稱(chēng)：網(wǎng)站英文名稱(chēng)：website定義：因特網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方，由域名(也就是網(wǎng)站地址)和網(wǎng)站空間構(gòu)成，通常包括主頁(yè)和其他具有超鏈接文件的頁(yè)面。網(wǎng)站的類(lèi)型分布圖企業(yè)網(wǎng)站電子商務(wù)類(lèi)網(wǎng)站門(mén)戶(hù)類(lèi)網(wǎng)站娛樂(lè)類(lèi)網(wǎng)站資訊門(mén)戶(hù)類(lèi)網(wǎng)站分類(lèi)信息網(wǎng)站網(wǎng)站開(kāi)發(fā)流程網(wǎng)站策劃

策劃內(nèi)容（四大塊）網(wǎng)站類(lèi)型內(nèi)容設(shè)置盈利模式網(wǎng)站推廣

主要參與人員市場(chǎng)人員網(wǎng)站運(yùn)營(yíng)人員網(wǎng)站營(yíng)銷(xiāo)人員

結(jié)果完成網(wǎng)站策劃方案網(wǎng)站開(kāi)發(fā)的模塊流程網(wǎng)站建設(shè)流程圖傳統(tǒng)型網(wǎng)站不能賺錢(qián)的原因網(wǎng)站營(yíng)銷(xiāo)網(wǎng)站制作設(shè)計(jì)流程營(yíng)銷(xiāo)型網(wǎng)站的七大特征營(yíng)銷(xiāo)型網(wǎng)站七大特征網(wǎng)站結(jié)構(gòu)清晰視覺(jué)沖擊力強(qiáng)傳播力強(qiáng)商品展示用戶(hù)公信力強(qiáng)健全的客戶(hù)服務(wù)體系安全穩(wěn)定的網(wǎng)站后臺(tái)營(yíng)銷(xiāo)網(wǎng)站重點(diǎn)關(guān)注問(wèn)題

用戶(hù)體驗(yàn)訪(fǎng)問(wèn)速度網(wǎng)站結(jié)構(gòu)網(wǎng)站內(nèi)容網(wǎng)站設(shè)計(jì)購(gòu)物流程網(wǎng)站信譽(yù)聯(lián)系方式SEO優(yōu)化標(biāo)題優(yōu)化內(nèi)容優(yōu)化關(guān)鍵詞優(yōu)化外鏈優(yōu)化核心優(yōu)勢(shì)

營(yíng)銷(xiāo)功能

網(wǎng)站客服

客戶(hù)熱線(xiàn)

企業(yè)郵箱

廣告促銷(xiāo)

電子地圖

靈活操作

管理后臺(tái)

內(nèi)容發(fā)布系統(tǒng)

產(chǎn)品管理系統(tǒng)

在線(xiàn)調(diào)查六、什么是HTML?

HTML是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。

HTML指的是超文本標(biāo)記語(yǔ)言(HyperTextMarkupLanguage)

HTML語(yǔ)言是一種標(biāo)記語(yǔ)言，不需要編譯，直接有瀏覽器執(zhí)行。

HTML文件是一個(gè)文本文件，包含了一些HTML元素，標(biāo)簽等。HTML元素必須使用.html或.htm為文件名后綴。

HTML是大小寫(xiě)不敏感的，HTML和html是一樣的。

HTML的標(biāo)準(zhǔn)是有W3C統(tǒng)一來(lái)制定的?；ヂ?lián)網(wǎng)教父

蒂姆·伯納斯·李（TimBerners-Lee）爵士（1955年出生于英國(guó)）是萬(wàn)維網(wǎng)的發(fā)明者，互聯(lián)網(wǎng)之父。1989年3月他正式提出萬(wàn)維網(wǎng)的設(shè)想，1990年12月25日，他在日內(nèi)瓦的歐洲粒子物理實(shí)驗(yàn)室里開(kāi)發(fā)出了世界上第一個(gè)網(wǎng)頁(yè)瀏覽器。他是關(guān)注萬(wàn)維網(wǎng)發(fā)展的萬(wàn)維網(wǎng)聯(lián)盟的創(chuàng)始人。1989年12月，蒂姆為他的發(fā)明正式定名為WorldWideWeb，即我們熟悉的WWW；1991年5月WWW在Internet上首次露面。HTML文檔=網(wǎng)頁(yè)

HTML文檔描述網(wǎng)頁(yè)

HTML文檔包含HTML標(biāo)簽和純文本

HTML文檔也被稱(chēng)為網(wǎng)頁(yè)

Web瀏覽器的作用是讀取HTML文檔，并以網(wǎng)頁(yè)的形式顯示出它們。瀏覽器不會(huì)顯示HTML標(biāo)簽，而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容：

瀏覽器：“解釋和執(zhí)行”HTML源碼的工具.HTML告知瀏覽器如何顯示網(wǎng)頁(yè)HTML文檔的結(jié)構(gòu)<html><head><title>我的第一個(gè)網(wǎng)頁(yè)</title></head><body>HelloWorld!</body></html>HTML網(wǎng)頁(yè)<head>頭部部分<body>主體部分<html>…</html>標(biāo)簽標(biāo)記HTML文檔的開(kāi)始和結(jié)束網(wǎng)頁(yè)標(biāo)題網(wǎng)頁(yè)內(nèi)容，可以是文本、圖像等這部分包括標(biāo)題和其他說(shuō)明信息，包括在<head>…</head>

標(biāo)簽內(nèi)這部分包含文本、圖像和鏈接，它包括在<body>…</body>

標(biāo)簽內(nèi)HTML文檔的基本結(jié)構(gòu)記事本Notepad++UltraEditHTML的編輯工具操作演示1：在記事本里創(chuàng)建網(wǎng)頁(yè)HTML語(yǔ)法--最基本的1-1、HTML標(biāo)簽1-2、HTML屬性1-3、HTML元素1-4、HTML文檔1-5、HTML注釋1-1、HTML標(biāo)簽HTML標(biāo)簽是HTML語(yǔ)言中最基本的單位，HTML標(biāo)簽是HTML語(yǔ)言最重要的組成部分

通常要用兩個(gè)括號(hào)括起來(lái)：<>

都是閉合的（閉合就是標(biāo)簽的最后要有一個(gè)/,來(lái)標(biāo)示結(jié)束。但不一定是成對(duì)出現(xiàn)的。比如：<body>和</body>一對(duì)標(biāo)簽。（<body>是開(kāi)始標(biāo)簽、</body>是結(jié)束標(biāo)簽；在開(kāi)始和結(jié)束標(biāo)簽中可以有內(nèi)容）。<br/>,這個(gè)標(biāo)簽是獨(dú)立的。）

標(biāo)簽是大小寫(xiě)無(wú)關(guān)的，<body>和<BODY>表示的意思是一樣的，但推薦寫(xiě)小寫(xiě)。HTML的標(biāo)簽（兩種形式，成對(duì)和不成對(duì)的）<標(biāo)簽名>內(nèi)容</標(biāo)簽名><標(biāo)簽名/><table></table>表格開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽<br/>單獨(dú)出現(xiàn)的換行標(biāo)簽1-2、HTML屬性HTML屬性一般都是出現(xiàn)在HTML標(biāo)簽中，HTML屬性是HTML標(biāo)簽的一部分。

標(biāo)簽可以有屬性，它包含了額外的信息，屬性的值一定要在雙引號(hào)中。

標(biāo)簽可以擁有多個(gè)屬性。

屬性由屬性名和值成對(duì)出現(xiàn)。HTML屬性語(yǔ)法<標(biāo)簽名屬性名1="屬性值"

屬性名2="屬性值"....屬性名N="屬性值"></標(biāo)簽名><ahref="/">注：標(biāo)簽<a>是超鏈接標(biāo)簽，使用href屬性，可以定義鏈接的位置（url）代碼<tablesummary="htmltable"

border="0">注：標(biāo)簽<table>是表格標(biāo)簽，使用border屬性，定義沒(méi)有邊框的表格，使用summary屬性定義表格的簡(jiǎn)短描述。1-3、HTML元素HTML元素是構(gòu)成網(wǎng)頁(yè)的一種單位，是由HTML標(biāo)簽和HTML屬性組成的。HTML元素也是網(wǎng)頁(yè)中的一種基本單位。示例：<ahref="">思百授官網(wǎng)</a>這是一個(gè)HTML鏈接元素<p>我們現(xiàn)在學(xué)習(xí)的是HTML元素，更多的信息可以去<ahref="">思百授官網(wǎng)</a>查找！</p>注：這是一個(gè)HTML段落元素，它包含了一個(gè)HTML標(biāo)簽元素。1-4、HTML文檔

HTML文檔就是HTML頁(yè)面，也是網(wǎng)頁(yè)，是由HTML元素組成的。

互聯(lián)網(wǎng)所有內(nèi)容是由一個(gè)個(gè)HTML文檔組成的。用一個(gè)例子來(lái)理解HTML語(yǔ)法HTML語(yǔ)法非常簡(jiǎn)單，組成HTML語(yǔ)法的元素只有HTML標(biāo)簽和HTML屬性。如：HTML文檔（頁(yè)面）[國(guó)家]-->HTML元素[家庭]-->HTML標(biāo)簽[重要成員、男人和女人]-->HTML屬性[其他成員，比如孩子]1-5、HTML注釋HTML注釋?zhuān)覀兘?jīng)常要在寫(xiě)一些代碼旁做一些HTML注釋?zhuān)@樣做的好處很多。比如：方便查找，方便比對(duì)，方便項(xiàng)目組里的其他程序了解你的代碼，而且可以方便以后你對(duì)自己代碼的理解和修改等等。HTML注釋的開(kāi)始使用<!--，結(jié)束使用-->HTML注釋語(yǔ)法<!--注釋的內(nèi)容-->示例<!--點(diǎn)擊進(jìn)入思百授官網(wǎng)的鏈接--><ahref="">思百授官網(wǎng)</a><!--鏈接結(jié)束-->基本的HTML標(biāo)簽

HTML標(biāo)記標(biāo)簽通常被稱(chēng)為HTML標(biāo)簽(HTMLtag)。

HTML文檔和HTML元素是通過(guò)HTML標(biāo)簽進(jìn)行標(biāo)記的。

HTML標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如<html>

HTML標(biāo)簽通常是成對(duì)出現(xiàn)的，比如<b>和</b>

標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽

開(kāi)始和結(jié)束標(biāo)簽也被稱(chēng)為開(kāi)放標(biāo)簽和閉合標(biāo)簽

某些HTML元素沒(méi)有結(jié)束標(biāo)簽，比如<br/>網(wǎng)頁(yè)的摘要信息2-1網(wǎng)頁(yè)摘要信息利于瀏覽器解析和搜索引擎搜索：使用<title>標(biāo)簽<head>

<title>搜狐-中國(guó)最大的門(mén)戶(hù)網(wǎng)站</title></head><head>

<metaname="keywords"content="SEO,seo培訓(xùn),北京SEO培訓(xùn),思百授"/><metaname="description"content="思百授網(wǎng)絡(luò)營(yíng)銷(xiāo)人才基地是北京最大的網(wǎng)絡(luò)營(yíng)銷(xiāo)人才培養(yǎng)機(jī)構(gòu)。向企業(yè)輸送高端人才上千名……"/></head><head>

<metahttp-equiv="Content-Type"content="text/html;

charset=gb2312"/></head>網(wǎng)頁(yè)的摘要信息2-1使用<meta>標(biāo)簽（1）描述文檔類(lèi)型和字符編碼（2）描述搜索關(guān)鍵字和描述提供搜索關(guān)鍵字和內(nèi)容描述信息，方便搜索引擎的搜索HTML頁(yè)面中的塊和行HTML標(biāo)簽分類(lèi)（方便后續(xù)的布局設(shè)計(jì)）：塊級(jí)標(biāo)簽：顯示為“塊”狀，前后隔一行

行級(jí)標(biāo)簽：按行逐一顯示分類(lèi)好處：方便后續(xù)的布局設(shè)計(jì)

塊級(jí)元素與行內(nèi)元素的區(qū)別

塊級(jí)元素和行內(nèi)元素是布局最基本的兩種元素，常見(jiàn)的塊級(jí)元素有div、p、form、ul、ol、li等，常用的行內(nèi)元素有span、strong、em等。

塊級(jí)元素會(huì)獨(dú)占一行，默認(rèn)情況下，其寬度自動(dòng)填滿(mǎn)其父元素寬度，行內(nèi)元素不會(huì)獨(dú)占一行，相鄰的行內(nèi)元素會(huì)排列在同一行里，直到一行排不下，才會(huì)換行，其寬度隨元素的內(nèi)容而變化。

塊級(jí)元素可以設(shè)置width、height屬性。行內(nèi)元素設(shè)置width、height屬性無(wú)效。

注意，塊級(jí)元素即使設(shè)置了寬度，仍然是獨(dú)占一行的。塊級(jí)標(biāo)簽根據(jù)使用場(chǎng)合，塊級(jí)標(biāo)簽又細(xì)分為：基本塊級(jí)標(biāo)簽常用于布局的塊級(jí)標(biāo)簽<address>定義地址<li>標(biāo)簽定義列表項(xiàng)目<caption>定義表格標(biāo)題<ol>定義有序列表<dd>定義列表中定義條目<ul>定義無(wú)序列表<div>定義文檔中的分區(qū)或節(jié)<p>標(biāo)簽定義段落<dl>定義列表<pre>定義預(yù)格式化的文本<dt>定義列表中的項(xiàng)目<table>標(biāo)簽定義HTML表格<fieldset>定義一個(gè)框架集<tbody>標(biāo)簽表格主體（正文）<form>創(chuàng)建HTML表單<td>表格中的標(biāo)準(zhǔn)單元格<h1>...<h6>定義標(biāo)題大小<th>定義表頭單元格<hr>創(chuàng)建一條水平線(xiàn)<tr>定義表格中的行

標(biāo)題標(biāo)簽

……<body>

<h1>一級(jí)標(biāo)題</h1><h2>二級(jí)標(biāo)題</h2><h3>三級(jí)標(biāo)題</h3><h4>四級(jí)標(biāo)題</h4><h5>五級(jí)標(biāo)題</h5>

<h6>六級(jí)標(biāo)題</h6></body>……基本塊級(jí)標(biāo)簽3-1h1最大h6最小前后隔行操作演示2：標(biāo)題標(biāo)簽<h1>標(biāo)題</h1>……<h6>標(biāo)題</h6>

段落標(biāo)簽

……<body><h1>北京歡迎你</h1>

<p>北京歡迎你，有夢(mèng)想誰(shuí)都了不起！</p><p>有勇氣就會(huì)有奇跡。</p></body>……基本塊級(jí)標(biāo)簽3-2前后換行，類(lèi)似教材中的段落操作演示3：段落標(biāo)簽<p>……</p>

水平線(xiàn)標(biāo)簽

……<body><h1>北京歡迎你</h1><hr/><p>北京歡迎你，有夢(mèng)想誰(shuí)都了不起！/p><p>有勇氣就會(huì)有奇跡。</p></body>……基本塊級(jí)標(biāo)簽3-3橫線(xiàn)用于內(nèi)容分割單個(gè)標(biāo)簽的閉合形式操作演示4：水平線(xiàn)標(biāo)簽<hr/>練習(xí)——基本塊級(jí)標(biāo)簽需求說(shuō)明：顯示唐詩(shī)介紹（UltraEdit環(huán)境）

完成時(shí)間：20分鐘分析應(yīng)使用哪些標(biāo)簽？

有序列表標(biāo)簽

……<body><h3>注冊(cè)步驟：</h3><ol><li>填寫(xiě)信息</li><li>收電子郵件</li><li>注冊(cè)成功</li></ol></body>……常用于布局的塊級(jí)標(biāo)簽7-1有序列表操作演示5：有序列表標(biāo)簽<ol><li>列表項(xiàng)1</li>……</ol>

無(wú)序列表標(biāo)簽

<body><h3>我是網(wǎng)站初學(xué)者

</h3><ul>

<li>學(xué)習(xí)網(wǎng)站建設(shè)首先要學(xué)會(huì)策劃網(wǎng)站。</li><li>學(xué)習(xí)網(wǎng)站建設(shè)一定要學(xué)好標(biāo)簽屬性的應(yīng)用</li><li>學(xué)習(xí)網(wǎng)站建設(shè)必須掌握DIV+CSS布局。</li><li>學(xué)習(xí)網(wǎng)站建設(shè)一定要掌握網(wǎng)站后臺(tái)標(biāo)簽的調(diào)用。</li></ul></body>常用于布局的塊級(jí)標(biāo)簽7-2操作演示6：無(wú)序列表標(biāo)簽<ul><li>列表項(xiàng)1</li>……</ul>無(wú)序列表

定義描述標(biāo)簽

……<body><dl><dt>咖啡</dt><dd>一種黑色的熱飲料，原料據(jù)說(shuō)是咖啡豆，非洲盛產(chǎn)這類(lèi)原料。</dd><dd>可以提神，刺激神經(jīng)。</dd><dl></body>……常用于布局的塊級(jí)標(biāo)簽7-3這種效果可以和無(wú)序列表互相替代，因dt是塊狀元素，所以常用于圖文混編的布局場(chǎng)合操作演示7-1：dl和dt標(biāo)簽<dl><dt>標(biāo)題</dt><dd>描述1</dd>……</dl>……<body><dl>

<dt>佳能（Canon）PowerShotG15數(shù)碼相機(jī)（1210萬(wàn)像素1.8超大光圈5倍光變28mm廣角）<dt><dd>商品編號(hào)：747379</dd><dd>京東價(jià)：￥2899.00(降價(jià)通知)</dd><dd>促銷(xiāo)信息：直降已優(yōu)惠￥300.00</dd>

<dd>贈(zèng)品贈(zèng)下方的熱銷(xiāo)商品，贈(zèng)完即止</dd></dl></body>……常用于布局的塊級(jí)標(biāo)簽7-4

用定義描述標(biāo)簽實(shí)現(xiàn)圖文混編的效果演示示例7-2：定義描述標(biāo)簽圖文混排文字有一定的縮進(jìn)

表格<table><tr>

<td>百度</td></tr>

<tr>

<td>新浪</td></tr>……</table>

常用于布局的塊級(jí)標(biāo)簽7-5<table>--表格<tr>--行<td>--列（單元格）演示示例8：表格示例演示常用于布局的塊級(jí)標(biāo)簽7-6

表單

一般和table使用：<form><table><tr><td>...</td><td>...</td></tr>.....</table></form>演示示例9：form表單標(biāo)簽<form>……</form>常用于布局的塊級(jí)標(biāo)簽7-7分區(qū)標(biāo)簽<div>

div標(biāo)簽可內(nèi)嵌到<p>等標(biāo)簽內(nèi)，作為普通塊狀元素使用……<divstyle="width:400px;height:300px;background:#9FF"><p>……</p><h3>新人上路</h3><ul>……</ul>div其實(shí)就是一個(gè)......</div>……操作演示10：分區(qū)標(biāo)簽小結(jié)1、div-ul(ol)-li：常用于分類(lèi)導(dǎo)航或菜單等2、div-dl-dt-dd：常用于圖文混編的場(chǎng)合3、