欧美色欧美亚洲高清在线观看,国产特黄特色a级在线视频,国产一区视频一区欧美,亚洲成a 人在线观看中文

<ul id="fwlom"></ul>

<object id="fwlom"></object>

<span id="fwlom"></span><dfn id="fwlom"></dfn>

<object id="fwlom"></object>

教學(xué)設(shè)計：《Dreamweaver網(wǎng)頁制作實用教程》----框架技術(shù)

時間：2019-05-13 00:40:56 收藏本文下載本文作者：會員上傳

簡介：寫寫幫文庫小編為你整理了多篇相關(guān)的《教學(xué)設(shè)計：《Dreamweaver網(wǎng)頁制作實用教程》----框架技術(shù)》，但愿對你工作學(xué)習(xí)有幫助，當(dāng)然你在寫寫幫文庫還可以找到更多《教學(xué)設(shè)計：《Dreamweaver網(wǎng)頁制作實用教程》----框架技術(shù)》。

第一篇：教學(xué)設(shè)計：《Dreamweaver網(wǎng)頁制作實用教程》----框架技術(shù)

教學(xué)設(shè)計：《Dreamweaver網(wǎng)頁制作實用教程》----框架技術(shù)

《Dreamweaver網(wǎng)頁制作實用教程》----框架技術(shù) 教學(xué)預(yù)案設(shè)計：羅執(zhí)清（沙洋職教中心）

一、創(chuàng)意說明

網(wǎng)頁制作是計算機(jī)應(yīng)用專業(yè)的一門主干課程。我校采用的教材是機(jī)械工業(yè)出版社的《Dreamweaver網(wǎng)頁制作實用教程》，框架技術(shù)是該書第八章的內(nèi)容。書中是以三個小任務(wù)的形式介紹了制作框架網(wǎng)頁的基本步驟，若按書上內(nèi)容用傳統(tǒng)的教師講解、學(xué)生操作的方式教學(xué)，會存在一些問題。

1、學(xué)生不理解為什么要用框架結(jié)構(gòu)來制作網(wǎng)頁；

2、學(xué)生只是按任務(wù)要求及具體的操作提示來完成框架結(jié)構(gòu)網(wǎng)頁，并不知道這種框架結(jié)構(gòu)的網(wǎng)頁應(yīng)用什么場合，在什么情況下選用框架結(jié)構(gòu)來設(shè)計網(wǎng)頁呢？

3、內(nèi)容上沒有學(xué)生喜歡的動態(tài)或多媒體元素，學(xué)生覺得只是按部就班地操作，提不起興趣。所以在本節(jié)課的設(shè)計中要有心注意處理好以上三個問題，精心設(shè)計課件與學(xué)件，把提高學(xué)生學(xué)習(xí)興趣，培養(yǎng)學(xué)生動手能力有機(jī)融于教學(xué)。采用任務(wù)驅(qū)動和項目教學(xué)法，在教學(xué)中分“基本任務(wù)”和“拓展任務(wù)”兩個層次設(shè)計教學(xué)內(nèi)容，要求每個學(xué)生必須完成“基本任務(wù)”中的內(nèi)容，而對學(xué)有余力的同學(xué)再繼續(xù)完成“拓展任務(wù)”中內(nèi)容的制作，從而達(dá)到分層教學(xué)的目的。

二、學(xué)情分析

學(xué)生已經(jīng)學(xué)過了office、Photoshop、flash等軟件，對Dreamweaver 8的啟動、關(guān)閉、文件操作、文字編輯和圖片處理都會有一種似曾相識的感覺，這種知識遷移對后續(xù)的學(xué)習(xí)非常有利。同時，學(xué)生已初步掌握了網(wǎng)絡(luò)通信的基礎(chǔ)知識，因特網(wǎng)的信息服務(wù)，網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵件的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力。網(wǎng)頁制作單元就可側(cè)重培養(yǎng)信息表達(dá)的能力，這對于加強(qiáng)學(xué)生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設(shè)計也給學(xué)生提供了展示個性、自主創(chuàng)新的機(jī)會，促使他們主動地學(xué)、創(chuàng)造性地學(xué)；網(wǎng)頁的評價則能使學(xué)生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風(fēng)格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。

三、教材內(nèi)容分析

框架設(shè)計是網(wǎng)頁制作的一個重要模塊，能夠?qū)g覽器頁面分割成幾個不等的窗口，每個窗口相對獨立，在同一頁面的幾個窗口同時瀏覽不同的網(wǎng)頁文件或者相對保持某些窗口的內(nèi)容。從在本教材所處的位置來看，框架技術(shù)是在創(chuàng)建新站點、制作簡單網(wǎng)頁、運用表格制作網(wǎng)頁和動態(tài)網(wǎng)頁之后。通過前面的學(xué)習(xí)，學(xué)生可以建立有多張網(wǎng)頁的個人站點，會運用表格給網(wǎng)頁布局，為了使網(wǎng)頁增添動感，還會通過增加滾動字幕、動態(tài)按鈕以及動畫插件等方法，令網(wǎng)頁更加具有活力。但是除了表格布局外，還有一種常見的布局形式，應(yīng)用也相當(dāng)廣泛。通過本單元學(xué)習(xí)，能幫助學(xué)生理解框架結(jié)構(gòu)制作網(wǎng)頁的應(yīng)用，在設(shè)計網(wǎng)站時能靈活運用兩種布局方法。從教材的難易度分析，這部分知識點學(xué)生從來沒有接觸過，有前面學(xué)習(xí)其它軟件時也沒有類似的地方，故而有一定難度，教學(xué)目標(biāo)不能定得太高。

四、教學(xué)目標(biāo)分析

本單元的認(rèn)知、能力和情感三種目標(biāo)分述如下：認(rèn)知目標(biāo)：

①理解框架結(jié)構(gòu)的含義和用途

②掌握框架和框架集的含義，學(xué)會創(chuàng)建普通框架頁面、創(chuàng)建嵌套框架結(jié)構(gòu)頁面、創(chuàng)建浮動框架頁面 ③掌握框架屬性的設(shè)置方法 ④掌握框架網(wǎng)頁的保存方法能力目標(biāo)：

①具備建立網(wǎng)頁框架及設(shè)置框架屬性的能力 ②能夠應(yīng)用網(wǎng)頁框架建立簡單的網(wǎng)頁情感目標(biāo)：

培養(yǎng)學(xué)生網(wǎng)頁設(shè)計的審美能力、創(chuàng)新能力、協(xié)作學(xué)習(xí)和自主學(xué)習(xí)能力

五、教學(xué)策略設(shè)計

1、實施任務(wù)驅(qū)動，把學(xué)習(xí)的主動權(quán)交給學(xué)生，引導(dǎo)學(xué)生動手嘗試、觀察辨析

2、采用項目教學(xué)和小組討論法，培養(yǎng)學(xué)生合作學(xué)習(xí)和自主學(xué)習(xí)的能力

3、實施分層教學(xué)，從好、中、差各類學(xué)生的實際出發(fā)，確定不同層次的目標(biāo)，進(jìn)行不同層次的教學(xué)和輔導(dǎo)，使各類學(xué)生得到充分的發(fā)展

4、采用半成品加工策略，提供一些素材，讓學(xué)生直接制作，提高學(xué)習(xí)的效率。

六、教學(xué)過程設(shè)計

1、課前探究

①訪問推薦網(wǎng)頁，形成小組、組織學(xué)生討論網(wǎng)頁內(nèi)容和風(fēng)格，分析網(wǎng)頁框架和布局。②提供網(wǎng)頁欄目劃分建議。③組織各小組討論。

2、新課導(dǎo)入：教學(xué)環(huán)節(jié)

教師活動

學(xué)生活動

設(shè)計目的新課導(dǎo) 入

1、教師演示一些用網(wǎng)頁框架制作的優(yōu)秀網(wǎng)頁作品

2、提問：這些網(wǎng)頁是如何制作的呢？引起學(xué)生的興趣

1、回答問題，帶著問題觀察老師的操作

2、分析幾個網(wǎng)站的特色

3、提供網(wǎng)頁欄目劃分

1、開門見山，明確這節(jié)課學(xué)習(xí)的內(nèi)容

2、演示優(yōu)秀作品，引起學(xué)生的興趣

第二篇：Dreamweaver制作網(wǎng)頁經(jīng)典問題

Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(1)1> 在DW中，如何輸入一個空格呢？

輸入空格的問題，在DW似乎已成了一個老生常談的問題，我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。

DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的，因此通過將輸入法調(diào)整到全角模式就可以避免了，方法是：打開中文輸入法（以人工智能ABC為例），按Shift+Space切換到全角狀態(tài)，現(xiàn)在應(yīng)該沒問題了。此外，你還可以通過許多“變通”的方法達(dá)到錄入空格的目的，比如常用的是：

直接在源代碼中加入代表空格的HTML代碼“ ”；輸入一定長度的文字對象后，然后調(diào)整文字的顏色與當(dāng)前的背景顏色相同等等，不過注意的是后者在一些瀏覽器中可能顯示上有點問題。

2> 如何在瀏覽器地址欄前添加自定義的小圖標(biāo)？

你是不是記得有時在瀏覽網(wǎng)易網(wǎng)站的首頁時，在地址004km.cn前會顯示一個“易”字樣的小圖標(biāo)。而默認(rèn)情況下，這個圖標(biāo)是一個IE瀏覽器的指定圖片。

其實這也不是什么高深技術(shù)，只不過在網(wǎng)站目錄下添加了一個特定文件而已。

這時，我們需要預(yù)先制作一個圖標(biāo)文件，大小為16*16像素。文件擴(kuò)展名為ico，然后上傳到相應(yīng)目錄中。在HTML源文件“”之間添加如下代碼：

其中的“SHORTCUT ICON”即為該圖標(biāo)的名稱。當(dāng)然如果用戶使用IE5或以上版本瀏覽時，就更簡單了，只需將圖片上傳到網(wǎng)站根目錄下，即可自動識別！

3> 為什么，我本來設(shè)計很好的網(wǎng)頁，在瀏覽器窗口最小化時會變的丑陋難堪？

這應(yīng)該是個很值得大家注意的問題，也就是說，在全屏狀態(tài)下瀏覽網(wǎng)頁內(nèi)容時，一點問題也沒有。當(dāng)我們使用窗口的最小化命令或手動的調(diào)整窗口的大小時，問題就慢慢出現(xiàn)了。網(wǎng)頁內(nèi)容會把當(dāng)前窗口作為顯示范圍，依次下挫。舉個例子，和在記事本中有“自動換行”和“沒換行”的差別是完全一樣的。解決這個問題，我們必須從網(wǎng)頁的布局說起，一般情況下，網(wǎng)頁內(nèi)容的定位大多是通過表格來實現(xiàn)的。因此問題的“毛病”也就出在表格上。你可能已經(jīng)注意到了，在表格的高寬設(shè)定選擇上提供了兩種不同的類型，百分比和像素。其中百分比的使用將會產(chǎn)生前面說到的那個毛病，將其全部更正為Pixels單位的實際大小就可以了。

4> 如何改變網(wǎng)頁顯示時，最頂部的提示信息？

瀏覽網(wǎng)頁時，頂部的提示信息往往代表了網(wǎng)頁內(nèi)容的關(guān)鍵所在，有助于訪問者提前了解網(wǎng)頁內(nèi)容。在DW4前，沒有在功能上直接提供該操作，我們往往通過在源代碼中應(yīng)用“title”屬性來完成。進(jìn)入DW4就簡單多了。

直接在編輯窗口最上方的“title”輸入框內(nèi)鍵入所需要的文字信息即可。

·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(2)5> 怎么樣，才能為圖片添加指定顏色的邊框？

對于沒有邊框的圖片而言，直接插入到網(wǎng)頁中，在顯示效果上是相當(dāng)差的。記得在微軟的FP中要給圖片添加滿意的邊框還是相當(dāng)麻煩的。不過在DW中就顯得容易多了，因為這里有一個“Border”屬性，可以讓你直接設(shè)置邊框的寬度。

寬度設(shè)好了，你一定會問，顏色呢？面板上并沒有提供顏色的選擇呀！呵呵，其實這里有一個技巧問題，用鼠標(biāo)選擇圖片對象，注意不是點擊選中，而是拖動選擇。象設(shè)定文字顏色一樣進(jìn)行就可以了。

6> 如何添加圖片及鏈接文字的提示信息？

在我們?yōu)g覽網(wǎng)頁時，當(dāng)鼠標(biāo)停留在圖片對象或鏈接上時，在鼠標(biāo)的右下有時會出現(xiàn)一個提示信息框。對目標(biāo)進(jìn)行一定的注釋說明。在一些場合，它的作用是很重要的。

下面先看看圖片提示信息的添加，選中圖片對象，在屬性面板里你會發(fā)現(xiàn)有個“Alt”輸入框。默認(rèn)情況下，該輸入框是空白的。在這里錄入需要的提示內(nèi)容就可以了。

那么鏈接提示的制作就沒這么簡單了。因為DW中沒有直接提供該功能，因此我們需要通過添加HTML代碼來實現(xiàn)。

在中添加“title”屬性。title=提示內(nèi)容即可。

7> 如何把自己的ZIP或其他類型的文件供別人下載?

在不少初級網(wǎng)頁制作者看來,好象通過鼠標(biāo)單擊完成下載是件很“神秘”的事,實際上遠(yuǎn)非如此.在DW中凡是不被瀏覽器識別的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作為鏈接目標(biāo)時,默認(rèn)的操作都是下載.這時你只需要,把要瀏覽者下載的文件名寫好,然后制作一個到目標(biāo)文件的鏈接.注意目錄一定不要搞錯.8> 怎樣才能夠保證網(wǎng)頁中文字不跟隨瀏覽器字體大小設(shè)置而變動?

大家都知道,在IE瀏覽器的功能設(shè)置中，有一個可以自由設(shè)置窗口內(nèi)容字體大小的功能，這樣由于不同訪問者的習(xí)慣問題，呈現(xiàn)在他們面前的網(wǎng)頁有時也會不同。

比如你可能本來設(shè)計時用的是2號字體，結(jié)果由于用戶對瀏覽器的額外設(shè)定，變的更大了，這時顯示效果上就出問題了。

那么解決的辦法就是將網(wǎng)頁內(nèi)容定性的強(qiáng)制在某個合適的大小上。即不容許他變化。通過CSS樣式表對字體進(jìn)行強(qiáng)制性控制就可以實現(xiàn)這個要求了。

·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(3)

9> 以新窗口的形式打開目標(biāo)鏈接？

以新窗口打開，顧名思義，也就是在不覆蓋當(dāng)前窗口的前提下，另外打開一個瀏覽器窗口。你可以直接在連接代碼中加入“Target=_blank”。

如果你的HTML比較差的話，在DW屬性面板上同樣提供了這個設(shè)置，當(dāng)你在Link輸入框中鍵入004km.cnmon的“內(nèi)容”。

單擊上面的“Refresh”按鈕，其中“Delay”輸入框中鍵入刷新延遲的時間（單位：秒），“Action”為刷新指定的目標(biāo)URL。因為現(xiàn)在是刷新當(dāng)前頁面，直接選單選項“Refresh This Document”即可。

·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(4)

13> 如何定義網(wǎng)頁的關(guān)鍵字（Keyname）？

當(dāng)用戶使用搜索引擎search合適內(nèi)容的網(wǎng)頁時，關(guān)鍵字起著一個不容忽視的作用。大多的搜索服務(wù)器會每隔一段時間自動探測網(wǎng)絡(luò)中是否有新網(wǎng)頁產(chǎn)生，并把他們按關(guān)鍵字進(jìn)行記錄，以方便用戶查詢。

你當(dāng)然想讓你的網(wǎng)頁出現(xiàn)在搜索引擎的查詢返回列表中了，這時關(guān)鍵字的定義就尤為重要了。

同樣在“Head”面板部分，單擊“Keywords”按鈕，錄入需要逐個定義的關(guān)鍵字即可，注意每個關(guān)鍵字以“；”號隔開，數(shù)目沒有限制。

14> 如何在編輯窗口中，隱藏一些不必要的標(biāo)簽？

當(dāng)用戶在網(wǎng)頁中插入了太多的不可見元素時，在編輯窗口的最上面就會顯示一排相應(yīng)的標(biāo)示標(biāo)簽，用來方便用戶隨時能找到它們。雖然這些標(biāo)簽本身并不影響瀏覽器里的顯示效果，但多了以后，往往使網(wǎng)頁內(nèi)容不得不錯位，從而一定程度上妨礙網(wǎng)頁視覺上的調(diào)整，那么怎么樣才能把這些東東去掉呢？

進(jìn)入“Preperence”面板，列表中選擇“Invisibel Elements”，勾掉你不想顯示的項目前的“對號”即可，比如Scripts等

15>安排不支持“框架”的瀏覽器的顯示內(nèi)容？

我們知道，目前的瀏覽器類型很多，因此我們設(shè)計網(wǎng)頁時最先考慮到的往往是“這個東西是不是在不同的瀏覽器中都能顯示好呢？”?？蚣芫褪且粋€例子！

不過避免開這點，很簡單，你只需要在源代碼中加入下面的內(nèi)容就可以了。

<object id="fwlom"></object>