如何使用F12開發(fā)商工具調(diào)試網(wǎng)頁?網(wǎng)站功能需求是怎么寫的?下面就和小編一起來看看吧!

　　如何使用F12開發(fā)商工具調(diào)試網(wǎng)頁?

　　F12開發(fā)人員工具是按需采用的工具，建于WindowsInternetExplorer9的每次安裝。網(wǎng)站開發(fā)人員可以隨時在任何頁面上使用F12工具，快速調(diào)整JavaScript、HTML和級別連接樣式表(CSS)，也可以查明頁面和網(wǎng)絡的性能問題。關(guān)于建站，F(xiàn)12的存在要求程序開發(fā)人員的重要數(shù)據(jù)不能寫在HTML頁面上如果不寫在一般的處理程序和背景上，就容易被用戶知道密碼等。對WEP開發(fā)者有利的是，可以參考他人網(wǎng)站的布局樣式等構(gòu)想自己的網(wǎng)站。F12可以看到網(wǎng)站的布局、風格、js等代碼哦使用HTML期權(quán)卡HTML期權(quán)卡的視圖，在內(nèi)存中的WindowsInternetExplorer9顯示的樹的視圖中顯示頁面的動態(tài)標記。反映了打開F12時的DOM，有什么變化的話需要更新?？梢允褂檬髽嘶蜴I盤直接導航到樹的視圖中，查看特性和變更值。跳轉(zhuǎn)到網(wǎng)頁的特定要素時，請按下Ctrl+B或單擊選擇要素按鈕。在網(wǎng)頁上，當鼠標懸掛在元素上時，會突出相應的元素。點擊某些元素，在HTML視圖中突出DOM樹中對應的節(jié)點。在HTML選項卡中選擇要素時，可以使用視圖>源菜單在您的視圖中選擇與要素相關(guān)的CSS風格或者只根據(jù)要素本身選擇的要素。有風格的要素源按鈕只在新窗口顯示選定要素的HTML源及其內(nèi)容，適用于CSS。這有助于只關(guān)注選定元素的源文件。必須首先使用HTML期權(quán)卡視圖選擇DOM樹主體內(nèi)的HTML要素，然后才能執(zhí)行該命令。如果您想選擇某個元素，選擇要素按鈕，或者在DOM樹上單擊某個要素。使用點擊選擇要素時，首先更新視圖是個好主意。展開或折疊某些元素的屬性時，請點擊用加號(+)或減號(-)標記的框架。HTML和CSS視圖中的所有元素都可以編輯，編輯操作將立即生效。通過點擊元素名稱旁邊的復選框，可以打開或關(guān)閉樣式規(guī)則和特性。查看動態(tài)HTML代碼大部分網(wǎng)站都使用動態(tài)代碼?？蛻裟_本通常用于生成用戶可以看到的HTML。靜態(tài)HTML代碼的數(shù)量通常很少，只用于頁面啟動操作。F12工具顯示在瀏覽器中的HTML和CSS代碼，而不是顯示嚴格的HTML源，因此很容易找到錯誤。HTML期權(quán)卡顯示DOM目前狀態(tài)，不會自動跟蹤變更。如果改變了某個值或特性，但沒有立即顯示，請在HTML選項卡中按F5更新視圖。更改值和添加特性F12工具可以更改幾乎任何特性和屬性的值。從HTML選項卡中，從DOM樹中選擇要素或使用單擊選擇要素按鈕選擇要素。在屬性視圖(右窗格)中，點擊一個值，突出并更改。例如，在InternetExplorer9中，如何使用CSS3添加圓角中的CSS示例頁面，并根據(jù)F12打開該工具。點擊選擇元素按鈕，點擊栗子顏色的NowinstockatFourthCoffee標題。在屬性窗格中，點擊“h2”選器下的色彩特性。輸入blue等新的顏色名稱和值，按下enter。標題的顏色會立即改變。為了追加特性，請單擊HTML或CSS選項卡的左窗格的要素，單擊上下菜單的追加屬性。你需要知道這個特性的格式如“background-color:”)和正確值。刪除某一特性(您添加的特性或現(xiàn)有特性)時，請在右窗格子視圖中單擊該特性并按下Delete鍵。對于原始頁面的特性，可以通過更新頁面來恢復。添加的特性需要重新應用。關(guān)于網(wǎng)站模板，如果只想在某個對話期間暫時關(guān)閉某個特性，則在HTML和CSS選項卡的右窗格中去除該特性旁邊的再選框。HTML期權(quán)卡視圖和工具在左窗格樹視圖中選擇一個元素時，可在右側(cè)查看和更改所選元素及其子元素的樣式、框架模型的布局和特性。你所做的改動并不是永久性的，當你刷新或打開另一頁時，這些改動就會丟失。但是，您可以單擊保存按鈕來保存您的HTML代碼。當查看應用于樣式和跟蹤樣式選項卡的多個CSS規(guī)則時，根據(jù)CSS規(guī)范，根據(jù)這些規(guī)則的專一性進行顯示。列表頁首的規(guī)則首先應用于所選要素，底部的規(guī)則是現(xiàn)在定義所選要素的風格屬性的規(guī)則。

　　網(wǎng)站功能需求是怎么寫的?

　　一、網(wǎng)站內(nèi)容1、根據(jù)網(wǎng)站目的確定站點結(jié)構(gòu)導航。一般企業(yè)型門戶網(wǎng)站應包括公司介紹、企業(yè)動態(tài)、產(chǎn)品介紹、客戶服務、聯(lián)系方式、在線留言等基本內(nèi)容。內(nèi)容如常見問題、市場營銷網(wǎng)絡、招賢納士、在線論壇、英語版等。2.確定網(wǎng)站結(jié)構(gòu)導航中各頻道的子欄。例如，公司簡介包括社長的發(fā)言、發(fā)展歷史、企業(yè)文化、核心優(yōu)勢、生產(chǎn)基地、科技研發(fā)、合作伙伴、主要客戶、客戶評價等客戶服務包括服務熱線、服務宗旨、服務項目等。3、確定網(wǎng)站內(nèi)容的實現(xiàn)方式。例如，產(chǎn)品中心使用動態(tài)程序數(shù)據(jù)庫或靜態(tài)頁面。營銷網(wǎng)絡是列表還是地圖?4、動態(tài)展示內(nèi)容背景管理采用動態(tài)頁面程序時，需要相應的背景內(nèi)容管理系統(tǒng)，根據(jù)動態(tài)內(nèi)容確定背景管理內(nèi)容，一般工作包括企業(yè)介紹管理、企業(yè)動態(tài)管理、產(chǎn)品介紹管理、呼叫管理、常見問題管理等如果需要不同的權(quán)限，也需要權(quán)限管理。二、網(wǎng)站頁面1、網(wǎng)站頁面設(shè)計一般要與企業(yè)整體形象一致，符合企業(yè)Cl規(guī)范。注意網(wǎng)頁的顏色和整個網(wǎng)頁的一致性。2、網(wǎng)站設(shè)計也可以制作個性化的頁面，但必須符合網(wǎng)站整體的結(jié)構(gòu)和風格。功能需求根據(jù)車站建設(shè)的需求進行詳細化，根據(jù)側(cè)重點不同需求進行詳細分析。