html網(wǎng)頁編程基礎(chǔ)講義-全文預(yù)覽
【正文】 只需要兩個(gè)工具，一個(gè)是 HTML編輯器，另一個(gè)是 Web瀏覽器。 HTTP協(xié)議的制定使瀏覽器在運(yùn)行超文本時(shí)有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn)，用 HTML編寫的超文本文檔稱為 HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)，自 1990年以來 HTML就一直被用作ＷＷＷ（ World Wide Web，也可稱為 Web，中文叫做萬維網(wǎng)）的信息表示語言，使用 HTML語言描述的文件，需要通過 Web瀏覽器顯示出效果。 （ 6）在 【 遠(yuǎn)程信息 】 中，將 【 訪問 】 下拉列表框中的值設(shè)置為“本地/網(wǎng)絡(luò)”，將 【 遠(yuǎn)程文件夾 】 設(shè)置為“ D:\website”，并對(duì)應(yīng)圖將復(fù)選框進(jìn)行勾選，如圖 216所示。 （ 2）在 【 別名 】 文本框中填入要給網(wǎng)站起的別名后，單擊 【 下一步 】按鈕，單擊打開的對(duì)話框中 【 目錄 】 文本框后的 【 瀏覽 】 按鈕，選擇 D:\website→ 【 下一步 】 → 【 下一步 】 → 【 完成 】 命令，如圖211和圖 212所示。 下一頁 返回 上一頁 任務(wù)一使用 HTML語言來制作網(wǎng)頁 （ 3）選擇 【 文件 】 → 【 保存 】 命令，在彈出的 【 另存為 】 對(duì)話框的【 保存在 】 下拉列表框中，選擇第一步建立的文件夾 website，在【 文件名 】 下拉列表框中輸入 ，然后單擊 【 確定 】 按鈕。 （ 4）在打開的記事本中，輸入以下代碼： htmlhead title網(wǎng)頁標(biāo)題 /title/head body 這是我的第一個(gè)主頁 /body /html 下一頁 返回 上一頁 任務(wù)一使用 HTML語言來制作網(wǎng)頁 要瀏覽這個(gè) ，只需在桌面上雙擊它，或者打開瀏覽器，選擇 【 File】 → 【 Open】 命令，然后選擇這個(gè)文件就行了。項(xiàng)目二 HTML網(wǎng)頁編程基礎(chǔ) 任務(wù)一使用 HTML語言來制作網(wǎng)頁 任務(wù)二在網(wǎng)頁中應(yīng)用 JavaScript 任務(wù)三使用樣式表（ CSS）來美化網(wǎng)頁 任務(wù)一使用 HTML語言來制作網(wǎng)頁 【 任務(wù)要點(diǎn) 】 HTML網(wǎng)頁 DreamWeaver來制作 HTML網(wǎng)頁 【 案例 1】 使用記事本來制作 HTML網(wǎng)頁 【 具體步驟 】 （在 Windows XP中完成） （ 1）雙擊 【 我的電腦 】 圖標(biāo)，選擇 【 工具 】 → 【 文件夾選項(xiàng) 】 命令，從彈出的對(duì)話框中打開 【 查看 】 選項(xiàng)卡，取消選中 【 隱藏已知文件類型的擴(kuò)展名 】 復(fù)選框，再單擊 【 確定 】 按鈕，即可將所有文件的擴(kuò)展名顯示出來。 （ 3）在“ ”上右擊，在彈出的快捷菜單中選擇 【 打開方式 】→ 【 記事本 】 命令，使用記事本來編緝代碼文本，如圖 24所示。 （ 2）打開 DreamWeaver，選擇 【 文件 】 → 【 新建 】 → 【 基本頁 】 →【 HTML】 → 【 創(chuàng)建 】 命令，將出現(xiàn) Unitiled1（未命名 1）的頁面，如圖 26所示。 下一頁 返回 上一頁 任務(wù)一使用 HTML語言來制作網(wǎng)頁 【 案例 3】 在 DreamWeaver中進(jìn)行站點(diǎn)發(fā)布 【 具體步驟 】 （ 1）在 【 桌面 】 上右擊，在彈出的快捷菜單中選擇 【 管理 】 命令，彈出 【 計(jì)算機(jī)管理 】 對(duì)話框，選擇 【 Inter信息服務(wù) 】 → 【 網(wǎng)站 】→ 【 默認(rèn)網(wǎng)站 】 命令，右擊，在彈出的快捷菜單中選擇 【 新建 】→ 【 虛擬目錄 】 → 【 下一步 】 命令，如圖 28～圖 210所示。 （ 5）在 【 本地信息 】 中，在 【 站點(diǎn)名稱 】 文本框中給站點(diǎn)起名為myWebsite，將 【 本地文件夾 】 設(shè)置為 D:\website，如圖 215所示。超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行 HTML文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作。 HTML只是一個(gè)純文本文件。 下一頁 返回 上一頁 任務(wù)一使用 HTML語言來制作網(wǎng)頁 二、 HTML的基本結(jié)構(gòu) 一個(gè) HTML文檔是由一系列的元素和標(biāo)簽組成的，元素名不區(qū)分大小寫。屬性是標(biāo)志里的參數(shù)的選項(xiàng)，HTML的標(biāo)簽分單標(biāo)簽和成對(duì)標(biāo)簽兩種。為了培養(yǎng)良好的習(xí)慣，提倡對(duì)屬性值全部加雙引號(hào)。 下一頁 返回 任務(wù)二在網(wǎng)頁中應(yīng)用 JavaScript 【 案例 2】 應(yīng)用 JavaScript內(nèi)置對(duì)象來制作網(wǎng)頁 【 具體步驟 】 （ 1）如前所述，在 D:\website中使用 DreamWeaver建立一個(gè)頁面，并命名為 。 （ 5）在 body/body內(nèi)輸入文字“這是彈出的一個(gè)通知窗口”，如圖 223所示。 （ 9）運(yùn)行結(jié)果如圖 225所示。 下一頁 返回 上一頁 任務(wù)二在網(wǎng)頁中應(yīng)用 JavaScript 【 背景知識(shí) 】
試題試卷相關(guān)推薦
鄂ICP備17016276號(hào)-1