แผนการจ ดการเร ยนร กลมสาระการงานอาชพและเทคโนโลย(คอมพวเตอร)

ชนมธยมศกษาปท 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 ใสรปภาพใหมความสวยงามประวตของนกเรยนชอ – สกลทอยบดาชออาชพบดามารดาชออาชพมารดากลบเมน