<noframes id="ixm7d"><noframes id="ixm7d"><rt id="ixm7d"><delect id="ixm7d"></delect></rt><noframes id="ixm7d"><rt id="ixm7d"><rt id="ixm7d"></rt></rt><rt id="ixm7d"></rt> <noframes id="ixm7d"><rt id="ixm7d"><delect id="ixm7d"></delect></rt><delect id="ixm7d"></delect><bdo id="ixm7d"></bdo><rt id="ixm7d"></rt><bdo id="ixm7d"></bdo><noframes id="ixm7d"><rt id="ixm7d"><rt id="ixm7d"></rt></rt><rt id="ixm7d"><rt id="ixm7d"></rt></rt><noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d"><rt id="ixm7d"></rt> <noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d"><noframes id="ixm7d"><noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d"><noframes id="ixm7d"><noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d">

dreamweaver教學計劃

2023-07-02

時間如同白馬過隙,我們總是在和過去告別,在新的征程中我們要做好計劃,那么該如何書寫計劃才能發揮更大的價值呢?以下是小編整理的關于《dreamweaver教學計劃》,歡迎閱讀,希望大家能夠喜歡。

第一篇:dreamweaver教學計劃

Dreamweaver網頁設計教學計劃

《Dreamweaver網頁設計》教學方案

第一部分 說明

1.課程的性質與任務

“Dreamweaver網頁設計”是計算機網絡技術專業(???的一門統設必修課。本課程的主要任務是介紹利用Dreamweaver開發工具進行網頁設計,包括新建、編輯和設置一個Web站點;如何對頁面屬性進行基本的設置,如何設置、編輯CSS層疊式樣式表;如何排版文字、表格和層;如何進行基本的圖像處理;建立框架;模板和庫的使用和編輯;網站的發布與維護等基本知識與應用。目的是通過本課程的學習,培養學生的實際動手能力和計算機的操作能力,能夠運用所學的知識進行網頁設計。

2.與相關課程的銜接、配合、分工

先修課程:計算機應用基礎Photoshop圖像處理等。

后續課程:Flash動畫制作等。

3.課程的教學基本要求

本課程要求學生掌握基本的HTML語言。學會使用Dreamweaver開發工具進行網頁設計。這是一門重在實踐的科目,因此需要學生多上機、多進行實際操作,把老師所教授的各種網頁制作、版面設計以及程序熟練制作或調試出來,并且能夠在此基礎上有所創造、有更進一步的發揮。

4.課程教學要求的層次

1.掌握:

要求學生能夠全面掌握所學內容,并能夠用其分析、應用與Dreamweaver網頁設計相關的問題,能夠舉一反三。

2.理解:

要求學生能夠較好地理解與Dreamweaver網頁設計相關的問題,并且能夠進行簡單分析和判斷。

3.了解:

要求學生能夠一般地了解的所學內容。 第二部分 媒體使用與教學過程建議

學時分配

課程教學總學時90學時,5學分。其中授課36學時,實訓54學時。

2.多種媒體教材的總體說明

1.本課程文字教材為合一型教材,文字教材作為學習的主要媒體,著重反映課程的基本知識和針對性、應用性,在形式上要便于自學。在內容上包括基本理論知識講解和實訓兩部分。

2.視頻媒體配合文字教材的講授,內容重點在于實訓及輔導。

3.CAI課件作為網絡教學媒體,可以在互連網上使用也可以單機使用。

3.教學環節

以主教材講授為主,其它媒體作為輔助教學資源,以學生自學為主。

4.主要教學媒體的使用與學時分配

內容

序號 1 2 3 4 5 6 7 8 9 10 11 12 13 14

第1章 Dreamweaver基礎

第2章 網頁設計語言基礎

第3章 文本和圖像處理

第4章 表格與頁面布局

第5章 創建超級鏈接

第6章 層與層動畫

第7章 框架與框架網頁

第8章 創建CSS樣式表

第9章 資源、模板和庫

第10章 媒體對象的應用

第11章 表單處理

第12章 創建Web站點

第13章 制作動態網站

第14章 網站的維護和上傳

2學時 3學時 3學時 3學時 2學時 3學時 2學時 3學時 2學時 3學時 3學時 2學時 3學時 2學時

教學內容 理論學時

合計

36學時

第三部分 教學內容和教學要求

第1章 Dreamweaver基礎(2學時)

教學內容:

Dreamweaver 的歷史和簡介

Dreamweaver 的安裝過程

Dreamweaver 的全新界面

改進的設計與開發環境

主菜單介紹

對象控制面板介紹

教學要求:

掌握:Dreamweaver的基本特點、新增功能及界面組成?;静僮?,如安裝、新建、打開、導入、保存、關閉等。

理解:新增功能、界面組成的優點。

了解:Dreamweaver可以為我們做些什么。

第2章 網頁設計語言基礎(3學時)

教學內容:

HTML及XHTML語言介紹

常用的網頁語法標記

教學要求:

理解:HTML及XHTML語言介紹,常用的網頁語法標記

第3章 文本和圖像處理(3學時)

教學內容:

文本屬性面板

編輯文本和插入對象

設置文本的格式

編號與項目符號

在網頁中插入圖像

圖像的應用

教學要求:

掌握:設置文本屬性和格式;編號與項目符號的使用;插入、編輯和排版圖像。

理解:如何進行圖像調整。

第4章 表格與頁面布局

教學內容:

表格的基本操作

單元格的基本操作

表格的自動套用格式

表格的創建

表格的編輯

創建布局單元和表格

教學要求:

掌握:如何插入、編輯表格,創建布局單元和表格。

理解:表格在網頁排版中的作用。

了解:使用頁面布局模式進行網頁排版的方法。

第5章 創建超級鏈接(2學時)

教學內容:

(3學時)

鏈接分類

創建超級鏈接

鏈接的四種狀態

創建Email鏈接

管理超級鏈接

教學要求:

掌握:創建超級鏈接和Email鏈接,會設置鏈接的各種狀態。

理解:超級鏈接幾種狀態之間的差別和共同點。

了解:創建Email鏈接中的各種技巧。

第6章 層與層動畫(3學時)

教學內容:

層的概念

創建層

層操作

層與表格的相互轉換

層動畫的概念與設計

教學要求:

掌握:層的概念與使用

理解:層動畫的概念與設計

第7章 框架與框架網頁(2學時)

教學內容:

框架的基本概念

創建框架和框架集

框架的使用

框架和框架集的屬性設置

教學要求:

掌握:框架和框架集的創建;框架的使用。

理解:使用框架的優缺點。

第8章 創建CSS樣式表(3學時)

教學內容:

CSS層疊式樣式表

定義CSS樣式表

創建并鏈接到外部CSS樣式

設置CSS樣式的格式化參數

設置超鏈接顯示狀態

添加各種CSS效果

教學要求:

掌握:內部CSS和外部CSS的添加方法,編輯CSS屬性,使用CSS進行頁面的排版,創建各種CSS效果。

理解:使用CSS排版的優點。

了解:如何使用CSS控制背景、鼠標以及添加其它特殊效果。

第9章 資源、模板和庫(2學時)

教學內容:

資源管理

模板的創建

模板的編輯

定義模板可編輯區域

創建,管理和編輯庫項目

教學要求:

掌握:模板的創建,模板的編輯,定義模板可編輯區域

理解:資源管理

了解:創建,管理和編輯庫項目

第10章 媒體對象的應用(3學時)

教學內容:

插入Flash對象

插入Shockwave對象

插入視頻

插入ActiveX控件與Java小程序

填加聲音

教學要求:

掌握:插入Flash對象、插入Shockwave對象、插入視頻、插入ActiveX控件與Java小程序、填加聲音

第11章 表單處理(3學時)

教學內容:

表單概述

表單對象

創建表單

處理表單

創建動態表單

教學要求:

掌握:創建表單、處理表單和設置表單參數。

理解:表單的概念和作用。

了解:如何使用表單創建交互式界面。

第12章 創建Web站點(2學時)

教學內容:

站點規劃

在Dreamweaver8中創建站點

管理站點與站點文件

使用站點地圖

為網站指定服務器技術

教學要求:

掌握:規劃站點、建立和管理站點;使用站點文件和地圖。

理解:創建站點的必要性。

了解:服務器技術的指定。

第13章 制作動態網站(3學時)

教學內容:

Access數據庫基礎

ODBC數據源設置

ASP與Web服務器配置

Dreamweaver8動態網站設計

創建與數據庫連接

教學要求:

掌握:數據源的設置,如何配置Web服務器,如何創建與數據庫的鏈接。

理解:數據庫在動態網站設計中角色的重要性。

了解:設置數據源和創建數據庫鏈接的技巧

第14章 網站的維護和上傳(2學時)

教學內容:

在本機中測試網站

預覽網頁效果

網站的查錯

發布網站到服務器

教學要求:

掌握:Dreamweaver8的測試、預覽和發布設置。

理解:網站排錯的必要性。

了解:如何發布網站到服務器。

實訓內容

(實訓分為必做和選做內容,可根據實際的實驗條件選做。實驗總計54學時)

實訓1:建立Web網頁(必做)

實訓2:文本及其格式化(必做)

實訓3:圖像(必做)

實訓4:超級鏈接(必做)

實訓5:表格和頁面布局(必做)

實訓6:框架(必做)

實訓7:層(必做)

實訓8:模板與庫(必做)

實訓9:表 單(必做)

實訓10:行 為(必做)

實訓11:多媒體組件的插入、使用代碼設計網頁與站點管理(必做) 實驗12: 動態網站制作(選做)

實驗13:ASP與SQL Server數據庫相連(選做)

第二篇:《Dreamweaver中網頁布局的方法》教學設計

資料

《Dreamweaver中網頁布局的方法》教學設計

授課班級:高一(3)授課教師:曹雪麗 授課時間:2004.5.12

教材分析: 1.教學目標

教學目標既是教學的出發點和歸宿又是師生雙邊活動的中介,因此,我參照《高中新課程標準》和高中學生現有的知識水平和認識特點確定了以下三個目標: A:知識目標

(1)、讓學生認識到網頁布局對整個網頁元素的組織編排的重要性。(2)、讓學生掌握在Dreamweaver中實現網頁布局的基本方法。

B:能力目標:讓學生能動手完成一個簡單的網頁布局的設計。C:情感目標:

(1)培養學生嚴謹求實的工作態度以及感受美、評價美的藝術情操。 (2)培養學生在進行自主學習的過程中勇于克服困難,體驗到成功后的快樂。

2.教學重點、難點、關鍵 重點:插入表中表 難點、關鍵:表格的屬性設置

資料

學情分析:

本節課的內容面向的對象是高中二年級的學生,對于學習這部分內容他們有三大優勢:第一,除信息技術課外許多課都在網絡課室上。因此,他們對網絡很熟悉且很熱愛,有一定的網絡知識。第二,他們有WORD部分關于表格和簡單的網頁制作基礎。第三,一部分同學有一些Dreamweaver的基礎,可在學生中起積極的促進作用。 設計理念:

本節課的設計理念是以誘思探究學科教學論為理論依據,以充分發揮學生的主體地位為出發點,以培養學生自主學習能力全面提高學生素質為目的。是一節“誘思探究”理論的探索課。為此,在課前教師為學生準備了網絡布局學習資源網站,學生自己也已經以小組為單位確立了要本組要建立的網站的主題。整節課的內容安排是以從學生“動手”中發現問題,又在學生的“動手”中解決問題為主脈展開的。同時又通過評價環節中學生的之間的互評、點評將本節推向高潮,達到突出重點,攻破難點的目的。 學習目標分析:

借助以前積累的知識、經驗及學習資源網自主探索,小組協作進而歸納、研究出網頁布局的內在規律性。 教學策略的選擇與設計 1.教學方法:(1)誘思導學法 (2)任務驅動—體驗探究法

(3)分層教學法(4)網絡探究教學法 (5)激勵教學法

資料

2.學法指導:形象探究法、經驗探究法、體驗探究法、協作式學習法。 3.資源的設計與選擇: 結合本節內容設計了一個學習資源網站、傳奇電子教室系統、Dreamweaver網頁編輯軟件等。 教學過程設計:

教學設計過程及設計思想 教學環節 教師活動 學生活動 設計思想 時間 新 課 的 引 入 ⌒ 教 師 監 控 ︶

1, 相鄰兩同學為一組分別在瀏覽器中打開兩個不同的網頁作品相互欣賞

資料

評價,同時準備回答:

問題1:這兩個網頁有什么不同?你認為哪個更好一些?為什么? 2, 在Dreamweaver中打開該網頁并逐一刪除頁面元素同時繼續提問: 留在頁面上的是什么? 1,回答問題1 帶著問題2觀察老師的操作

2,回憶Word中表格的插入方法及技巧

我以“誘思探究導學法”為指導思想,主要體現“誘”和“導”兩個環節。首先是“誘疑”使學生“生疑”;然后要“導向”,比如這里教師的操作:在Dreamweaver中刪除頁中的頁面元素后出現的表格,讓學生的思維沿著正確方向發展,最終達到“釋疑”的目的。 2 分 鐘

點評:“誘思探究導學法”一句話,誘發思維動機,導正思維航向。這是突現教師基本功的地方,要“誘”得巧,“導”得妙。

資料

資料

布置 任務 ⌒ 教

資料

師 監 控 ︶

[任務1]能根據資源網的指導學會表中表的使用,并完成本節的例題的表格制作。(必做題)

[任務2]能在布局的基礎上插入圖片及文字,完成一個如例題的簡單網頁制作。(提高題)

[任務3]能通過屬性的設計美化網頁。(先做題) 1,學生可根據自己的具體情況選擇合適的任務。 2,各組長明確任務。

在任務設計時我注意到這樣兩個因素;一是:為了一切學生,在設置任務時要充分考慮到學生的個別差異。體現分層教學的重要性。二是:以探索問題來引動和維持學習者學習的興趣和動機。 2 分 鐘 學 法 指 導 ⌒

資料

教 師 監 控 ︶

指導學生帶著“任務”中的問題,利用教師準備的學習資源網自主學習,探索交流,小組互助,“助教”指導,量力而行完成操作任務。 1,明確學習資源的使用方法,采取各種方法完成任務

利用教學資源自主學習及優生做好“助教”的角色互幫互學,既能激發他們的學習積極性,給他們一個鍛煉成長的機會,又能使更多的學生得到幫助,有利于全面提高學生動手動腦的能力,體現“因材施教”。 1 分 鐘

點評:這兩部分的目的在于

一、體現分層教學的重要性。

二、培養學生養成由簡到繁、由易到難、循序漸進地解決問題的好習慣,同時學生之間的以教促教,以教幫教,以教帶教的方法有利于學生的全面發展。 師

資料

1,尋找學生在完成任務中會遇到第一個問題:“表格線互擾問題”并及時以該問題為切入點將學生的思維引入到本節的重點內容--表中表的使用。 2,引導學生發現例子中的新問題—各部分表格線的差異,將本節的內容推向另一個熱點。

1,學生掌握表中表的使用方法

2,完成任務

3,注意到表格屬性的功能。

我是這樣設計本部分內容將重點放在以下兩個方面:

第一、在本節課師生以“任務”為主線,在學生不斷地發現問題,教師及時地鼓勵準確地導向,調控學生主動地探究,利用各種方法例如:教師搭建的網上學習資源,平時建立的小組協作關系等去想辦法解決問題。 25 分鐘 師

資料

3,評價小結是本節課的一個高潮部分。此時教師重點由上面技術點的引導轉到學生心理素質及與人交往能力的導向上。這一點其實比單純的學會上面的技術更為重要。在學生的自評中引導學生客觀評價自己。不能過分謙虛而失去在同學們面前表現自己才干的機會又不能過分張揚引起同學們的反感影響自己的形象。

4,由學生推選代表主持評價以調動學生積極參與評價的積極性 第

二、充分利用評價方式對學生的激勵作用一改過去由教師為權威做法。此時,教師把主動權交給學生,使他們更具參與意識引發學習的主動性,學會正確地、善意地、藝術地評價他人和自己。從中學到做人的道理。 12 分

點評:讓學生帶著真實的任務學習,這是任務驅動的精髓。這一部分是本節的重要內容,也是教學設計的一個難點。是對教師綜合運用“任務驅動—體驗探究”;“分層教學”“表揚激勵”等教學方法能力、如何引導學生選擇確實可行的學習方法能力的考驗。同時,通過評價的過程,潛移默化地鞏固知識,提高解決問題、評判是否的能力。

資料

知識遷移 學生活動

[問題1]用表格布局有什么優缺點,還有好方法嗎? [問題2]在網絡資源中是否有其它的方法呢? 采用小組形式討論

這里的想法主要是培養學生學會反思。 3分鐘

點評:為學有余力的學生創造繼續發展的廣闊天空,激發他們的興趣,培養他們的創新精神。

課后反思: 成功的地方:

(1)課題引入時以誘發學生的思維動機,導正思維航向為目的, 為學生的自主學習打下基礎。

(2)學習資源網站、小組互助、助教幫忙等形式為學生的自主學 習創造了條件對培養學生養成由簡到繁、由易到難、循序漸 進地解決問題的好習慣起到積極的促進作用。

(3)評價方式的改革可達到引導學生客觀評價自己不能過分謙虛而失去在同學們面前表現自己才干的機會又不能過分張揚引起同學們的反感影響自己的形象。在互評、點評中要引導學生正確看待別人對自己的評價學會寬以等人;學會巧妙地運用語言藝術對存在問題的同學提出批評。同時通過點評,互評各自的作品,鞏固本節的知識點,達到強調重點,攻破難

資料

點的目的。

存在問題的地方:評價方式仍需大膽地放手,讓評價的形式更加多樣化,民主化??沙浞职l揮學生的主動作用讓他們去設計評價手段、評價量表等,這對于主體作用的體現及學生的創造性思維的發展都會產生積極的影響。

網絡

本節小結:由小組總結提交 結束 教師活動:

1. 分組欣賞網頁作品。

2. 教師操作演示在網頁中刪除元素從而引入表格布局的方法。 設計思想

通過教師的誘和導達到誘發思維動機,導正思維航向的目的。 教師監控: 1。布置學習任務。

2.對學生進行學法指導。使用學習資源、小組互助、助教幫忙。

設計思想

1.創造開放式的教學環境,學生為主體,體驗為紅線,鼓勵他們積極動腦、動手完成任務。2.教師的適時演示體現誘思探究法的思想宗詣。3.利用小

資料

組互助以教促教,以教幫教,以教帶教的方法有利于學生的全面發展。 設計思想

通過評價的過程正確地、善意地、藝術地評價他人和自己。教會學生學會做人的道理。 網絡

教師監控:小組互評及個案點評相結合強調難點,深化主題 開始

學生利用學習資源網站自主學習、探索交流、找出難點、小組互助,完成任務,深化主題。

教師尋找典型案例1表格線的互擾問題引出本節的重點表中表。典型案例2表格線的粗細問題引出難點屬性問題

教師:提出問題1及問題2 設計思想 培養學

(二)教學過程流程圖

第三篇:教學設計:《Dreamweaver網頁制作實用教程》----框架技術

教學設計:《Dreamweaver網頁制作實用教程》----框架技術

《Dreamweaver網頁制作實用教程》----框架技術 教學預案設計:羅執清(沙洋職教中心)

一、創意說明

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

1、學生不理解為什么要用框架結構來制作網頁;

2、學生只是按任務要求及具體的操作提示來完成框架結構網頁,并不知道這種框架結構的網頁應用什么場合,在什么情況下選用框架結構來設計網頁呢?

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

二、學情分析

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

三、教材內容分析

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

四、教學目標分析

本單元的認知、能力和情感三種目標分述如下: 認知目標:

①理解框架結構的含義和用途

②掌握框架和框架集的含義,學會創建普通框架頁面、創建嵌套框架結構頁面、創建浮動框架頁面 ③掌握框架屬性的設置方法 ④掌握框架網頁的保存方法 能力目標:

①具備建立網頁框架及設置框架屬性的能力 ②能夠應用網頁框架建立簡單的網頁 情感目標:

培養學生網頁設計的審美能力、創新能力、協作學習和自主學習能力

五、教學策略設計

1、實施任務驅動,把學習的主動權交給學生,引導學生動手嘗試、觀察辨析

2、采用項目教學和小組討論法,培養學生合作學習和自主學習的能力

3、實施分層教學,從好、中、差各類學生的實際出發,確定不同層次的目標,進行不同層次的教學和輔導,使各類學生得到充分的發展

4、采用半成品加工策略,提供一些素材,讓學生直接制作,提高學習的效率。

六、教學過程設計

1、課前探究

①訪問推薦網頁,形成小組、組織學生討論網頁內容和風格,分析網頁框架和布局。 ②提供網頁欄目劃分建議。 ③組織各小組討論。

2、新課導入:教學環節

教師活動

學生活動

設計目的新 課 導 入

1、教師演示一些用網頁框架制作的優秀網頁作品

2、提問:這些網頁是如何制作的呢?引起學生的興趣

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

2、分析幾個網站的特色

3、提供網頁欄目劃分

1、開門見山,明確這節課學習的內容

2、演示優秀作品,引起學生的興趣

第四篇:認識Dreamweaver教案

教學內容:認識Dreamweaver及站點和文件的操作 目的要求:

1、了解Dreamweaver界面和面板操作方法;

2、掌握Dreamweaver站點的操作方法;

3、掌握Dreamweaver站點文件的操作方法。

教法教具:演示法、講授法、提問法、討論法、比較學習法 教學過程:

講授新課:

認識Dreamweaver:

一、打開DM:

開始—程序—Adobe Dreamweaver—

二、認識DM:

標題欄、菜單欄、工具欄、編輯欄、狀態欄、面板。 工具欄:視圖—工具欄—插入/文檔/標準。 面板:窗口—相應面板。折疊面板/展開面板。

三、網頁制作步驟:

創建文件—設置標題—編輯內容—保存文件—瀏覽器查看效果。 瀏覽網頁:

1、在編輯狀態下,按F12瀏覽。

2、保存文件,打開瀏覽器,打開文件瀏覽。

站點操作:

一、新建站點:

方法:

1、站點—新建站點;

2、站點—管理站點—新建—站點;

3、文件面板—站點下拉菜單—管理站點—新建—站點 步驟:

方法1:基本選項—給站點命名—不使用服務器—確定站點存儲位置(選

Adobe Dreamweaver CS4 擇已有文件夾或新建文件夾)--選擇無遠程服務器—完成。

方法2:高級選項—輸入站點名稱—選擇本地根文件夾位置(選擇已有文件夾或新建文件夾)

二、編輯站點:

方法:

1、站點—管理站點—選擇站點—編輯—修改站點名稱或存儲位置;

2、文件面板—站點下拉菜單—管理站點—選擇站點—編輯—修改站點名稱或存儲位置。

三、復制站點:

方法:

1、站點—管理站點—選擇站點—復制;

2、文件面板—站點下拉菜單—管理站點—選擇站點—復制。

四、刪除站點:

方法:

1、站點—管理站點—選擇站點—刪除;

2、文件面板—站點下拉菜單—管理站點—選擇站點—刪除。

注意:站點刪除后,僅刪除了站點在DW中的指向,并未刪除站點文件夾,站點文件夾的內容仍然存在。

五、建立站點的優點:

當站點下文件的位置或文件名發生變化時,與之相關聯的文件能提示更新,使關聯不發生錯誤。

站點下文件的操作:

一、新建文件:

方法

1、文件—新建—Html—創建 方法

2、文件面板:

折疊狀態:右擊站點名稱或站下文件夾—快捷菜單選擇“新建文件”

展開狀態:文件—新建文件 注意:

可以通過第一種方法新建基于某種模板的新文件。

二、復制文件:

文件面板—文件名稱上右擊—編輯—復制。

三、重命名文件:

在文件面板下選擇站點下的文件名稱:

1、文件名稱上右擊—編輯—重命名

2、單擊文件名稱--按F2

3、兩次單擊文件名稱

注意:

在站點給文件重命名后,若有文件與之相關聯,會給出更新提示;而在資源管理器給文件重命名不會給出提示。

四、刪除文件:

文件面板—選擇站點下的文件名稱—右擊—編輯—刪除或按Del。

注意:

在站點下刪除文件后,站點下的文件被真刪除。

在站點下刪除文件,若有文件與之相關聯,會給出提示;而在資源管理器刪除不會給出提示。

五、新建文件夾:

文件面板—站點下的某文件夾位置上右擊—新建—文件夾。

課后作業:

1、在Dreamweaver中新建本地站點有哪些方法?如何新建本地站點?

2、在Dreamweaver中新建html文件有哪些方法?

3、在Dreamweaver中,刪除站點與在資源管理器刪除站點文件夾效果是否相同?

4、在Dreamweaver中,刪除站點內文件與在資源管理器刪除站點內文件效果是否相同?

5、在Dreamweaver中,在站點內給文件重命名或移動文件與在資源管理器給文件重命名或移動文件效果是否相同?

第五篇:Dreamweaver教案補充

1、Dreamweaver 這是Macromedia公司的出品的一款"所見即所得"的網頁編輯工具。與 Frontpage不同,Deamweaver采用的是Mac機浮動面版的設計風格,對于初學者來說可能會感到不適應。但當你習慣了其操作方式后,就會發現Dreamweaver的直觀性與高效性是Frontpage所無法比擬的。

Dreamweaver對于DHTML(動態網頁)的支持特別好,可以輕而易舉地做出很多眩目的互動頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver與Flash、Firework 并稱為 Macromedia的網頁制作三劍客,由于是同一公司的產品,因而在功能上有著一個非常緊密的結合。因此,說Dreamweaver是高級網頁制作的首選并不為過。

2、Dreamweaver 8 的功能

Dreamweaver 可以完全自定義。您可以創建您自己的對象和命令,修改快捷鍵,甚至編寫 JavaScript 代碼,用新的行為、屬性檢查器和站點報告來擴展 Dreamweaver 的功能。

Dreamweaver 8 包括許多新增功能,使您只需花費最少的時間和精力便可生成 Web 站點和應用程序。Dreamweaver 使復雜的技術變得簡單而方便,以幫助您達到事半功倍的效果。

下面是 Dreamweaver 8 中的一些主要新增功能: "縮放"工具和輔助線 可視化 XML 數據綁定 新的 CSS 樣式面板 CSS 布局的可視化 代碼折疊 "編碼"工具欄 后臺文件傳輸

"插入 Flash 視頻"命令

3、設計網站的基本步驟。

(1) 網站的規劃與設計。首先確定網站的方向和功能,然后是申請便于記憶的域名和租用穩定的空間,接著收集相關資料,最后將整個網站的結構畫成結構圖。

(2) 布局與編排網頁。在網頁布局的過程中,應該遵循平衡、對比、空白等原則。在設計網頁時需要考慮網頁的主題、網頁的命名、網站的標志、色彩的搭配、字體的選擇等問題。

(3) 填充網頁內容。輸入文字和其它網頁元素,比如聲音、動畫、圖像和其它形式的媒體,以便使網頁內容更加充實。

(4) 建立動態網站。動態網站是目前最流行的Web發展趨勢,建立動態站點需要為網頁加入Web應用程序并實現與數據庫的連接。

(5) 測試和發布站點。在發布Web站點之前,用戶應該確認所有文本和圖形都放在正確的位置,且所有的鏈接都能操作正確。測試Web站點的一種方法是通過檢查內部和外部的鏈接來確認目標文件是否存在。

完成測試以后,根據服務商提供的資料,用戶可以將站點發布到服務器上,并對站點進行定期更新,以保證站點內容新穎。

4、網頁設計的基本理念。

(1)下載速度問題,下載響應速度越快越好。

(2)能適應不同瀏覽器及分辨率,網頁布局、內容不應出現紊亂。 (3)合理的版面布局,應做到圖文并茂。 (4)精美的網站標志,讓人記住你。 (5)注重色彩搭配,給人以藝術的享受。 (6)網頁內容便于瀏覽,要有導航功能。 (7)網頁內容要精彩,讓人感覺到有吸引力。

(8)簡約、美觀,不應過于追求頁面的華麗。

5、網頁的整體風格設計的基本原則。

(1)網站標志要放在醒目位置,如左上角,而且要保持不變。 (2)最好能夠有一句反映網站精髓的標語,并能動態顯示。

(3)導航部分應該放在每一張網頁的相同位置,便于訪問者瀏覽網站的全部內容。

(4)確定主體顏色,并注意顏色搭配要讓人感覺舒服,不要太刺眼,也不能不突出需要強調的內容。 (5)頁面的布局是風格的一個重要標志。不要忘記考慮主頁的可擴充性,以方便將來再添加欄目。 (6)內容結構越簡單越好,分類要簡而精。一切都為訪問者能夠最快地找到訪問的資料而考慮。

6、網頁色彩如何搭配。

網頁的色彩是樹立網站形象的關鍵之一,網頁的色彩處理得好,可以錦上添花,達到事半功倍的效果。色彩總的應用原則應該是“總體協調,局部對比”,也就是網頁的整體色彩效果應該是和諧的,只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上,可以根據網頁內容的需要,分別采用不同的主色調,并注意以下色彩搭配的原理:

(1) 色彩的鮮明性:網頁的色彩要鮮艷,容易引人注目。

(2) 色彩的獨特性:要有與眾不同的色彩,使人印象強烈。

(3) 色彩的合適性:色彩和表達的內容氣氛相適合。如用粉色體現女性站點的柔性。

(4) 色彩的聯想性:不同色彩會產生不同的聯想,藍色想到天空,黑色想到黑夜,紅色想到喜事等,選擇色彩要和網頁的內涵相關聯。

一個網站的標準色彩應盡量控制在三種色彩以內,不要將所有顏色都用到。背景和前文的對比盡量要大,(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。

7、Dreamweaver的三種視圖方式

在代碼視圖中可以直接編輯網頁的源代碼;而設計視圖能方便我們更好地美化網頁,更合理地布局網頁;同時顯示代碼視圖和設計視圖讓我們能夠更好地理解源代碼,提高編程能力。

8、什么是HTML?

HTML是Hypertext Markup Language的縮寫,即超文本標記語言,是WWW 的描述語言。它是純文本類型的語言,通過各種標記來表示和排列各種超文本對象。“超文本”就是指頁面內可以包含文字、 圖形、動畫、聲音、表格、鏈接等。

9、HTTP是什么?

HTTP是HyperText Transfer Protocol的英文縮寫,即超文本傳輸協議。是WWW瀏覽器和WWW服務器之間的應用層通訊協議。HTTP協議是基于TCP/IP之上的協議,它不僅保證正確傳輸超文本文檔,還確定傳輸文檔中的哪一部分,以及哪一部分內容首先顯示(如文本先與圖形)等等。

10、域名指什么?

域名是Internet網絡上的一個服務器或一個網絡系統的名字,在全世界,沒有重復的域名。域名的形式是以若干個英文字母和數字組成,由"."分隔成幾部分,從右到左分別為頂級域名、二級域名、三級域名等,如IBM.COM就是一個域名。從技術上講,域名只是一個Internet中用于解決地址對應問題的一種方法。

11、ftp協議(文件傳輸協議)

是 Internet 上用來傳送文件的協議,它是為了我們能夠在 Internet 上互相傳送文件而制定的文件傳送標準,規定了 Internet 上文件如何傳送。也就是說,通過 FTP 協議,我們就可以跟 Internet 上的 FTP 服

務器進行文件的上傳(Upload)或下載(Download)等動作。

12、統一資源定位符 (Uniform Resource Locator, URL)

包含如何訪問 Internet 上的資源的明確指令,也就是Internet文件在網上的地址。

URL的一般格式為:

Access-method://host:port/path/filename 例如:http:/// 為 Microsoft 網站的萬維網 URL 地址。

Access-method,訪問Internet資源的方法或是訪問的協議類型,可以是下表之一: http 通過 http 訪問該資源。 格式 http:// ftp 通過 FTP訪問資源。格式 FTP:// file 資源是本地計算機上的文件。格式file:// gopher 通過 Gopher 協議訪問該資源。

mailto 資源為電子郵件地址,通過 SMTP 訪問。 格式 mailto: MMS 通過 支持MMS(流媒體)協議的播放該資源。(代表軟件:Windows Media Player)格式 MMS:// ed2k 通過 支持ed2k(專用下載鏈接)協議的P2P軟件訪問該資源。(代表軟件:電驢) 格式 ed2k:// Flashget 通過 支持Flashget:(專用下載鏈接)協議的P2P軟件訪問該資源。(代表軟件:快車) 格式 Flashget:// thunder 通過 支持thunder(專用下載鏈接)協議的P2P軟件訪問該資源。(代表軟件:迅雷) 格式 thunder:// news 通過 NNTP 訪問該資源。

host,主機,指定的服務器的域名系統 (DNS) 主機名或 IP 地址。

port,指出被訪問的Internet資源所在的服務器端口號,整數,可選,省略時使用方案的默認端口,如http的默認端口為80。

path,路徑,由零或多個“/”符號隔開的字符串,一般用來表示主機上的一個目錄或文件地址,可選。

filename,指出被訪問的Internet資源名稱,可選。

13、鏈接的幾種路徑以及它們的不同:

絕對路徑是包含服務器協議的完全路徑,是一種與源地址文件無關的路徑形式。

文檔相對的路徑是指與當前文檔所在的文件夾相對的路徑,它使用源地址文件和目標地址文件之間的位置來表示路徑,只要整個站點的結構和文件的位置不變,改變站點的路徑不會影響路徑的正確性。

根相對路徑是指從站點根文件夾到被鏈接文檔經由的路徑。一個根相對路徑以前斜杠開頭,它代表站點根文件夾。

常用的鏈接有:文本鏈接;圖片鏈接及圖像熱點鏈接;郵件鏈接、下載鏈接以及其他鏈接;錨點鏈接及空鏈接。

只含有"#"的那種鏈接是空鏈接。

本文來自 99學術網(www.gaojutz.com),轉載請保留網址和出處

上一篇:英文翻譯mobilerobot下一篇:imm5257e表格填寫指導

91尤物免费视频-97这里有精品视频-99久久婷婷国产综合亚洲-国产91精品老熟女泄火