網(wǎng)頁制作工具參考教案(存儲版)
【正文】 設計的作品和本節(jié)課一開始展示的作品有很大的差距，原因在于，僅僅使用我們學習的Frontpage和Dreamweaver是不能制作出那么美麗的網(wǎng)頁的，我們還需要掌握一些制作網(wǎng)頁的輔助工具。先大后小的思想。第一篇：《網(wǎng)頁制作工具》參考教案《網(wǎng)頁制作工具》參考教案 教學主題網(wǎng)頁制作工具（1）（Frontpage和Dreamweaver的使用）教案設計趙志教案編號適用年級高二年級教學課時1課時教材分析概述：通過網(wǎng)頁設計，了解并熟悉網(wǎng)頁設計軟件的基本使用方法，掌握常用工具的使用方法 重點：初步了解網(wǎng)頁設計軟件Dreamweaver中層和時間軸的設置，體會動態(tài)網(wǎng)頁設計 難點：層和時間軸的設置學習目標掌握網(wǎng)頁制作軟件Dreamweaver的基本使用方法學會設計和制作簡單的動態(tài)網(wǎng)頁所需資源和環(huán)境網(wǎng)絡資源使用搜索引擎查找網(wǎng)頁設計相關的信息（包括圖片、文字、視頻等）常規(guī)資源浙江教育出版社2004版《信息技術基礎》教材配套教師用書小組合作學習任務單教學支撐環(huán)境計算機網(wǎng)絡教室、所有計算機能夠上網(wǎng)、多媒體網(wǎng)絡教室軟件或者投影儀教學設計教學引導問題設計問題目的你知道網(wǎng)頁上面文字的滾動效果是怎么制作出來的嗎？激發(fā)學生的好奇心你知道如何讓網(wǎng)頁中的一幅圖片動起來？引導學生設計動態(tài)網(wǎng)頁中圖片運動的效果你知道有哪些網(wǎng)頁動態(tài)效果？為學生的課后探究學習做鋪墊你知道用Dreamweaver軟件如何預覽你設計的動態(tài)網(wǎng)頁？體會動態(tài)網(wǎng)頁的效果，進一步完善網(wǎng)頁設計教學過程設計教師活動學生活動新課導入展示全國中小學電腦制作活動中的優(yōu)秀的網(wǎng)頁制作《母親河》，激發(fā)學生制作網(wǎng)頁的興趣。先全局規(guī)劃網(wǎng)頁的思想或整體風格，然后對局部的圖像處理、顏色搭配、動畫圖片設置的優(yōu)化工作。運用他特有的“行為”、“層”等功能可以容易的生成網(wǎng)頁的動態(tài)效果。（可參考課本具體步驟）修改網(wǎng)頁的標題為“我的第一個動態(tài)網(wǎng)頁”；插入“圖層”，選擇“描繪層”插入，找到并觀察“層屬性面板”，修改“背景圖像”；調整層的大小，使其與圖像等大；找到“時間軸”，將層拖入“時間軸”的第一幀內；按住第15幀上的空心圓點，向右拖動到第60幀；在30幀處右鍵點擊，彈出菜單，選擇“增加關鍵幀”；對“時間軸”上的每處“關鍵幀”進行設置，從而產(chǎn)生層的運動效果；在瀏覽器中觀看這一動態(tài)網(wǎng)頁的效果。《Internet 網(wǎng)頁工場》Wittime工作室 重慶出版社?！拘抡n內容】 HTML文檔的基本結構 HTML語法雙標記語法：內容單標記 語法： 最常用的單標記是標記屬性 語法屬性1 屬性2 屬性3 … 例子注釋語句 格式例子 HTML文檔的基本結構 【課后小結】通過本次課的學習,要求能熟練掌握網(wǎng)頁面的基本標志與格式標志,并能靈活運用 列表,有序列表,無序列表標志及屬性。......，使文字成為前一個字符的下標?！窘虒W目的】使學生掌握簡單表格、表單與框架的制作?！禬EB網(wǎng)站設計》Joel Sklar著 高等教育出版社?！窘虒W難點】* 理解表格屬性rowspan與colspan的含義以及表格嵌套實現(xiàn)的基本思想。 列表條目1 ......，以等寬體顯示西文字符?！窘虒W方式】討論式、案例分析式、練習式?！窘虒W重點】網(wǎng)頁設計中的若干術語。學生回憶必修教材使用Frontpage設計“故宮”主題網(wǎng)頁的過程 學生小組合作完成任務二 填寫“任務二”評價表格 小組合作完成任務三并填寫“任務三”評價表格網(wǎng)頁工具學習任務單一、借助因特網(wǎng)，組內成員分工查詢制作網(wǎng)頁常用到的工具軟件，最后匯總完成下面的表格。同時提供的模板可以令初學者很容易的制作相當美觀的網(wǎng)頁。教學內容隨著因特網(wǎng)技術的不斷發(fā)展，網(wǎng)頁制作工具越來越多，選擇一種得心應手的工具軟件，能夠收到事半功倍的效果。⑴設問：面對那么誘人的網(wǎng)頁，要想學習網(wǎng)頁制作，我們應
物理相關推薦
鄂ICP備17016276號-1