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