實驗一_html網(wǎng)頁設(shè)計基礎(chǔ)_第1頁
實驗一_html網(wǎng)頁設(shè)計基礎(chǔ)_第2頁
實驗一_html網(wǎng)頁設(shè)計基礎(chǔ)_第3頁
實驗一_html網(wǎng)頁設(shè)計基礎(chǔ)_第4頁
已閱讀5頁，還剩7頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

1、.淮海工學(xué)院計算工程學(xué)院實驗報告書課 程 名 ：Web 應(yīng)用開發(fā)技術(shù)題目：實驗 1 HTML網(wǎng)頁設(shè)計基礎(chǔ)班級：學(xué)號：姓名：評語：成績：指導(dǎo)教師：批閱時間：年月日;.實驗 1 HTML 網(wǎng)頁設(shè)計基礎(chǔ)一 實驗?zāi)康牧私?Web 設(shè)計和 Web 應(yīng)用程序開發(fā)所需的開發(fā)工具的安裝與設(shè)置理解 URL的結(jié)構(gòu)和 HTTP協(xié)議的基本工作原理掌握發(fā)布網(wǎng)頁的常用方法二 實驗內(nèi)容和要求實驗內(nèi)容：1.安裝 Google Chrome瀏覽器，并使用 Google Chrome瀏覽器和 IE 瀏覽器查看網(wǎng)頁 （如）的源代碼，然后使用瀏覽器開發(fā)者工具熟悉HTTP 協(xié)議的工作原理；2.安裝 Notepad+編輯器并使用 Not

2、epad+編輯器完成教材“ 1.5 上機實驗”一節(jié)的實驗內(nèi)容；3.訪問 W3CValidators 頁面對步驟 2 中的網(wǎng)頁使用上傳文件和直接輸入的方式進行驗證，分析產(chǎn)生錯誤的原因并更正！實驗擴展：4.安裝 /設(shè)置 XAMPP 軟件包，并測試安裝是否成功； 發(fā)布上面步驟中創(chuàng)建的網(wǎng)頁即素材文件到本地 Apache 服務(wù)器上，并進行驗證。實驗要求：1.所有參與實驗同學(xué)獨立完成“實驗內(nèi)容”部分，并記錄實驗步驟和結(jié)果填寫在“實驗步驟”、“實驗結(jié)果”相應(yīng)部分；2.學(xué)有余力的同學(xué)可嘗試完成“實驗擴展”部分；3.所有參與實驗同學(xué)均需參閱資料，完成實驗報告“思考題”部分內(nèi)容。三 實驗步驟安裝 Chrome 瀏

3、覽器并且查看網(wǎng)頁源代碼;.利用開發(fā)者工具進行查看利用 ie 查看網(wǎng)頁和源代碼;.Ie 的開發(fā)者工具安裝 notepad+;.完成實驗內(nèi)容實驗代碼：<html><head><title> 初戀這件小事 </title></head><body><h1>初戀這件小事</h1>.<h3>百科名片 </h3><img src="love.jpg" width="139" height="200" /><p&

4、gt;初戀這件小事初戀這小事.</p><h3>目錄 </h3><ul><li> 影片簡介 </li><li> 劇情簡介 </li><li> 經(jīng)典臺詞 </li><li> 影片歌曲插曲 </li><li> 影片歌詞中文翻譯</li></ul><h3>影片簡介 </h3><p>初戀這件小事海報集（9 張） .</p><p>毫無疑問，暹羅之戀.</p>

5、</body></html>利用 Google 查看網(wǎng)頁訪問 W3CValidators 頁面利用文件上傳可直接輸入驗證網(wǎng)頁文件;.;.;.拓展：安裝XAMPP 文件并進行文件上傳;.四 實驗結(jié)果直接上傳和直接輸入的警告和錯誤原因：;.五 思考題1.HTML 網(wǎng)頁中的 doctype 的作用是什么？如何指定HTML5 網(wǎng)頁的 doctype？如何指定HTML4.01 Transitional 格式的網(wǎng)頁。答：doctype 的作用是用來聲明，網(wǎng)頁的格式規(guī)范內(nèi)容，使瀏覽器能過正確的呈現(xiàn)網(wǎng)頁的內(nèi)容。Html5 的 doctype 不需要引用 DTD 直接在第一行寫<!

6、DOCTYPE html> 即可；而 HTML4.01 Transitional 需要引用 DTD ，因為因為 HTML 4.01 基于 SGML。DTD規(guī)定了標(biāo)記語言的規(guī)則，這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。所以在第一行加入 2. 本課程目前所學(xué)過的元素 /標(biāo)記中，哪些屬于 block 元素？哪些屬于 Inline 元素？答：像<h1></h1><form></form><div></div><ul><ul>.<ol></ol> 這些屬于 block 元素像</br><font></font><img><sup>這樣的屬于 inline 元素3. 為什么 center和 font 等標(biāo)記被廢棄掉？如何實現(xiàn)center 和

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論