FrontPage網頁設計教學教案
學生的起點行為:
熟悉電腦之基本操作,例如啟動電腦、開啟與關閉檔案,使用滑鼠等。
熟悉FrontPage2003軟體的基本操作,如啟動軟體,開啟與關閉檔案,拖曳與按點滑鼠兩下等。
瞭解PhotoImpact11工具列與屬性工具列的位置,並已會存檔與使用文字輸入工具及百寶箱的基本操作。
貳、發展活動
教師講解
一、建立資料夾
按「我的電腦/(C:)/按右鍵/新
増/資料夾」,輸入:班級-座號姓名
二、開啟網站
1.執行FrontPage程式:按「開始/程
式集/ Microsoft Office/
Microsoft FrontPage」
2.開啟網站:按「檔案/開啟網站」
執行PhotoImpact程式:點選「我
的工作區/完整功整」按「是/正
確」
按「網路/元件設計師」:點選「橫
幅」樣式,按「下一步」,設定「色
彩」及「標題/文字」,輸入如:「三
信家商資處科二年13組10號周
杰倫」,勾取「文字改變時,同時
改變形狀」
按「匯出/作為個別物件」,按「儲
存」,儲存於:「C:/個人資料夾/
images」,輸入檔名:「title」,存
檔類型:「GIF」
2.插入橫幅元件
回FrontPage畫面,打開images
資料夾,將拖曳至網頁中,點選圖,
按右鍵/顯示圖片工具列,按「設
定透明色彩」,點選橫幅背景,設為
透明
六、製作網頁
1.製作按鈕
按「插入/Web元件/互動式按鈕
/完成」,點選「按鈕」標籤,再點
選「按鈕樣式」,輸入文字:「自我
介紹」
點選「字型」標籤,再設定「原始
字型色彩」、「停留時字型色彩」、「按
下時字型色彩」
點選「圖像」標籤,圈選「將按
鈕製成GIF圖像並使用透明背景」
2.複製按鈕
點選「自我介紹」按鈕,按複製+
貼上複製四個,利用「按右鍵/按
鈕屬性」,分別更改四個按鈕文字
為:「成長歷程、好站連結、相片藝
廊、與我聯絡」
七、製作網頁
1.插入跑馬燈:按「插入/Web元件/
跑馬燈/完成」,輸入歡迎文字
2.輸入網站名稱:按「插入/圖片/文
字藝術師」,幫自己的網站取超炫名字
3.插入自製GIF動畫
八、按鈕超連結設定
1.按「新增頁面」,新增、、、並輸入標
題,按儲存
2.點選「自我介紹」按鈕,「按右鍵/超
連結」,點選「」網頁,目標框架:點
選「右邊」
3.同上方法,成長歷程()、好站連結()、
相片藝廊()
4.點選「與我聯絡」按鈕,「按右鍵/超
連結」,點選「電子郵件地址」,輸入
E-Mail信箱,如」
學生實作
1.教師依步驟帶領學生實作練習,並做行
間巡視,瞭解學生的學習狀況並解答問
答。
2.教師隨時觀看學生的作品,並作評量,
註記具創意的作品。
參、綜合活動
一、作成本單元結論。
二、檢討自我評量。
三、指定課後作業。
四、預告下次上課單元。
《网页制作》教学设计 法、说学法、说教学过程、说板书设计。 一、说教材: (一)教材分析:本节内容是省编《信息技术》全一册第六章 网络与INTERNET基础知识第五节的内容(2000年版为第八章第四节内容,2001、2002版教材第六章第五节内容)。虽然在这一节内容在新版教材变更为拓展模块,但针对现在网络快速发展,广大的学生接触,使用INTERNET的机会也大大增加,学生在使用网络获取信息时,更多的是通过浏览网页这一方式,我认为上好这节课是非常必要的,这对学生进一步认识、使用INTERNET更有益处,同时通过网页制作这一过程也利于学生对计算机常用素材的类型有更深入的了解,在一定程度上也起着培养学生运用综合知识能力作用,所以我认为这节课是非常值得我们去研究上好的,考虑这节课的内容及教法、学法的需要,我把这节分为两课时,第一时:学生自学,自练Word制作网页的基本方法;第二课:让学生自己构思创意一个内容丰富,页面美观的网页。 (二)教学目标:根据对教材的分析及学生实际情况,制定如 下的教学目标: (1)知识目标:1、有关网页文件的说明 2、熟悉用Word制作网页的基本方法 3、超级链接是网页实现互相链接的基本方法 (2)能力目标:1、培养学生的自学能力 2、创意构思能力 3、能制作出具有多重链接、多种素材、内容 丰富的网页。 (3)情感目标:1、教育学生正确认识和理解信息技术相关文 化,伦理和社会问题,负责地使用信息技术。 (三)教学的重、难点:根据对教材的分析及网页制作过程中的 实际情况,我认为要出制作内容丰富的网页,关键是要知 道网页间互相链接的方法,所以我把超级链接做为本节的
网页设计与制作模拟试题 一、单项选择题(每空1分,共10分) 1. 客户/服务器系统的最大特点是客户机和服务器 ( D ) A. 必须运行在同一台机器上 B. 必须运行在同一个网络上 C. 必须运行在不同的计算机上 D. 不必运行在同一计算机上 2. 若需要软件把LAN上的客户机从Internet上隐藏起来,并为客户机执行Web 请求,则下面( D )软件能实现此项功能。 A. Internet Information Server B. Index Server C. Personal Web Server D. 代理服务器 3. 通常一个站点的主页默认文档名是 ( C ) A. Main.htm B. Webpage.htm C. Index.htm D. Homepage.htm 4. 通常,比较好的建立站点目录的习惯是 ( A ) A. 在根目录下建立一个总的IMAGE目录放置图象文件 B. 直接把图象文件放置在各栏目的目录下 C. 为各栏目建立一个单独的IMAGE目录放置图象文件 D. 在每个目录下建立一个IMAGE目录放置图象文件 5. 以下有关页面布局的说法正确的是 ( D ) A. 分辨率越高,可供使用的页面尺寸越大 B. 网页布局与平面设计一样,不受页面大小的影响 C. 页眉和页脚中只能出现文本,不能出现图形 D. 页面布局通常是通过手工设计的,目前还没有相应的电脑软件完成这一工作 6. 以下关于HTML文档的说法正确的一项是 ( A ) A. 与这两个标记合起来说明在它们之间的文本表示两个HTML 文本 B. HTML文档是一个可执行的文档 C. HTML文档只是一种简单的ASCII码文本 D. HTML文档的结束标记