實驗一_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)，請進行舉報或認領(lǐng)

文檔簡介

1、.淮海工學院計算工程學院實驗報告書課 程 名 ：Web 應用開發(fā)技術(shù)題目：實驗 1 HTML網(wǎng)頁設(shè)計基礎(chǔ)班級：學號：姓名：評語：成績：指導教師：批閱時間：年月日;.實驗 1 HTML 網(wǎng)頁設(shè)計基礎(chǔ)一 實驗目的了解 Web 設(shè)計和 Web 應用程序開發(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 服務器上，并進行驗證。實驗要求：1.所有參與實驗同學獨立完成“實驗內(nèi)容”部分，并記錄實驗步驟和結(jié)果填寫在“實驗步驟”、“實驗結(jié)果”相應部分；2.學有余力的同學可嘗試完成“實驗擴展”部分；3.所有參與實驗同學均需參閱資料，完成實驗報告“思考題”部分內(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ī)定了標記語言的規(guī)則，這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。所以在第一行加入 2. 本課程目前所學過的元素 /標記中，哪些屬于 block 元素？哪些屬于 Inline 元素？答：像<h1></h1><form></form><div></div><ul><ul>.<ol></ol> 這些屬于 block 元素像</br><font></font><img><sup>這樣的屬于 inline 元素3. 為什么 center和 font 等標記被廢棄掉？如何實現(xiàn)center 和

溫馨提示

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

評論

0/150

提交評論