dream教案[共9頁]

1、dream 教案 【篇一： dream weaver 教案】授課題目：第一章 開發(fā)環(huán)境的認(rèn)識(shí)和本地站點(diǎn)的創(chuàng)建目的要求：掌握 dreamweaver cs3 的工作界面、創(chuàng)建本地站點(diǎn)、使用文本進(jìn)行格式化處理 重點(diǎn)難點(diǎn)：創(chuàng)建本地站點(diǎn)、使用文本進(jìn)行格式化處理組織教學(xué)：點(diǎn)名考勤；復(fù)習(xí)；引入新課；講解理論知識(shí)；實(shí)例演示；指導(dǎo)學(xué)生練習(xí)；總結(jié) 總結(jié)復(fù)習(xí)導(dǎo)入新課：internet 相關(guān)知識(shí)，網(wǎng)絡(luò)上的多種網(wǎng)頁引入如何設(shè)計(jì)網(wǎng)頁提問：1、什么是 internet ？2、網(wǎng)絡(luò)上的網(wǎng)頁都一樣么？有什么不同？3、知道哪些編輯網(wǎng)頁的工具？教學(xué)方式、手段、媒介：教學(xué)手段：講授、多媒體；媒介：教材授課內(nèi)容：第一章 開發(fā)環(huán)境的認(rèn)

2、識(shí)和本地站點(diǎn)的創(chuàng)建理論部分理論 1 網(wǎng)站簡(jiǎn)述講解：網(wǎng)站的基本術(shù)語網(wǎng)站在因特網(wǎng)中有許多用于存放信息和發(fā)布信息的計(jì)算機(jī)， “網(wǎng)站 ”就是存放于這些機(jī)器上的一系列文檔的組合，也稱為 “站點(diǎn) ”。網(wǎng)站中信息的發(fā)布用 “網(wǎng)頁 ”來實(shí)現(xiàn)。網(wǎng)站中的文檔通過超鏈接關(guān)聯(lián)起來，利用瀏覽器可以從一個(gè)文檔跳轉(zhuǎn)到另一個(gè)文檔，實(shí)現(xiàn)整個(gè)網(wǎng)站的瀏覽。通過超鏈接還可以與因特網(wǎng)中任何一個(gè)網(wǎng)站關(guān)聯(lián)起來，實(shí)現(xiàn)在整個(gè)因特網(wǎng)上的瀏覽。可以這樣說，網(wǎng)站是因特網(wǎng)的靈魂。本地機(jī)與服務(wù)器瀏覽網(wǎng)站的用戶所使用的計(jì)算機(jī)被稱為本地計(jì)算機(jī)，啟動(dòng)瀏覽器、打開網(wǎng)頁等操作，都在本地計(jì)算機(jī)上完成。本地計(jì)算機(jī)與 internet 服務(wù)器之間通過各種通信線路連接，

3、以實(shí)現(xiàn)相互通信。本地站點(diǎn)與遠(yuǎn)端站點(diǎn)我們把存貯在本地機(jī)上的站點(diǎn)稱為本地站點(diǎn)，把存貯在 internet 服務(wù)器上的站點(diǎn)稱為遠(yuǎn)端站點(diǎn)。遠(yuǎn)端站點(diǎn)的網(wǎng)站文件和磁盤組織形式，一般都在本地機(jī)上做好并調(diào)試完畢后，上載到 internet 服務(wù)器，在本地機(jī)上構(gòu)建站點(diǎn)框架，完成站點(diǎn)設(shè)計(jì)，進(jìn)行站點(diǎn)測(cè)試，上傳到internet 后便形成遠(yuǎn)端站點(diǎn)。在本地機(jī)上對(duì)站點(diǎn)文檔編輯、修改、管理，測(cè)試成功后，上傳到 internet 便實(shí)現(xiàn)對(duì)遠(yuǎn)端站點(diǎn)的管理和修改。ip 地址和域名 internet 為每個(gè)站點(diǎn)分配一個(gè)惟一的地址，由 4 個(gè)從 0 到 255 之間的數(shù)字組成，數(shù)字之間用圓點(diǎn)隔開（如： 6

4、），稱為ip 地址。 ip 地址也稱為 url （unique resource location ），譯為“統(tǒng)一資源定位器 ”。域名地址 域名地址和 ip 地址代表同一個(gè)網(wǎng)站，訪問一個(gè)站點(diǎn)時(shí)輸入哪種地址都可以，用域名轉(zhuǎn)換服務(wù)器轉(zhuǎn)換。因?yàn)?ip 地址在 internet 中是惟一的，所以域名地址在 internet 中也是惟一的。有些域名后面帶有本國(guó)域名。例如新浪網(wǎng)址： .cn ，cn 代表該網(wǎng)站屬于中國(guó)。超級(jí)文本傳輸協(xié)議 該協(xié)議經(jīng)常用來在網(wǎng)絡(luò)上傳送 web 頁。當(dāng)用戶以 “http:/ 開”始一個(gè)鏈接的名字時(shí)，就是告訴瀏覽器去訪問使用 http 的 web 頁。主頁和網(wǎng)頁網(wǎng)站主頁是用戶登陸到

5、網(wǎng)站后看到的第一個(gè)頁面，是最重要的一頁。被主頁調(diào)用的網(wǎng)頁稱為子頁，子頁又可以調(diào)用其他子頁，通過超鏈接實(shí)現(xiàn)。網(wǎng)站的中主頁使用規(guī)定的文件名，不能隨便起。不同的服務(wù)器對(duì)主頁默認(rèn)名稱規(guī)定不相同，其文件名多為 index.htm 或 index.html 或default.htm 或 default.html 。采用了動(dòng)態(tài)頁面作為主頁的網(wǎng)站，主頁文件名后綴是諸如 asp 、php 、jsp 等。在瀏覽器中輸入網(wǎng)址后，主機(jī)會(huì)自動(dòng)執(zhí)行默認(rèn)主頁。主頁的一個(gè)重要的功能是導(dǎo)航，利用超鏈接指引用戶瀏覽本網(wǎng)站或其他網(wǎng)站的信息。靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁是一個(gè) html 或 htm 文件，服務(wù)器傳送 html 代碼的文件到瀏覽器

6、，再由瀏覽器解釋為可見的對(duì)象呈現(xiàn)給瀏覽者。動(dòng)態(tài)網(wǎng)頁動(dòng)態(tài)網(wǎng)頁的格式通常有 3 種： 1.asp 2.jsp 3.php 動(dòng)態(tài)網(wǎng)站動(dòng)態(tài)網(wǎng)頁文件數(shù)據(jù)庫(kù)網(wǎng)站建設(shè)的流程1. 網(wǎng)站的策劃與效果圖的設(shè)計(jì)2. 設(shè)計(jì)與開發(fā)3. 測(cè)試與發(fā)布構(gòu)成網(wǎng)頁的元素網(wǎng)頁包括的主要元素有：文本、圖像、動(dòng)畫、聲音、視頻、表格、表單等。1.文本文本是人類最重要的信息載體和交流的工具，網(wǎng)頁的主體一般以文本為主。在制作網(wǎng)頁時(shí)，可以根據(jù)需要設(shè)置文本的字體、字號(hào)、顏色以及所需要的其他格式。文本在網(wǎng)頁中的主要功能是顯示信息和超級(jí)鏈接，文本通過文字的具體內(nèi)容與不同的格式來顯示信息的重要內(nèi)容，這是文本的直接功能。此外，文本作為一個(gè)對(duì)象，往往又是

7、超級(jí)鏈接的觸發(fā)體，通過文本表達(dá)的鏈接目標(biāo)指向相關(guān)內(nèi)容。2.圖像圖像在網(wǎng)頁中可以起到提供信息、展示作品、美化網(wǎng)頁以及體現(xiàn)風(fēng)格等效果。圖像可以用作標(biāo)題、網(wǎng)站標(biāo)志、網(wǎng)頁背景、鏈接按紐、導(dǎo)航條、網(wǎng)頁主圖等，網(wǎng)頁中使用圖像的格式主要有： gif 、jpeg 、png 等格式。3.動(dòng)畫動(dòng)畫實(shí)質(zhì)上就是動(dòng)態(tài)的圖像。在網(wǎng)頁中使用動(dòng)畫可以有效地吸引瀏覽者的注意。由于活動(dòng)的對(duì)象比靜止的對(duì)象更具有吸引力，因而，網(wǎng)頁上通常有大量的動(dòng)畫。網(wǎng)頁中使用較多的動(dòng)畫是 gif 動(dòng)畫和flash 動(dòng)畫。4.聲音聲音是多媒體網(wǎng)頁的一個(gè)重要組成部分。用于網(wǎng)絡(luò)聲音文件格式非常多，常用的是 midi 、mav 、mp3 和 aif 等。一

8、般來講，不要使用聲音文件作為網(wǎng)頁的背景音樂，那樣會(huì)影響網(wǎng)頁的下載速度?？梢栽诰W(wǎng)頁中添加一個(gè)鏈接來打開聲音文件作為背景音樂，讓播放音樂變得可以控制。瀏覽器的不同，處理聲音文件的方式也會(huì)有很大的差異和不一致的地方，最好將聲音文件添加到 flash 影片中，然后嵌入 swf 文件以改善一致性。視頻在網(wǎng)頁中視頻文件格式也非常多，常見的有 realplayer 、mpeg 、avi 和 divx 、flash 等。 表格表格是一種用來控制網(wǎng)頁中頁面布局的有效方式。為了達(dá)到理想的視覺效果，通常都不顯示邊框，我們所看到的網(wǎng)頁如果具有橫豎分明的風(fēng)格，一般都是用表格來輔助布局的。許多設(shè)計(jì)人員使用表格對(duì)網(wǎng)頁進(jìn)行布

9、局。 dreamweaver 提供兩種方式來查看和操作表格：標(biāo)準(zhǔn)視圖和布局視圖。在標(biāo)準(zhǔn)視圖中，表格顯示為行和列的網(wǎng)格，而布局視圖允許創(chuàng)建者在將表格用做基礎(chǔ)結(jié)構(gòu)的同時(shí)在網(wǎng)頁上繪制、移動(dòng)方框以及調(diào)整方框的大小。表單表單是一種特殊的網(wǎng)頁元素。表單的主要用途是：收集聯(lián)系信息、接受用戶要求、獲得反饋意見、設(shè)置訪問者簽名、讓瀏覽者輸入關(guān)鍵字去搜索相關(guān)網(wǎng)頁、讓瀏覽者注冊(cè)會(huì)員或以會(huì)員身份登錄。登錄的用戶名、密碼、搜索引擎等都是表單。表單由不同功能的表單元素組成，最簡(jiǎn)單的表單也要包含一個(gè)輸入?yún)^(qū)域和一個(gè)提交按鈕。站點(diǎn)瀏覽者填寫表單的方式通常是輸入文本、選中單選按鈕和復(fù)選框，以及從下拉列表框中選擇選項(xiàng)。根據(jù)表單功能

10、和處理方式的不同，通?？梢詫⒈韱畏譃橛脩舴答伇韱?、流言簿表單、搜索表單和用戶注冊(cè)表單等類型。網(wǎng)頁設(shè)計(jì)中遵循的準(zhǔn)則：1.嚴(yán)格遵循策劃方案（客戶的需求）2. 明確網(wǎng)站的定位3. 界面設(shè)計(jì)要注重友好性理論2 開發(fā)工具的介紹講解：常用的網(wǎng)頁編輯工具介紹dreamweaver cs3 工作界面dreamweaver標(biāo)準(zhǔn)工作界面大致可以分為以下幾個(gè)區(qū)域 :標(biāo)題欄:菜單欄：文件：用來管理文件。插入：用來插入各種元素 .修改：具有對(duì)頁面元素修改的功能。文本：用來對(duì)文本操作。命令：所有的附加命令項(xiàng)站點(diǎn)：用來創(chuàng)建和管理站點(diǎn)窗口：用來顯示和隱藏控制面板以及切換文檔窗口幫助：聯(lián)機(jī)幫助功能。文檔工具欄：“文檔 ”工具欄

11、中包含按鈕，這些按鈕使您可以在文檔的不同視圖間快速切換： “代碼”視圖、 “設(shè)計(jì)”視圖、同時(shí)顯示 “代碼”和“設(shè)計(jì)”視圖的拆分視圖。工具欄中還包含一些與查看文檔、在本地和遠(yuǎn)程站點(diǎn)間傳輸文檔有關(guān)的常用命令和選項(xiàng)。文檔窗口顯示當(dāng)前文檔?？梢赃x擇下列任一視圖： （1）設(shè)計(jì)視圖：是一個(gè)用于可視化頁面布局、可視化編輯和快速應(yīng)用程序開發(fā)的設(shè)計(jì)環(huán)境。在該視圖中， dreamweaver顯示文檔的完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁面時(shí)看到的內(nèi)容。 （2）代碼視圖：是一個(gè)用于編寫和編輯 html 、javascript 、服務(wù)器語言代碼（如 php 或 coldfusion標(biāo)記語言）以及任何其它

12、類型代碼 的手工編碼環(huán)境。（3）代碼和設(shè)計(jì)視圖：可以在單個(gè)窗口中同時(shí)看到同一文檔的代碼視圖和設(shè)計(jì)視圖。當(dāng)文檔窗口有一個(gè)標(biāo)題欄時(shí)，標(biāo)題欄顯示頁面標(biāo)題，并在括號(hào)中顯示文件的路徑和文件名。如果您做了更改但尚未保存，dreamweaver 將在文件名后顯示一個(gè)星號(hào)。 “插入 ”欄：插入面板集成了所有可以在網(wǎng)頁應(yīng)用的對(duì)象包括 “插入 ”菜單中的選項(xiàng)。有常用、布局、表單、文本、 html 、應(yīng)用程序、 flash 元素和收藏夾共 8 個(gè)二級(jí)菜單共 167 個(gè)按鈕。插入面板組其實(shí)就是圖像化了的插入指令，通過一個(gè)個(gè)的按鈕，可以很容易的加入圖像、聲音、多媒體動(dòng)畫、表格。圖層、框架、表單、 flash 和 act

13、ivex 等網(wǎng)頁元素。文檔窗口：“文檔 ”窗口顯示當(dāng)前文檔?？梢赃x擇下列任一視圖： “設(shè)計(jì)”視圖是一個(gè)用于可視化頁面布局、可視化編輯和快速應(yīng)用程序開發(fā)的設(shè)計(jì)環(huán)境。在該視圖中， dreamweaver 8.0顯示文檔的完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁面時(shí)看到的內(nèi)容。 “代碼”視圖是一個(gè)用于編寫和編輯 html 、javascript 、服務(wù)器語言代碼以及任何其他類型代碼的手工編碼環(huán)境。 “代碼和設(shè)計(jì)”視圖使您可以在單個(gè)窗口中同時(shí)看到同一文檔的 “代碼”視圖和 “設(shè)計(jì)”視圖。 屬性欄(屬性檢查器 )：屬性面板并不是將所有的屬性加載在面板上，而是根據(jù)我們選擇的對(duì)象來動(dòng)態(tài)顯示對(duì)象的屬

14、性屬性面板的狀態(tài)完全是隨當(dāng)前在文檔中選擇的對(duì)象來確定的。例如，當(dāng)前選擇了一幅圖像，那么屬性面板上就出現(xiàn)該圖像的相關(guān)屬性；如果選擇了表格，那么屬性面板會(huì)相應(yīng)的變化成表格的相關(guān)屬性。狀態(tài)欄：文檔窗口 ”的底部的狀態(tài)欄提供了與你正在創(chuàng)建的文檔的有關(guān)其他信息。 “文檔 ”窗口底部的狀態(tài)欄提供與你正創(chuàng)建的文檔有關(guān)的其它信息。標(biāo)簽選擇器顯示環(huán)繞當(dāng)前選定內(nèi)容的標(biāo)簽的層次結(jié)構(gòu)。單擊該層次結(jié)構(gòu)中的任何標(biāo)簽以選擇該標(biāo)簽及其全部?jī)?nèi)容。單擊 可以選擇文檔的整個(gè)正文。（1）標(biāo)簽選擇器：標(biāo)簽選擇器顯示環(huán)繞當(dāng)前選定內(nèi)容的標(biāo)簽的層次結(jié)構(gòu)。單擊該層次結(jié)構(gòu)中的任何標(biāo)簽以選擇該標(biāo)簽及其全部?jī)?nèi)容。單擊body 可以選擇文檔的整個(gè)正文

15、。若要設(shè)置標(biāo)簽選擇器中某個(gè)標(biāo)簽的 class 或 id 屬性，請(qǐng)右鍵單擊(windows) 或按住 control鍵并單擊(macintosh)該標(biāo)簽，然后從上下文菜單中選擇一個(gè)類或 id 。標(biāo)簽選擇器是選擇標(biāo)簽的首選方法，因?yàn)樗梢源_保您始終準(zhǔn)確地選擇標(biāo)簽。（2） 手形工具：可以用來單擊文檔并將其拖入 “文檔 ”窗口。（3） “縮放 ”工具和 “設(shè)置縮放比率 ”： “縮放 ”工具和 “設(shè)置縮放比率 ”彈出式菜單可以讓您為文檔設(shè)置縮放比率。（4） “窗口大小 ”彈出式菜單：該菜單僅在 “設(shè)計(jì)”視圖中可見。用來將 “文檔 ”窗口的大小調(diào)整到預(yù)定義或自定義的尺寸。 “窗口大小 ”彈出式菜單的右側(cè)是

16、頁面的文檔大小和估計(jì)下載時(shí)間。 浮動(dòng)面板組：站點(diǎn)的目錄結(jié)構(gòu)常識(shí)理論案例 1創(chuàng)建 taobao 站點(diǎn)完成案例：涉及的知識(shí)點(diǎn)：使用向?qū)Х绞絼?chuàng)建 dreamweaver 站點(diǎn)提供一種組織所有與 web 站點(diǎn)關(guān)聯(lián)的文檔的方法。通過在站點(diǎn)中組織文件，可以利用 dreamweaver 將站點(diǎn)上傳到web 服務(wù)器、自動(dòng)跟蹤和維護(hù)鏈接、管理文件以及共享文件。若要充分利用 dreamweaver 的功能，需要定義一個(gè)站點(diǎn)。dreamweaver 站點(diǎn)由三部分組成，具體取決于開發(fā)環(huán)境和所開發(fā)的web 站點(diǎn)類型：（ 1）本地文件夾：是您的工作目錄。dreamweaver 將該文件夾稱為 “本地站點(diǎn) ”。此文件夾可以

17、位于本地計(jì)算機(jī)上，也可以位于網(wǎng)絡(luò)服務(wù)器上。這就是為 dreamweaver 站點(diǎn) 所處理的文件的存儲(chǔ)位置。（ 2）遠(yuǎn)端文件夾：是存儲(chǔ)文件的位置，這些文件用于測(cè)試、生產(chǎn)、協(xié)作等，具體取決于開發(fā)環(huán)境。dreamweaver 在“文件 ”面板中將該文件夾稱為 “遠(yuǎn)端站點(diǎn) ”。一般說來，遠(yuǎn)端文件夾位于運(yùn)行 web 服務(wù)器的計(jì)算機(jī)上。（ 3）測(cè)試服務(wù) 器文件夾：是 dreamweaver 處理動(dòng)態(tài)頁的文件夾。定義一個(gè)新的站點(diǎn)步驟如下： （1）在 c 盤新建一個(gè)文件夾。打開 “我的電腦 ”，打開 c 盤，點(diǎn)鼠標(biāo)右鍵，選擇 “新建 ”，選擇 “文件夾 ”選項(xiàng)，此時(shí)， c 盤下會(huì)出現(xiàn)一個(gè)新 建文件夾圖標(biāo)。 （

18、2）現(xiàn)在開始在 dreamweaver 8 中把 web 這個(gè)文件夾定義為站點(diǎn)。打開 dreamweaver 8，在菜單欄上，點(diǎn)擊站點(diǎn)菜單，選擇新建站點(diǎn)。（3）接下來需要給站點(diǎn)起一個(gè)名字，可以起任意一個(gè)名字，這里輸入“個(gè)人主頁 ”。（4）按下一步按鈕，選擇 “是否使用服務(wù)器技術(shù) ”。因?yàn)閷?shí)例建立的是一個(gè)靜態(tài)站點(diǎn)，就選擇 “否，我不想使用服務(wù)器技術(shù) ”。（5）按下一步按鈕，因?yàn)橐獋鞯骄W(wǎng)上的虛擬主頁空間，就要選擇“編輯我的計(jì)算機(jī)上的本地副本，完成后再傳到服務(wù)器上 ”。（6）按下一步，選擇要定義的本地根文件夾。這里選擇 web 文件夾。點(diǎn) “選擇 ”按鈕，然后單擊 “下一步 ”按紐。因?yàn)闆]有使用遠(yuǎn)程

19、服務(wù)器，就選擇 “無 ”。（7）然后單擊 “下一步 ”。（8）按完成按鈕，一個(gè)站點(diǎn)就定義好了。同樣，我們還可以使用 “站點(diǎn)定義 ”對(duì)話框中的 “高級(jí) ”設(shè)置來設(shè)置dreamweaver 站點(diǎn)。 “高級(jí) ”設(shè)置使您可以根據(jù)需要分別設(shè)置本地、遠(yuǎn)端和測(cè)試文件夾。1、設(shè)置本地文件夾本地文件夾是 dreamweaver 站點(diǎn)的工作目錄。此文件夾可以位于本地計(jì)算機(jī)上，也可以位于網(wǎng)絡(luò)服務(wù)器上。設(shè)置本地文件夾，可以按如下步驟：（1）選擇“站 點(diǎn) ”“管理站點(diǎn) ”，將出現(xiàn)“管理站點(diǎn) ”對(duì)話框。（2）單擊“新 建 ”，出現(xiàn)“站點(diǎn)定義”對(duì)話框?！酒浩吣昙?jí)英語下冊(cè) _unit1_dream_homes 教案 _牛

20、津版】【篇三： dream jobs 教案】教案： unit 7 dream jobs lesson 13肖尚征 step 1: warming up1. greetings.2. sing a song: jobs song.step 2: review1.從歌曲中導(dǎo)入職業(yè)名詞。t: this song is about .? yes, it is about jobs. can you find out the words about jobs?s: doctor, teacher 2. 復(fù)習(xí)所學(xué)職業(yè)名詞。t: apart from these, what else jobs do you

21、 know?s: singer, dancer 3. play a game: quick response. ( 看 ppt搶答 )4.總結(jié)職業(yè)名詞規(guī)律。step 3: presentation 1. 引出課題。 t: there are many kinds of jobs in the world. butnow you are a child. you can t get a jobs now, so they are yourdream jobs. 教授 dream.2. 揭題。 unit 7 dream jobs lesson 13 3. free talk: what is yo

22、ur dream job?4. game: guessing game. 在猜的過程中，引出 airhostess.5. 教授單詞： airhostess. step 4: text1. read the text and find out the new words. (hour different)2. taread the text again and anwers the questions:1) where is amy from?2) what does she want to be? 3) why? 教授詞組： fly in the sky. help people. make the trip nice andhappy.( 貼卡片 )3. read the text again and tell the features of an airhostess.教授詞組： work long hours, visit different places.( 貼卡片