網(wǎng)頁(yè)標(biāo)題和 IFrame

在之前的學(xué)習(xí)中，有提及過(guò)標(biāo)題，但那時(shí)候的標(biāo)題我們并沒(méi)有講解如何具體實(shí)現(xiàn)。水平分割線的知識(shí)。那么今天，我將帶領(lǐng)大家進(jìn)一步學(xué)習(xí)網(wǎng)頁(yè)中標(biāo)題的實(shí)現(xiàn)。更多的側(cè)重點(diǎn)是傾向于使用 Dreamweaver CC 2018 直接實(shí)現(xiàn)的標(biāo)題。

然后再帶領(lǐng)大家在網(wǎng)頁(yè)中插入一個(gè) IFrame ，Iframe 的知識(shí)我們之前多少提到過(guò)一些，今天的內(nèi)容對(duì)于已經(jīng)掌握的同學(xué)可以作為一個(gè)復(fù)習(xí)。本節(jié)知識(shí)點(diǎn)的內(nèi)容并不是很繁瑣，內(nèi)容也不是很多，難易程度也相對(duì)好掌握，因此大家在學(xué)習(xí)的時(shí)候不必帶有很沉重的心理負(fù)擔(dān)。下面就讓老師帶領(lǐng)大家一起來(lái)開(kāi)始本節(jié)知識(shí)點(diǎn)的學(xué)習(xí)吧！

1. 在網(wǎng)頁(yè)中插入標(biāo)題

標(biāo)題，和我們語(yǔ)文中學(xué)習(xí)的文章標(biāo)題一樣，網(wǎng)頁(yè)也需要一個(gè)屬于自己的標(biāo)題。標(biāo)題可以是文字，可以是圖片。但大多數(shù)情況下，我們所說(shuō)的還是和語(yǔ)文作文中的標(biāo)題一樣，即文字標(biāo)題。

那么如何利用 Dreamweaver CC 2018 設(shè)置網(wǎng)頁(yè)的標(biāo)題呢？

原理很簡(jiǎn)單，代碼層面你可以手寫(xiě) h 標(biāo)簽，注意， h 標(biāo)簽也是成對(duì)出現(xiàn)的標(biāo)簽哦！

而利用 Dreamweaver CC 2018 我們可以使用它自帶的插入面板來(lái)實(shí)現(xiàn)。具體實(shí)現(xiàn)我們可以看下面的動(dòng)態(tài)圖片。大致的操作過(guò)程就是：在新建的空白 HTML 頁(yè)面上點(diǎn)擊右側(cè)的插入面板，找到標(biāo)題這個(gè)選項(xiàng)，我們可以發(fā)現(xiàn)它里面有 h1-h5 等多個(gè)選項(xiàng)，任選一個(gè)點(diǎn)擊它，（ h 后面的數(shù)字越小，代表標(biāo)題大小越大）然后你就可以看到頁(yè)面中插入了不同大小的標(biāo)題。我們可以雙擊左側(cè)插入的標(biāo)題去修改你想設(shè)置的標(biāo)題內(nèi)容。

怎么樣？是不是很 easy ？ 其實(shí)這對(duì)于熟悉 HTML 的同學(xué)很簡(jiǎn)單。只不過(guò)今天我們要在 Dreamweaver CC 2018 里給它一個(gè)完美的答案。

好了，以上就是我們應(yīng)該掌握的在 Dreamweaver CC 2018 中插入標(biāo)題的方法。似曾相識(shí)而且很簡(jiǎn)單？大家只要仔細(xì)觀察上面的動(dòng)態(tài)圖片，相信可以在5秒種都不到就徹底掌握它！

2.在網(wǎng)頁(yè)中插入 IFrame

Iframe 是什么？

Iframe 的學(xué)名叫內(nèi)聯(lián)框架，在之前的章節(jié)中提到過(guò)這個(gè)，但是沒(méi)有說(shuō)太多。今天我們就稍微仔細(xì)地看看這個(gè)東西。

你可以想象網(wǎng)頁(yè)中有的時(shí)候需要嵌套小的網(wǎng)頁(yè)，或者內(nèi)部模塊。這個(gè)時(shí)候，現(xiàn)有的 HTML 標(biāo)簽似乎僅僅能夠構(gòu)建一個(gè)依賴于當(dāng)前文檔的元素結(jié)構(gòu)。

這個(gè)時(shí)候，我們可憐的小伙伴就不得不向新的標(biāo)簽來(lái)求助了。那么 IFrame 正是解決了這個(gè)問(wèn)題。在 Iframe 標(biāo)簽中，你可以嵌套多種多樣的其他的我們之前學(xué)習(xí)過(guò)的網(wǎng)頁(yè)元素。 在這里要提醒大家 Iframe 標(biāo)簽同樣是一個(gè)成對(duì)出現(xiàn)的標(biāo)簽。下面就請(qǐng)大家跟隨老師的步驟一起看一看如何利用 Dreamweaver CC
2018 在網(wǎng)頁(yè)中插入 Iframe 標(biāo)簽吧。

首先，我們還是新建一個(gè)空白的 HTML 頁(yè)面。第二步我們還是找到我們熟悉的插入面板，在里面尋找我們今天的主角，Iframe。

然后我們就可以看到像下圖所示的過(guò)程一樣，你的空白網(wǎng)頁(yè)里插入了一個(gè) Iframe 元素。同時(shí)，在下方的代碼視圖里你也看到了成對(duì)出現(xiàn)的 IFrame 標(biāo)簽。

到此，我們利用 Dreamweaver CC 2018 設(shè)置網(wǎng)頁(yè)中的 Iframe 就算成功的實(shí)施了。

3.本節(jié)小結(jié)

本節(jié)知識(shí)點(diǎn)屬于推陳出新，既提到了過(guò)去章節(jié)知識(shí)點(diǎn)學(xué)到的一些東西，又帶著大家學(xué)習(xí)了新的操作方法，實(shí)際上我們不必掌握太多花哨的 Dreamweaver CC 2018 的操作，跟著老師的 wiki 教程學(xué)習(xí)后，足夠大家勝任正常的網(wǎng)頁(yè)設(shè)計(jì)了。因此大家還是要在課下對(duì)于老師講解的這些基礎(chǔ)的，易理解的，易于操作且關(guān)鍵的 Dreamweaver CC 2018 知識(shí)點(diǎn)多多練習(xí)，多多復(fù)習(xí)，這樣大家離順利出師就會(huì)越來(lái)越近啦！

本節(jié)知識(shí)點(diǎn)的重點(diǎn)是：網(wǎng)頁(yè)中標(biāo)題的設(shè)置。
本節(jié)知識(shí)點(diǎn)的難點(diǎn)是：網(wǎng)頁(yè)中如何插入一個(gè) Iframe 標(biāo)簽。