《HTML教程》-1.2教學(xué)材料_第1頁(yè)
《HTML教程》-1.2教學(xué)材料_第2頁(yè)
《HTML教程》-1.2教學(xué)材料_第3頁(yè)
《HTML教程》-1.2教學(xué)材料_第4頁(yè)
《HTML教程》-1.2教學(xué)材料_第5頁(yè)
已閱讀5頁(yè)，還剩11頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

編寫HTML網(wǎng)頁(yè)不需要十分專業(yè)的編輯器，它只需要一個(gè)純文本編輯器就可以。注意這里是用“純文本”編輯器，不要用帶有格式的Word等編輯軟件進(jìn)行編輯。當(dāng)然專業(yè)的網(wǎng)頁(yè)制作還是采用專業(yè)的工具比較好，如Dreamweaver。也可以使用Macromedia公司的網(wǎng)頁(yè)制作三劍客Dreamweaver，F(xiàn)ireworks和Flash可以制作專業(yè)水準(zhǔn)的網(wǎng)頁(yè)。不過對(duì)于我們初學(xué)者來(lái)講，一個(gè)純文本編輯器就可以了。Notepad++是一款綠色免費(fèi)的文本編輯軟件，下載地址是：/。Notepad++優(yōu)點(diǎn)：★小巧易用；

★可以實(shí)現(xiàn)語(yǔ)法高亮、智能代碼提示；

★支持諸如C++、Java、JavaScript等十幾種語(yǔ)言的編輯，功能十分友好。推薦Notepad++用它作為HTML編輯工具。下載時(shí)推薦下載免安裝版本，直接解壓在硬盤上的某個(gè)目錄中就可以使用了。創(chuàng)建Notepad++的快捷方式具體步驟如下：在桌面上右鍵單擊，彈出如下所示的快捷菜單在菜單中選擇“新建”→“快捷方式”，彈出如下所示的窗口：點(diǎn)擊“瀏覽”按鈕，找到解壓后的notepad++.exe文件，單擊“下一步”。出現(xiàn)如下所示的窗口：在文本框中輸入自己喜歡的名字，單擊完成即可完成Notepad++快捷方式的創(chuàng)建。這里只給出了Windows系統(tǒng)中創(chuàng)建快捷方式的過程，如果使用其他操作系統(tǒng)的讀者，可以網(wǎng)絡(luò)搜索解決這一問題。1.2.1編寫第一個(gè)HTML網(wǎng)頁(yè)

啟動(dòng)Notepad++，會(huì)自動(dòng)打開一個(gè)新文檔，默認(rèn)為文本文件（擴(kuò)展名為txt）。為了利用語(yǔ)法高亮及代碼提示功能，先保存成HTML文件，擴(kuò)展名為htm或者h(yuǎn)tml。按Ctrl+S快捷鍵，在彈出的窗口中“文件名”列表框中輸入文件名Listing1-6在“保存類型”列表框中選擇“HyperTextMarkupLanguagefile(*html;*htm;*shtml;*shtm;*xhtml;*xht;*hta)”，也就是HTML文件類型，單擊“保存”銨鈕。如圖所示。在文檔中輸入清單1-6所示的代碼，并保存。清單1-6第一個(gè)HTML網(wǎng)頁(yè)<!DOCTYPEhtml><html>

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=utf-8"/></head>

<body>Ajax是一種異步請(qǐng)求技術(shù)，可以增強(qiáng)用戶體驗(yàn)。隨著HTML5的出現(xiàn)，Ajax增添了許多功能，是時(shí)候再出一本Ajax的書了……

</body></html>非常棒，你會(huì)制作第一個(gè)HTML網(wǎng)頁(yè)了。當(dāng)然這個(gè)網(wǎng)頁(yè)除了顯示一段文字就什么也沒有了，但卻意義非常。注意，由于網(wǎng)頁(yè)中出現(xiàn)了漢字，所以在有的瀏覽器中可能會(huì)出現(xiàn)亂碼的現(xiàn)象。解決亂碼非常簡(jiǎn)單，只需要在Notepad++的Encoding菜單中選擇“EncodeinUTF-8-BOM”，再保存網(wǎng)頁(yè)即可。如果是別人編輯好的HTML文件，則可以用Notepad++打開后，在Encoding菜單中選擇“ConverttoUTF-8-BOM”，再保存網(wǎng)頁(yè)就可以了。1.2.2運(yùn)行HTML下面我們來(lái)運(yùn)行一下。找到我們保存的Listing1-6.html文件，右鍵單擊它，在彈出的快捷菜單中選擇“打開方式”→“GoogleChrome”，網(wǎng)頁(yè)就打開了，如下圖所示。你可能會(huì)說，“這么簡(jiǎn)單呀！”雖然它還不能實(shí)現(xiàn)什么功能，但你已經(jīng)邁出很有意

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(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)論