網(wǎng)頁(yè)制作教案-文庫(kù)吧資料
2024-11-09 12:09本頁(yè)面
【正文】 案HTML第一節(jié)課使用DIV+CSS布局網(wǎng)頁(yè)使用CSS美化網(wǎng)頁(yè)制作精美的商業(yè)網(wǎng)站 會(huì)使用HTML標(biāo)簽 了解并會(huì)使用 CSS 層疊樣式表 div+CSS 做網(wǎng)頁(yè) 會(huì)使用HTML的基本結(jié)構(gòu)創(chuàng)建網(wǎng)頁(yè) 使用文本相關(guān)標(biāo)簽排版文本信息 使用圖像相關(guān)標(biāo)簽實(shí)現(xiàn)圖文并茂的頁(yè)面 會(huì)使用超鏈接相關(guān)標(biāo)簽實(shí)現(xiàn)頁(yè)面間的跳轉(zhuǎn) 本階段的重點(diǎn)是讓學(xué)員熟悉HTML的基本結(jié)構(gòu)、HTML中的一些基本標(biāo)記以及標(biāo)記的屬性，以及HTML中的鏈接。HTML基本標(biāo)記及其屬性 以提問(wèn)和演示的方式 邊講邊演示 超文本標(biāo)記語(yǔ)言，是英文Hyper Text Markup Language的縮寫(xiě) 什么是超文本就是指頁(yè)面內(nèi)可以包含圖形、動(dòng)畫(huà)、聲音、表格、鏈接等非文字元素。提問(wèn) ： 與正常見(jiàn)到的段落有什么不同答；首行沒(méi)有縮進(jìn)，沒(méi)有換行 可以先用空格代替 縮進(jìn)學(xué)完樣式后就會(huì)使用 接下來(lái)講換行標(biāo)簽代表?yè)Q行第一個(gè)但標(biāo)簽 書(shū)寫(xiě)方式 / 與雙標(biāo)簽的區(qū)別 個(gè)數(shù) 及 /的位置講完換行標(biāo)簽后與段落標(biāo)簽對(duì)比，告訴他們根據(jù)空隙的大小區(qū)別什么是段落（間隙大）、什么是換行（間隙小）水平線標(biāo)簽第二個(gè)單標(biāo)簽 是一條水平線先演示 然后告訴他們可以改顏色引出屬性解釋什么是屬性 就是用來(lái)修飾標(biāo)簽的 屬于標(biāo)簽的性質(zhì) 要寫(xiě)在標(biāo)簽里 書(shū)寫(xiě)寫(xiě)法 屬性名=“具體值” 并演示給他們 加粗、斜體標(biāo)簽加粗的字 斜體的字挑選部分字體演示 特殊符號(hào)效果：不會(huì)顯示在頁(yè)面上 作用：1網(wǎng)頁(yè)的作者 2注釋部分代碼 試用于找錯(cuò)的時(shí)候空格 先敲一個(gè)問(wèn)他們是否會(huì)顯示在頁(yè)面 然后再說(shuō)出替代的 特殊符號(hào)最后提問(wèn) 有沒(méi)有注意過(guò)版權(quán)符號(hào) 提示他們網(wǎng)站的最下面版權(quán)部分 最后演示寫(xiě)法 圖片標(biāo)簽 思路標(biāo)簽與標(biāo)簽的屬性可以回顧 已經(jīng)學(xué)習(xí)的標(biāo)簽 與 a標(biāo)簽的區(qū)別 雙標(biāo)簽 單標(biāo)簽 標(biāo)簽屬性圖像首先說(shuō)明是單標(biāo)簽 然后介紹第一個(gè)屬性 src 路徑介紹：相對(duì)路徑 上一級(jí)../ 上上級(jí)../../ 下一級(jí) 同級(jí)名/ 絕對(duì)路徑file:///C:/Users/Administrator/Desktop/Chapter01/ 第二個(gè)屬性：alt 演示圖片不顯示的情況 第三個(gè)屬性：title 書(shū)寫(xiě)并將鼠標(biāo)放到圖片，查看效果第四個(gè)屬性：width 單獨(dú)設(shè)置寬度時(shí)的效果 高度成比例縮放第五個(gè)屬性：height 單獨(dú)設(shè)置高度時(shí)的效果 寬度成比例縮放如果想要具體的大小 則要同時(shí)設(shè)置寬和高 鏈接標(biāo)簽先寫(xiě)一對(duì) 標(biāo)簽 然后再在里面寫(xiě)上href屬性 告訴他們與圖片的src屬性相似，都是地址路徑 再告訴他們href=“ 里面可以是別的網(wǎng)頁(yè) 也可以是網(wǎng)址、郵箱地址 沒(méi)有具體的可以寫(xiě)表示空連接演示相關(guān)鏈接 其中要注意，告訴他們沒(méi)有在標(biāo)簽中間寫(xiě)內(nèi)容 網(wǎng)頁(yè)是不會(huì)顯示任何內(nèi)容的并演示target=”在哪里打開(kāi)新鏈接（_self:本身窗口 _blank:新窗口打開(kāi)鏈接）” 文字 圖片講解target 屬性：是跳轉(zhuǎn)位置，是本頁(yè)面還是新的頁(yè)面 并演示給他們錨鏈接結(jié)合之前的超鏈接 錨點(diǎn)就是大船停泊時(shí)拋出的錨，只有錨固定了，船舶才能停住 同理只有設(shè)置錨點(diǎn)了超鏈接才能找到指定位置錨點(diǎn)的寫(xiě)法 也是先寫(xiě) 只不過(guò)這次的屬性是 name=“ 就是給你的錨點(diǎn)起個(gè)名字而且這時(shí)超鏈接的href=” 里面要寫(xiě)成+你起的名字 最后演示效果第二篇：網(wǎng)頁(yè)制作教案網(wǎng)頁(yè)制作與設(shè)計(jì)教案第一講 網(wǎng)頁(yè)設(shè)計(jì)概述................
法律信息相關(guān)推薦
鄂ICP備17016276號(hào)-1