Download - แผนคอมฯ ม.2 3
แผนการจ ดการเร ยนร กลมสาระการงานอาชพและเทคโนโลย(คอมพวเตอร)
ชนมธยมศกษาปท 2หนวยท 5 เรอง การสราง Web ดวย Dreamweaver
เวลาเรยน 6 ชวโมงแผนการเร ยนร ท 3 เรอง การจดหนาเวบดวยเลเอาตและเลเยอร เวลาเรยน 2 ชวโมงสอนวนท…………เดอน……………………..พ.ศ. …………… ภาคเรยนท ….
มาตรฐานการเร ยนร มาตรฐาน ง 4.1 เขาใจ เหนคณคา และใชกระบวนการ
เทคโนโลยสารสนเทศในการ สบคนขอมล การเรยนร การสอสาร การแก ปญหา การทำา งานและอาชพอย างมป ร ะ ส ท ธ ภ า พ ป ร ะ ส ท ธ ผ ล แ ล ะ ม ค ณ ธ ร ร ม
สาระส ำาค ญการจดหนาเวบดวยเลเอาตและเลเยอร
ผลการเร ยนร ท คาดหวงนกเรยนสามารถจดหนาเวบดวยเลเอาตและเลเยอรได
สาระการเร ยนร การสรางเลเอาตและการสรางเลเยอรเพอจดหนาเวบให
สายงามและเหมาะสม
กระบวนการจ ดการเร ยนร 1. ครใหนกเรยนเตรยมพรอมเพอเขาหองปฏบตการ
คอมพวเตอร2. ครใหนกเรยนเปดเครองพรอมใชงานและแบบใบ
ความร3. ครแจกใบความรเรอง การจดหนาเวบดวยเลเอาตและ
เลเยอร
4. ครใหนกเรยนปฏบตตามขนตอนในการเขาสโปรแกรมจากใบความร
5. ครสงเกตการปฏบตของนกเรยนพรอมประเมนผลการเรยนรทคาดหวง
ส อ /แหลงการเร ยนร 1. ใบความร เรอง การจดหนาเวบดวยเลเอาตและเลเยอร2. ใบงาน เรอง การจดหนาเวบดวยเลเอาตและเลเยอร3. แบบประเมนผลการเรยนรทคาดหวง
การว ดผลประเม นผล1. วธการวด
- สงเกตการฟง และการตอบคำาถาม- ตรวจผลสำาเรจของใบงาน
2. เครองการวดผลประเมนผล- ใบงาน เรอง การจดหนาเวบดวยเลเอาตและ
เลเยอร- แบบประเมนผลการเรยนรทคาดหวง
3. เกณฑการวดผลประเมนผลใชการผานเกณฑ รอยละ 70 ขนไป
กจกรรมเสนอแนะ……………………………………………………………………………………………………………………………………………………………………………………….…………………………………บนทกข อเสนอแนะ ของผบร หารโรงเร ยน……………………………………………………………………………………………………………………………………………………………………………………….…………………………………
ลงชอ …………………………….
(……………….. ……….)
ตำาแหนง ผอำานวยการสถานศกษา………….
………../……………../……….
บนทกผลหลงกระบวนการจ ดการเร ยนร ผลการเรยนรทเกดขนกบผเรยน (เกง ด มสข)
……………………………………………………………………………………………………………………………………………………………………………………….……………………………………………………………………………………………………………………ปญหา / อปสรรค
……………………………………………………………………………………………………………………………………………………………………………………….……………………………………………………………………………………………………………………ขอเสนอแนะ / แนวทางแกไข
……………………………………………………………………………………………………………………………………………………………………………………….……………………………………………………………………………………………………………………
ลงชอ ……………………………….…ผสอน
(……………….. ……….)
ตำาแหนง………………………………………………
………../…………./………….
ใบความร เร อง การจ ดหนาเว บดวยเลเอาตและเลเยอร
นอกจากการแบงสดสวนหนาเวบดวยเฟรมแลว เรามารจกกบเครองมอทใชในการจดหนาเวบเพจอกอยางหนง ซงชวยใหเราสามารถวางโครงรางของหนาเวบไดตามตองการ
การใชงานเลเอาต (Layout)
การใชงานเลเอาตนนเรามกใชในการแบงสดสวนการวางภาพของหนาเวบเพจทงหนาซงจะแตกตางกบการจดหนาเวบเพจดวยเลเยอร โดยการใชงานเลเอาตสามารถทำาไดดงนคอ
1. สรางหนาเวบใหมโดยการคลกเลอกทคำาสง File > New > Create
2. บนทกขอมลโดยคลกท File > Save As > ตงชอแฟมวา Page2.htm3. กำาหนดคา Page Properties ตาง ๆ ใหเรยบรอยดงน
4. คลกปม Common จากนนเลอก Layout5. คลกปม Layout เพอเขาสการทำางานในโหมดของเลเอาต6. คลกปม จากนนแดรกเมาสสรางขนาดของเลเอาตหลกทตองการ7. จะสงเกตไดวามสวนของ Layout Table เกดขน
นอกจากนเรายงสามารถกำาหนดความกวางหรอความสงไดเองและกำาหนดสพนไดไดนและในเลเยอรหนง ๆ เรายงสามารถแบงออกเปนสวนยอย ๆ ไดอกครบ
เลเยอร (Layer)เรามกใชงานเลเยอรในการจดหนาเวบเพจ เนองจากการ
ใชงานเลเยอรนนชวนใหเราสามารถจดวางตำาแหนงไดตามตองการ และสามารถซอนทบภาพหรอขอความได ซงการใชงานเลเยอรนนสามารถทำาไดดงน1. คลกท ปม จากนนแดรกเมาสสรางขนาดของเลเยอรทตองการ
2. นำาภาพหรอขอความทตองการใสและสามารถยายตำาแหนงไดตามตองการ
ใบงานเร อง การจ ดหนาเว บดวยเลเอาตและเลเยอร
ใหนกเรยนจดทำาหนาเวบเพจโดยใหใชคำาสงเลเอาตใหไดตามรปแบบตอไปน
แบบประเม นผลการเร ยนร ท คาดหวงเกณฑการประเม น การผานการประเมนทกรายการตองได 1 ขนไป
เลขท
ชอ – สกล สรป
ผาน
ไมผาน
เกณฑ น กเร ยนสามารถเข าส โปรแกรมไดถ กต องค อผ านขอเสนอแนะเพมเตม…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
( ลงชอ ) ………………………………………….… ผประเมน ( ครผสอน )
( ………………………………………… ) ………. / …………… / ……….
แผนการจ ดการเร ยนร กลมสาระการงานอาชพและเทคโนโลย(คอมพวเตอร)
ชนมธยมศกษาปท 2หนวยท 5 เรอง การสราง Web ดวย Dreamweaver
เวลาเรยน 6 ชวโมงแผนการเร ยนร ท 4 เรอง รจกกบการเชอมโยง
เวลาเรยน 2 ชวโมงสอนวนท…………เดอน……………………..พ.ศ. …………… ภาคเรยนท ….
มาตรฐานการเร ยนร มาตรฐาน ง 4.1 เขาใจ เหนคณคา และใชกระบวนการ
เทคโนโลยสารสนเทศในการ สบคนขอมล การเรยนร การสอสาร การแก ปญหา การทำา งานและอาชพอย างมป ร ะ ส ท ธ ภ า พ ป ร ะ ส ท ธ ผ ล แ ล ะ ม ค ณ ธ ร ร ม
สาระส ำาค ญการสรางจดเชอมโยง
ผลการเร ยนร ท คาดหวงนกเรยนสามารถสรางจดเชอมโยงได
สาระการเร ยนร การเชอมโยงภายในเวบไซตของตนเองและการเชอม
โยงภายนอกเวบไซตอน ๆ
กระบวนการจ ดการเร ยนร 1. ครใหนกเรยนเตรยมพรอมเพอเขาหองปฏบตการ
คอมพวเตอร2. ครใหนกเรยนเปดเครองพรอมใชงานและแบบใบ
ความร3. ครใหนกเรยนดวดทศน เรอง การสรางจดเชอมโยง4. ครใหนกเรยนปฏบตตามใบงาน เรอง การสรางจด
เชอมโยง5. ครสงเกตการปฏบตของนกเรยนพรอมประเมนผลการ
เรยนรทคาดหวง
ส อ /แหลงการเร ยนร 1. วดทศน เรอง การสรางจดเชอมโยง2. ใบงาน เรอง การสรางจดเชอมโยง3. แบบประเมนผลการเรยนรทคาดหวง
การว ดผลประเม นผล1. วธการวด
- สงเกตการฟง และการตอบคำาถาม- ตรวจผลสำาเรจของใบงาน
2. เครองการวดผลประเมนผล- ใบงาน เรอง การสรางจดเชอมโยง- แบบประเมนผลการเรยนรทคาดหวง
3. เกณฑการวดผลประเมนผลใชการผานเกณฑ รอยละ 70 ขนไป
กจกรรมเสนอแนะ……………………………………………………………………………………………………………………………………………………………………………………….…………………………………บนทกข อเสนอแนะ ของผบร หารโรงเร ยน……………………………………………………………………………………………………………………………………………………………………………………….…………………………………
ลงชอ …………………………….
(……………….. ……….)
ตำาแหนง ผอำานวยการสถานศกษา………….
………../……………../……….
บนทกผลหลงกระบวนการจ ดการเร ยนร ผลการเรยนรทเกดขนกบผเรยน (เกง ด มสข)
……………………………………………………………………………………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………….ปญหา / อปสรรค
……………………………………………………………………………………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………….ขอเสนอแนะ / แนวทางแกไข
……………………………………………………………………………………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………….
ลงชอ ……………………………….…ผสอน
(……………….. ……….)
ตำาแหนง………………………………………………
………../…………./………….
ใบงานเร อง การสร างจดเช อมโยง
ใหนกเรยนจดทำาหนาเวบเพจโดยใชขอความตอไปนและกำาหนดดงนคอ
ไฟลท 1 ชอ Index.htm ใสรปภาพใหมความสวยงามหนาแรก
ประวตสวนตวคนหาขอมล
ไฟลท 2 ชอ Page1.htm ใสรปภาพใหมความสวยงามประวตของนกเรยนชอ – สกลทอยบดาชออาชพบดามารดาชออาชพมารดากลบเมน