淮海工學院計算工程學院
實驗報告書
課程名： web應用開發技術
題目： 實驗1 html網頁設計基礎
班級學號
姓名● 了解web設計和web應用程式開發所需的開發工具的安裝與設定
● 理解url的結構和http協議的基本工作原理
● 掌握發布網頁的常用方法
實驗內容：
1.安裝google chrome瀏覽器，並使用google chrome瀏覽器和ie瀏覽器檢視網頁（如的源**，然後使用瀏覽器開發者工具熟悉http協議的工作原理；
2.安裝notepad++編輯器並使用notepad++編輯器完成教材「1.5上機實驗」一節的實驗內容；
3.訪問w3cvalidators頁面對步驟2中的網頁使用上傳檔案和直接輸入的方式進行驗證，分析產生錯誤的原因並更正！
實驗擴充套件：
4.安裝/設定xampp軟體包，並測試安裝是否成功；發布上面步驟中建立的網頁即素材檔案到本地apache伺服器上，並進行驗證。
實驗要求：
1.所有參與實驗同學獨立完成「實驗內容」部分，並記錄實驗步驟和結果填寫在「實驗步驟」、「實驗結果」相應部分；
2.學有餘力的同學可嘗試完成「實驗擴充套件」部分；
3.所有參與實驗同學均需參閱資料，完成實驗報告「思考題」部分內容。
安裝chrome瀏覽器並且檢視網頁源**利用開發者工具進行檢視
利用ie檢視網頁和源**
ie的開發者工具
安裝notepad++
完成實驗內容
實驗**：
利用google檢視網頁
訪問w3cvalidators頁面利用檔案上傳可直接輸入驗證網頁檔案
拓展：安裝xampp檔案並進行檔案上傳
直接上傳和直接輸入的警告和錯誤原因：
網頁中的doctype的作用是什麼？如何指定html5網頁的doctype？如何指定html4.01 transitional格式的網頁。
答：doctype的作用是用來宣告，網頁的格式規範內容，使瀏覽器能過正確的呈現網頁的內容。
html5的doctype不需要引用dtd直接在第一行寫
即可；而html4.01 transitional需要引用dtd，因為因為 html 4.01 基於 sgml。
dtd 規定了標記語言的規則，這樣瀏覽器才能正確地呈現內容。所以在第一行加入
"">2. 本課程目前所學過的元素/標記中，哪些屬於block元素？哪些屬於inline元素？
答：像這些屬於block元素
像這樣的屬於inline元素
3. 為什麼center和font等標記被廢棄掉？如何實現center和font等標記所起的作用？
答：因為他們的用途純粹是用來展示畫面服務的，可以用css來代替這些標籤
網頁設計基礎知識
一 教學目標 1.的概念與開發規範。技術。安裝與配置。二 課時分配 本專案共4個任務，建議安排4課時。三 教學重點 的概念與開發 動態網頁技術和本地站點伺服器配置。四 教學內容 任務1 的組成與開發規範 任何乙個 在開發之前都需要定製一套開發約定和規則。這類規則可以實現對 整體風格的統一，編寫的維護...
網頁設計實驗7 選
實驗7 dreamwe er製作個人 選 實驗目的 利用dreamwe er製作乙個漂亮的個人 實驗效果 本實驗的最終效果如圖7 和圖7 2所示。其中圖7 1為 首頁，圖7 2為單擊 簡介 按鈕超連結後的效果。實驗步驟 實驗具體步驟 1 dreamwe er開啟已經加工處理好的html檔案 加工後的...
網頁設計與製作實驗十一
網頁設計與製作實驗十一 vbscript指令碼語言介紹 第2部分 周四下午1 2 3小節，地點31 403 1課時 一 複習之前的內容 iis配置 dw中動態站點設定 vbscript常量 變數 陣列 運算子 函式 二 介紹vbscript指令碼語言 vbscript過程 條件語句 迴圈語句 三 s...