html網頁設計實驗調試過程

1、網頁設計實驗報告

這個要求還是不難的，不過製作報告還是只有自己來寫的。可以自己提供素材，才能百分百原創。支持在線預覽效果。

2、製作網頁設計選擇題的實驗步驟？

最簡單的方法就是每道題目用一個獨立的網頁來表達。就是說你將題目寫死在頁面上。然後在頁面上設立一個hidden欄位來存儲這道題的正確答案。當用戶點擊這個某個答案的時候，用javascript來捕捉按鈕點擊事件，將事件觸發時得到的結果和你內部的hidden欄位裡面的值進行比較。若要統計總共答對題目的個數，我想可以通過地址後面加「？」的方法去取得，同樣存在javascripte中。

3、如何調試html網頁中的js代碼

以谷歌瀏覽器Chrome為例（火狐類似），說下前端打「斷點」：

一、按F12快捷鍵打開Chrome控制台，點擊「Sources」選項卡，如圖：

二、刷新當前網頁，代碼執行到「斷點」處會停住，如上圖藍色區域；

三、按F8快捷鍵可以在不同的斷點之間切換、按F10快捷鍵程序代碼會一步步執行，這樣就能很方便定位到錯誤區域，排查錯誤。

說明：火狐瀏覽器的操作方法和谷歌類似，當然界面略有不同。

4、製作網頁時怎麼一邊寫代碼一邊調試

一、iOS+Safari1、打開手機web檢查器。通過【設置】>【Safari】>【高級】>【Web檢查器】打開。見下圖（點擊查看大圖），並且你會看到該選項下面對電腦操作的相應描述，照做就好。2.鏈接電腦（Mac）2.1先在手機Safari中打開你想調試的網頁，並用數據線連接到電腦（我這里是Mac）2.2再在電腦上打開Safari點擊【Develop】菜單，就會看到如下圖所示（點擊查看大圖）：3.3點擊2.2中的網站名就會在電腦上打開Safari的控制台，如下圖（點擊查看大圖）：3.調試網頁如上3.3圖所示，此時你可以查看手機網頁的DOM結構，並且和電腦端網頁調試無異，當滑鼠滑過這些DOM節點的時候手機上的相應布局也會高亮起來，如下圖（點擊查看大圖）：二、Android+Chrome1.設置手機1.1【設置】>【關於手機】>【版本號（Buildnumber）】，對版本號這一項連點7下（這是官方文檔里的說法）就會提示「你已成為開發者」。1.2再返回【設置】>【開發者選項】>【USB調試】打開手機USB調試。2.設置電腦（Mac）這塊比較麻煩，因為要裝一下Android的SDK。2.1下載AndroidSDK，並解壓，我把整個adt目錄放在了/Users/David/adt/這里。2.2設置環境變數。打開終端在David路徑下（形如DaviddeMacBook-Pro:~David$）輸入open.bash_profile，如果文件存在則會打開，如果不存在則再輸入touch.bash_profile創建並打開這個文件。在文件里輸入exportPATH=$PATH:/Users/David/adt/sdk/platform-tools:/Users/David/adt/sdk/tools，關閉保存。最後在終端里輸入source.bash_profile來更新環境變數使其生效。終端里輸入adb出現命令幫助信息就是成功了。2.3在終端里輸入adbforwardtcp:9222localabstract:chrome_devtools_remote。3.鏈接電腦3.1在手機上的Chrome里打開想要調試的網頁，用數據線連接手機和電腦（我的是Mac。唉～我只是強調平台的不同，不要誤會）。3.2打開電腦上的Chrome，在地址欄里輸入about:inspect選中【DiscoverUSBDevices】前面的復選框。出現下圖畫面（點擊查看大圖）：4.調試網頁4.1你可以點擊圖3.2中檢測到的設備上正在運行的網站下面那個【inspect】，或者在瀏覽器中輸入localhost:9222打開手機正在瀏覽的網頁列表，如下圖：4.2點擊上圖中的網站縮略圖，就會跳轉到Google的一個代理鏈接（鏈接可能被牆……，掛代理）就會打開如下圖所示的控制台（點擊查看大圖）：4.3這就和電腦上網頁調試沒什麼差別了，滑鼠經過DOM節點，手機上的布局同樣也會高亮起來：

5、開發html頁面的時候，怎麼在真機上進行調試

找個瀏覽器打開就可以調試了，基本上所有的瀏覽器都有調試的功能，快捷鍵就是F12

6、靜態網頁製作的具體過程

最簡單的。
新建一個文本文檔（也就是記事本）
在裡面打上幾個字，保存。然後把後綴.txt改為.html 再用瀏覽器打開 這就是一個靜態網頁了。

Dreamweaver 是很專業的網頁設計軟體。你可以搜索一下教程。很簡單的。
可以在裡面插入圖片 聲音 視頻 flash等。

再就是現在最流行的 div+css 這個就相對難點了。需要有手寫代碼的能力。
製作過程在這里和你也說不明白 你還是從網上搜索一下Dreamweaver 視頻教程吧。

做網頁記住：所有文件夾和文件名都要用英文或者拼音。首頁命名為index.html