FAQ網(wǎng)站首頁制作

1、項(xiàng)目二項(xiàng)目二 FAQ網(wǎng)站首頁制作網(wǎng)站首頁制作 院系：廣東女子職業(yè)技術(shù)學(xué)院經(jīng)貿(mào)系主講：陳義文 模塊3 創(chuàng)建圖文混排網(wǎng)頁 掌握?qǐng)D像標(biāo)記的書寫方法，能進(jìn)行圖文混排 2理解絕對(duì)路徑和相對(duì)路徑的概念用法3 1熟悉超鏈接標(biāo)記，能鏈接到電子郵件 3 3知識(shí)目標(biāo) 教學(xué)任務(wù) 書寫XHTML源代碼，產(chǎn)生圖文混排的網(wǎng)頁 理解絕對(duì)路徑和相對(duì)路徑的概念用法1掌握?qǐng)D像標(biāo)記的書寫方法，能進(jìn)行圖文混排 3 2重點(diǎn)與難點(diǎn) 操作流程+知識(shí)點(diǎn) 提供頁面所需要的圖片素材，將其共享給學(xué)生 打開模塊2設(shè)計(jì)的頁面，使用標(biāo)記給其加上背景圖片 詳細(xì)講述相對(duì)路徑和絕對(duì)路徑 1網(wǎng)頁背景網(wǎng)頁背景 操作流程+知識(shí)點(diǎn)圖像標(biāo)記圖像標(biāo)記 設(shè)置網(wǎng)頁背景圖片的

2、格式為：網(wǎng)頁內(nèi)容 2絕對(duì)路徑和相對(duì)路徑絕對(duì)路徑和相對(duì)路徑 操作流程+知識(shí)點(diǎn)圖像標(biāo)記圖像標(biāo)記 （1）絕對(duì)路徑 完整的描述文件位置的路徑就是絕對(duì)路徑 如：d:/20060323166/images/left.jpg 2絕對(duì)路徑和相對(duì)路徑絕對(duì)路徑和相對(duì)路徑 操作流程+知識(shí)點(diǎn)圖像標(biāo)記圖像標(biāo)記 （2）相對(duì)路徑 所謂相對(duì)路徑，顧名思義就是相對(duì)于目標(biāo)的位置 如：./img/photo.jpg 操作流程+知識(shí)點(diǎn) 使用標(biāo)記，分別在頁面中插入其他圖片素材 使用標(biāo)記，給頁面添加文件超鏈接 講述、等語法和用法，給學(xué)生提出操作注意事項(xiàng) 保存頁面，并預(yù)覽頁面效果 3圖像標(biāo)記圖像標(biāo)記 操作流程+知識(shí)點(diǎn)圖像標(biāo)記圖像標(biāo)記 圖像標(biāo)記的格式為：1錨點(diǎn)標(biāo)記錨點(diǎn)標(biāo)記 操作流程+知識(shí)點(diǎn)超鏈接標(biāo)記超鏈接標(biāo)記 錨點(diǎn)標(biāo)記的格式為：超鏈接名稱2鏈接到其他網(wǎng)頁或其他站點(diǎn)鏈接到其他網(wǎng)頁或其他站點(diǎn) 操作流程+知識(shí)點(diǎn)超鏈接標(biāo)記超鏈接標(biāo)記 創(chuàng)建指向其他頁面或站點(diǎn)的超鏈接，就是在當(dāng)前頁面與其他相關(guān)頁面間建立超鏈接。3鏈接到電子郵件鏈接到電子郵