หลักสูตรการสร้างหน้าเว็บ (Webpage Construction)

หัวเรื่อง

1. ความรู้ความเข้าใจเกี่ยวกับการสร้างเว็บไซต์

2. การเตรียมเครื่องมือ อุปกรณ์ (ทั้ง Hardware และ Software) ในการสร้างเว็บไซต์

3. การเตรียมข้อมูล

4. วิธีใช้โปรแกรม และ คำสั่งโปรแกรม ในการสร้าง และออกแบบหน้าเว็บ

5. การออกแบบสร้างหน้าเว็บ www.asokecommunity.com

6. การเผยแพร่ข้อมูล

วัตถุประสงค์

เพื่อให้ผู้เรียน

1. ศึกษาค้นคว้าความรู้ความเข้าใจ ที่เกี่ยวข้องในการสร้างเว็บไซต์ จากเอกสาร คู่มือ และโปรแกรมนำเสนอ

2. เตรียมเครื่องมือ อุปกรณ์ โปรแกรม และข้อมูล สำหรับสร้างเว็บไซต์

3. เรียนรู้วิธีใช้โปรแกรม คำสั่งโปรแกรม ในการสร้าง และออกแบบหน้าเว็บ

4. ฝึกปฏิบัติสร้างหน้าเว็บ ทดสอบโปรแกรม นำเสนอผลงาน ประเมินตนเอง

5. ร่วมกันออกแบบ สร้างหน้าเว็บของเครือข่ายชุมชนอโศก รวมทั้งสามารถเผยแพร่ข้อมูลที่ทำไว้แล้ว บนอินเตอร์เน็ต

คุณสมบัติของผู้เรียน

1. เป็นเจ้าหน้าที่เครือข่ายอินเตอร์เน็ตชุมชนอโศก เช่น เจ้าหน้าที่ WebPage (WebPages Designer) ช่างเทคนิค (Hardware & Software Technical Service) เจ้าหน้าที่เตรียมข้อมูล เจ้าหน้าที่โปรแกรมฐานข้อมูลสมาชิก (Database Operator) ผู้เขียนโปรแกรม (Programmer) เจ้าหน้าที่ป้ายโฆษณา (Banner Label) เจ้าหน้าที่ผลิตสื่ออินเตอร์เน็ต และเจ้าหน้าที่อื่นที่เกี่ยวข้อง

2. ญาติธรรมที่สนใจจะฝึกเรียนรู้และสร้างเว็บไซต์ของตนเอง

3. คุรุสัมมาสิกขา คุรุสัมมาอาชีวสิกขา คุรุสัมมาสิกขาลัยวังชีวิต

4. มีทักษะความสามารถในการใช้โปรแกรมระบบปฏิบัติการ Windows มาเป็นอย่างดี ถ้ามีพื้นฐานในการใช้โปรแกรมประเภทวาดภาพ (Drawing) หรือ ตกแต่งภาพ (Retouching) หรือ พิมพ์สัมผัส หรือ เขียนโปรแกรม (Programming) ได้ จะช่วยให้การฝึกปฏิบัติเป็นไปได้รวดเร็วขึ้น

เนื้อหาสาระ

1. ความรู้ความเข้าใจเกี่ยวกับการสร้างเว็บไซต์

1.1 เครือข่ายคอมพิวเตอร์ (Computer Networking)

1.1.1 ลำดับชั้นการทำงานของระบบเครือข่าย (OSI Reference)

1.1.2 สิ่งที่เกี่ยวข้องกับการสื่อสารข้อมูลอิเล็กทรอนิกส์ในเครือข่าย

สัญญาณข้อมูลอิเล็กทรอนิกส์ หรือ Electronic Signal สัญญาณอนาล็อก (Analog) และสัญญาณดิจิตอล (Digital)

การสื่อสารข้อมูลระหว่างอุปกรณ์อิเล็กทรอนิกส์ แบบอะซิงโครนัส (Asynchronous) และแบบซิงโครนัส (Synchronous)

ทิศทางของการสื่อสารข้อมูล ทางเดียว (Simplex) สลับกันรับสลับกันส่ง (Half Duplex) สองทาง (Full Duplex)

รูปแบบของการสื่อสาร แบบอนุกรม (Serial) และแบบขนาน (Parallel)

การรับส่งสัญญาณระหว่างเครือข่าย แบบเบสแบนด์ (Baseband) และแบบบรอดแบนด์ (Broadband)

สื่อกลางที่ใช้ส่งผ่านข้อมูล หรือช่องทางการสื่อสารข้อมูล ระบบสายเคเบิล สายคู่บิดเกลียว (UTP : Unshielded Twisted-Pair) สายโคแอกเชียล (Coaxial) สายไยแก้วนำแสง (Fiber Optic), ระบบไร้สาย ไมโครเวฟ (Microwave) ดาวเทียม (Satellite) แสงอินฟาเรด (Infrared) วิทยุ (Radio) สเปรคตรัมแถบกว้าง (Spread Spectrum)

อุปกรณ์สื่อสารข้อมูล (Data Comunication) ได้แก่ อุปกรณ์รวมสัญญาณ หรือมัลติเพล็กซ์เซอร์ (Multiplexer) อุปกรณ์เชื่อมต่อเครือข่าย เช่น เครื่องทวนซ้ำสัญญาณ (Repeater) บริดจ์ (Bridge) สวิตช์ (Switch) เราท์เตอร์ (Router) และเกทเวย์ (Gateway)

ชนิดของระบบเครือข่าย LAN WAN internet

การเชื่อมต่อคอมพิวเตอร์ภายในวงแลน แบบอาศัยเครื่องบริการ หรือเซิฟเวอร์เบส (Server-Based) และแบบเสมอภาค หรือเพียร์ทูเพียร์ (Peer to peer)

โครงสร้างของเครือข่ายแลน หรือ โทโลโปยี (Network Topology) แบบดาว (Star) แบบบัส (Bus) แบบวงแหวน (Ring)

โปรโตคอลของระบบเครือข่าย (Network Protocal) NetBIOS, IPX/SPX, TCP/IP, SLIP

รูปแบบการสื่อสารข้อมูลผ่านช่องทางสื่อสารสาธารณะ บริการสื่อสารร่วมระบบดิจิตอล หรือ ระบบ ISDN)

1.1.3 อินเตอร์เน็ต (Internet)

ก้าวสู่โลกอินเตอร์เน็ต, ประวัติความเป็นมาของอินเตอร์เน็ต, การเชื่อมต่อกับอินเตอร์เน็ต, บริการที่มีในอินเตอร์เน็ต, การใช้บริการอินเตอร์เน็ต

1.2 กลไกและวิธีการสื่อสารในระบบเครือข่าย (Protocol)

1.2.1 โปรโตคอล และ เลขไอพี (IP Address)

ความหมาย และการทำงานของ โปรโตคอล และ IP Address

1.2.2 ชื่อโดเมน หรือ DNS : Domain name System กับ IP Address

ความหมายของ DNS และ IP Address, การทำงานของ DNS

1.2.3 อีเมล์ (E-mail)

ความหมาย และวิธีการทำงานของ POP3, SMTP, IMAP4

1.2.4 การรับส่งไฟล์ หรือ FTP : File Transfer Protocol

ความหมาย และวิธีการทำงานของ FTP

1.2.5 การค้นหาข้อมูล หรือ WWW : World Wide Web

เทคโนโลยีพื้นฐานของ WWW

ความหมายและการทำงานของ URL, HTTP, HTML, CGI, ASP, PHP, Proxy Server, ActiveX และ DHTML

เทคโนโลยี MIME, Cookies, Java Applet, CSS, XML

1.3 ฮาร์ดแวร์ และ ซอฟต์แวร์ ที่ใช้สำหรับเครือข่ายคอมพิวเตอร์ และการสร้างหน้าเว็บ

1.3.1 คอมพิวเตอร์ และอุปกรณ์เครือข่าย

1.3.2 ซอฟต์แวร์ระบบเครื่องลูกข่าย (OS : Operating System) ซอฟต์แวร์ระบบเครื่องแม่ข่าย (NOS : Network Operating System) ซอฟต์แวร์สร้างหน้าเว็บ (Web page Design) ซอฟต์แวร์ค้นข้อมูล (Browser) ซอฟต์แวร์ส่งผ่านข้อมูลบนอินเตอร์เน็ต (FTP)

1.4 การใช้บริการข้อมูลเครือข่ายผ่านโปรแกรมวินโดว์

1.4.1 การติดตั้งระบบเครือข่าย (ฮาร์ดแวร์, ซอฟต์แวร์ระบบ, ซอฟต์แวร์ Browser, Protocol)

1.4.2 การติดต่อกับระบบเครือข่าย (คำสั่ง Sharing, คำสั่ง Connect/Disconnect Network Drive)

1.4.3 การติดต่อกับแม่ข่าย ISP : Internet Service Provider

1.5 เว็บไซต์ และการบริหารเว็บไซต์

1.5.1 องค์ประกอบเว็บไซต์

บุคลากร คุณสมบัติ สิทธิ และหน้าที่ ของบุคลากรเว็บไซต์ ได้แก่ ผู้บริหารระบบ (Administrator), ผู้จัดการเว็บไซต์ (Webmaster), ช่างเทคนิค (Technical Service), เจ้าหน้าที่WebPage(Web page Designer), เจ้าหน้าที่เตรียมข้อมูล, เจ้าหน้าที่ตอบรับ (Contact Receiver), เจ้าหน้าที่โปรแกรมฐานข้อมูลสมาชิก (Database Operator), ผู้เขียนโปรแกรม (Programmer), เจ้าหน้าที่ป้ายโฆษณา (Banner Label), เจ้าหน้าที่ผลิตสื่ออินเตอร์เน็ต

ข้อมูล ประเภทข้อมูล ได้แก่ Text file, Image file, Animation file)

การจัดการ เช่น จดทะเบียนชื่อโดเมน (Domain Name), จัดหา และดูแลพื้นที่ที่ให้บริการ (Web Hosting), ส่งข้อมูลขึ้นไปบนอินเตอร์เน็ต (Upload), ปรับปรุงข้อมูล (Update), สร้างตัวนับ (Counter), สมุดเยี่ยม (Guest Book), กระดานสนทนา (Web Board), บริการ E-mail, บริการ Search Engine, เชื่อมโยงข้อมูลที่อยู่ต่างหน้าเว็บ และต่างไซต์ (Hypertext & Page links)

1.5.2 เครื่องมือ

โปรแกรมสร้างหน้าเว็บ (Building Web page)

โปรแกรมส่งแฟ้มข้อมูล (Upload File) ดึงแฟ้มข้อมูล (Download File)

โปรแกรมดูข้อมูล (Web Browser)

โปรแกรมช่วยเตรียมข้อมูล (Word Processor, Photo Retouching, Picture Drawing, Graphics Animator, Note Editor)

อุปกรณ์ช่วยเตรียมข้อมูล (เครื่องสแกนเนอร์, กล้องถ่ายภาพดิจิตอล)

1.5.3 วิธีการ (ห้องเก็บข้อมูล, เตรียมโปรแกรม, สร้างเอกสาร html, ทดสอบ html, เผยแพร่ข้อมูล, ดูข้อมูล)

1.6 ภาษา html และการสร้าง Web page ด้วย html

1.6.1 อักษรพิเศษ และ วัตถุที่ใช้สร้างบนหน้าเว็บ (Object Oriented)

Name String ที่ใช้ใน html (  " & < > ® ©)

วัตถุมาตรฐานที่ใช้สร้างบนหน้าเว็บ (anchor, date document form button checkbox element hidden password radio reset select submit text textarea frame history link location math navigator string window)

1.6.2 โครงสร้างของ html แท็ก (tag) และคำสั่งต่างๆ

โครงสร้างแท็กไฟล์ html และแท็ก JavaScript

แท็กสร้างแบบฟอร์ม (<form>...</form>, <input>, <select>...</select>, <textarea>...</textarea>, <form name=... method=... action=...>)

แท็กสร้างแบบของข้อมูลที่จะนำเข้าไปในฟอร์ม หรือแท็ก input (text, password, radio, checkbox, submit, reset, button)

คำสั่งควบคุมเหตุการณ์ หรือ Event handler (onAbort, onClick, onLoad, onRest, onUnload, onBlur, onError, onMouseOut, onSelect, onChange, onFocus, onMouseOver, onSubmit)

คำสั่งเปิด ปิด หน้าต่างงาน หรือ Window Object (open, close, DefaultStatus, length, name, parent, self, status, top, window)

แท็กสร้างเฟรม (<frameset>...</frameset> <frame src=... name=... marginwidth=... marginheight=... scrolling=...>)

แท็กอ้างอิงเหตุการณ์ในเฟรม (framborder, border, bordercolor, framespacing, onLoad, unload, src, name, marginwidth, marginheight, scrolling)

คำสั่งเปิด ปิด เฟรม หรือ Frame Object (frame, length, parent, self, top, window, location.href)

คำสั่งจัดตัวอักษร (alinkColor, anchors, applets, bgColor, cookie, fgColor, forms, history, images, lastModified, linkColor, links, location, referer, title, vlinkColor)

แท็กสร้างภาพ (IMG SRC) และคำสั่ง Name, Align, Top, Middle, Bottom, Left, Right, Width, Height, Border, Hspace, Vspace, Alt, background, preload

แท็กสร้างเลเยอร์ (<layer name=...> </layer>)

คำสั่งเสริมในแท็กเลเยอร์ (name, top, left, width, height, bgcolor, clip, visibility, background)

คำสั่งเปิด ปิด เลเยอร์ หรือ Layer Object (above, below, background, ggcolor, clip, document, left, name ,pageX, pageY, Parentlayer, src. siblingBelow, top. visibility, zindex, load, move, resize)

แท็กแสดงวัน เวลา (กลุ่ม get, กลุ่ม set และกลุ่ม to)

1.6.3 การเชื่อมโยง (Link)

Hypertext

Map Image

รูปแบบการเชื่อมโยง (Call, Check, Go to, Jump, Open Windows, Play Sound, Message, Preload Images, Set, Show-Hide Layer, Swap)

2. เครื่องมือ อุปกรณ์ ในการสร้างเว็บไซต์

2.1 อุปกรณ์พื้นฐานในการสร้างเว็บไซต์

2.1.1 ติดตั้งอุปกรณ์ คอมพิวเตอร์ โมเด็ม

2.1.2 ติดตั้งเครื่องสแกนเนอร์, เชื่อมต่อคอมพิวเตอร์ กับ กล้องถ่ายภาพดิจิตอล

2.1.3 ติดตั้งโปรแกรมที่เกี่ยวข้อง ทดสอบ ปรับแต่งการทำงาน

2.2 โปรแกรมออกแบบ และเตรียมข้อมูล สำหรับหน้าเว็บ

2.2.1 ติดตั้ง และแนะนำ Microsoft Word

2.2.2 ติดตั้ง และแนะนำ Adobe Photoshop 5.5

2.2.3 ติดตั้ง และแนะนำ Gif Animator 4.0, Xara3D, swish151

2.3 โปรแกรมสร้างหน้าเว็บ

ติดตั้ง และแนะนำ Macromedia Dreamweaver 4.0

2.4 โปรแกรมค้นหาข้อมูล (Web Browser)

การตั้งค่าพื้นฐานให้กับ Microsoft Internet Explorer

2.5 โปรแกรมรับส่งข้อมูล กับคอมพิวเตอร์แม่ข่าย หรือ Host

ติดตั้ง และแนะนำ cuteFTP

2.6 ปฏิบัติการขอบริการฟรี E-mail และ Web Hosting

2.6.1 สมัครสมาชิกใช้บริการฟรี E-mail

2.6.2 สมัครสมาชิกใช้บริการฟรี Web Hosting

3. ปฏิบัติการเตรียมข้อมูล

3.1 ห้องเก็บข้อมูล และการจัดเก็บข้อมูล (ข้อความ รูปภาพ และเสียง)

3.2 การเตรียมข้อความ textfile ด้วยโปรแกรม Microsoft Word, Notepad

3.3 การเตรียมภาพถ่าย ด้วยกล้องถ่ายภาพ และเครื่องสแกนเนอร์

3.4 การใช้โปรแกรม Adobe Photoshop 5.5, Ulead Gif Animator 4.0, swish151, Xara3D

3.5 เทคนิคและวิธีการ เตรียมภาพประกอบหัวเรื่อง

3.6 เทคนิคและวิธีการ เตรียมภาพประกอบเนื้อเรื่อง

4. วิธีใช้โปรแกรม และ คำสั่งโปรแกรม ในการสร้าง และออกแบบหน้าเว็บ

4.1 คำสั่งต่างๆ ใน Macromedia Dreamweaver 4.0

4.1.1 ความหมาย และหน้าที่ ของเมนูคำสั่ง

แฟ้มข้อมูล (File): New File, Open File, Close File, Save File, Preview in Browser

การแก้ไขวัตถุบนหน้าเว็บ: Select, Cut, Copy, Paste, Undo, Replace [ดูวิธีใช้ คีย์ลัด]

มุมมอง (View): Code, Design, Layout, Virtual Aids (แสดง/ไม่แสดง Borders, Map, Elements), แสดงหน้าต่าง View Code, แสดง/ไม่แสดง Rulers, Grid [ดูวิธีใช้ คีย์ลัด]

การนำวัตถุต่างๆ เข้ามา (Insert):

-รูปภาพประกอบ (Image), -ภาพที่มีการโต้ตอบกันได้ (Interactive Images เช่น Rollover, Navigation, Flash, Firework) [ดูหน้าต่างเครื่องมือ Object - Common], -ภาพเคลื่อนไหว (Media เช่น Flash, Shockwave, Generator, Applet, Plugin, ActiveX), [ดูหน้าต่างเครื่องมือ Object - Speacial]

-ตาราง (Table), -เลเยอร์ (Layer) [ดูหน้าต่างเครื่องมือ Object - Common], -เฟรม (Frames) [ดูหน้าต่างเครื่องมือ Object - Frames], -ฟอร์ม (Forms) [ดูหน้าต่างเครื่องมือ Object - Forms]

-จดหมาย (Email), -วันที่ (Date), -เส้นคั่น (Rule), -กรอบตาราง (Tabular) [ดูหน้าต่างเครื่องมือ Object - Common]

-แท็กซ่อน (Invisible Tags ได้แก่ Anchor, Script, Comment) [ดูหน้าต่างเครื่องมือ Object - Invisible]

-แท็กส่วนหัว (Head Tags ได้แก่ Meta, Keyword, Description) [ดูหน้าต่างเครื่องมือ Object - Head]

การปรับปรุงวัตถุ (Modify): [ทุกคำสั่งดูหน้าต่างเครื่องมือ Properties]

-กำหนดคุณสมบัติของหน้าเว็บ (Page Properties)

-กำหนดคำสั่งการเชื่อมโยง หรือ Link ได้แก่ เปลี่ยนลิงค์ (Change), ยกเลิก (Remove), เปิดลิงค์ใหม่ (Open), จุดที่จะให้วัตถุที่ถูกเรียกปรากฏ (Target)

-ตาราง (Table) ได้แก่คำสั่ง รวม แยก เพิ่ม ลบ ซ่อน/แสดง กำหนดขนาดของกรอบตาราง

-กลุ่มของเฟรม (Frameset) [ดูหน้าต่างเครื่องมือ Object - Frames] + [หน้าต่างเครื่องมือ Frames]

-การจัดตำแหน่ง (Arrange: Front, Back), (Align: Left, Right, Top, Buttom) [ดูหน้าต่างเครื่องมือ Properites]

ข้อความ (Text): Font, Style, Size, Color, Align, Paragraph [ดูหน้าต่างเครื่องมือ Properties]

หน้าต่างเครื่องมือ (Windows) และ คีย์ลัด (Scortcut Key) เรียกหน้าต่างเครื่องมือ

**หมายเหตุ [เรียกดูหน้าต่างเครื่องมือ] อยู่ในเมนู Windows

4.1.2 การกำหนดค่าเบื้องต้นก่อนลงมือสร้างหน้าเว็บ

การกำหนดค่า Preferences ในเมนู Edit: General (Add Extension when Saving) Code Color, Fonts/Encoding (Default Encoding, Proportional Fonts, Code Inspector), Invisible Elements, Layout View (Spacer Image for Site)

การสร้างและแก้ไข ไซต์ ในเมนู Site: Define Sites (New, Edit, Duplicate, Remove), Links (Check, Change, Open Source, Remove), Windows (Site File, Map File), Connect to Remote Host ผ่าน FTP (UserID, Password, Host Address, Remote Directory, Local Directory,)

4.1.3 ฝึกปฏิบัติการสร้างหน้าเว็บ จากข้อมูลที่เตรียมไว้ใน ข้อ 3

4.1.4 นำเสนอผลงาน แสดงความคิดเห็น ปรับปรุงแก้ไขผลงาน แสดงความใฝ่ฝัน และประเมินตนเอง

4.2 การส่งข้อมูลไปยังคอมพิวเตอร์แม่ข่าย (Web Server) หรือเครื่อง Host ที่สมัครใช้บริการฟรี

4.2.1 ส่งข้อมูล โดยใช้ตัวช่วยใน Macromedia Dreamweaver

4.2.2 ส่งข้อมูล โดยใช้หน้าต่าง Browser (เครื่อง Host ที่สมัครใช้บริการฟรี)

5. การออกแบบสร้างหน้าเว็บไซต์ www.asokecommunity.com

5.1 แนะนำโครงสร้างห้องเก็บข้อมูลของฝั่ง Host (Remote Directory) และห้องเก็บข้อมูลของฝั่ง User (Local Directory)

5.2 เตรียมข้อมูล ภาพ และ ข้อความ ตามหัวข้อที่เลือกไว้

5.3 ออกแบบ สร้างหน้าเว็บ ตามหัวข้อที่เลือกไว้

5.4 นำเสนอผลงาน แสดงความคิดเห็น ปรับปรุงแก้ไขผลงาน แสดงความใฝ่ฝัน และประเมินตนเอง

6. การเผยแพร่ข้อมูล

6.1 ส่งข้อมูลของแต่ละหัวเรื่องไปยังห้องเก็บข้อมูลของ Host ให้ตรงกับชื่อห้องเก็บข้อมูล โดยผ่านโปรแกรม cuteFTP ทดสอบการทำงานของหน้าเว็บ จากหน้าต่างค้นข้อมูล Browser

6.2 การทำแผ่นป้ายโฆษณา ป้ายโศลกธรรม การสร้างข้อความวิ่ง

7. การพัฒนาหน้าเว็บ กำหนดหลักเกณฑ์ และวิธีการ เลือกหัวข้อ หัวเรื่องที่จะทำต่อไป

7.1 เลือกหัวเรื่อง

7.2 ลงมือปฏิบัติสร้างหน้าเว็บ ถ้าเป็นเรื่องใหม่ ผ่านการตรวจสอบจากสมณะที่ปรึกษา

7.3 ส่งข้อมูลไปเผยแพร่

7.4 แจ้งผู้จัดการเว็บไซต์ (Webmaster) เพื่อทำการเชื่อมโยง หรือ แจ้งผู้จัดการเว็บไซต์ เมื่อได้มีการเชื่อมโยงแล้ว

7.5 Download ข้อมูล จากห้องเก็บข้อมูลของ Host มาเก็บไว้ที่ฝั่งผู้ใช้ทุกสัปดาห์ หรือทุกครึ่งเดือน

ระยะเวลา

(ก) กำหนดเวลาตลอดหลักสูตร 40 - 45 ชั่วโมง คาบละ 2 ชั่วโมง

1. ภาคทฤษฎี และฝึกทักษะ รวม 30 ชั่วโมง หรือ 15 คาบ

2. ภาคฝึกปฏิบัติ รวม 10 - 15 ชั่วโมง หรือ 5 - 6 คาบ

(ข) กิจกรรมประจำวัน

วัน เวลา

กิจกรรม

จำนวนเวลา (ชั่วโมง)

04.00 - 06.00 น.

สวดมนต์ ทำวัตรเช้า ฟังธรรม

2

06.00 - 07.00 น.

กิจส่วนตัว

1

07.00 - 09.00 น.

เรียนรู้ทฤษฎี และฝึกทักษะ

2

09.00 - 11.00 น.

ฟังธรรมก่อนฉัน รับประทานอาหาร กิจส่วนตัว

2

11.00 - 13.00 น.

เรียนรู้ทฤษฎี และฝึกทักษะ

2

13.00 - 14.00 น.

พัก และ ฝึกปฏิบัติ ทบทวน

1

14.00 - 16.00 น.

เรียนรู้ทฤษฎี และฝึกทักษะ

2

16.00 - 18.00 น.

พักผ่อน รับประทานอาหารเย็น กิจส่วนตัว ทบทวน

2

18.00 - 20.00 น.

ฝึกปฏิบัติ และทบทวน (ทำการบ้าน)

2

 

 

 

 

 

(ค) ตารางกิจกรรม

วันที่ 1

ชั่วโมงที่ /คาบที่

เนื้อหา กิจกรรม

1-2 1

หัวเรื่องที่ 1. ความรู้ความเข้าใจเกี่ยวกับการสร้างเว็บไซต์

1.1 เครือข่ายคอมพิวเตอร์ (Computer Networking)

1.2 กลไกและวิธีการสื่อสารในระบบเครือข่าย (Protocol)

1.3 ฮาร์ดแวร์ และ ซอฟต์แวร์ ที่ใช้สำหรับเครือข่ายคอมพิวเตอร์ และการสร้างหน้าเว็บ

1.4 การใช้บริการข้อมูลเครือข่ายผ่านโปรแกรมวินโดว์

บรรยาย และสาธิต ประกอบสื่อ ซักถามปัญหา ตอบคำถาม

3-4 2

หัวเรื่องที่ 1. ความรู้ความเข้าใจเกี่ยวกับการสร้างเว็บไซต์ (ต่อ)

1.5 เว็บไซต์ และการบริหารเว็บไซต์

1.6 ภาษา html และการสร้าง Web page ด้วย html

บรรยาย และสาธิต ประกอบสื่อ ซักถามปัญหา ตอบคำถาม ฝึกปฏิบัติ นำเสนอผลงาน

5-6 3

หัวเรื่องที่ 2. เครื่องมือ อุปกรณ์ ในการสร้างเว็บไซต์

2.1 อุปกรณ์พื้นฐานในการสร้างเว็บไซต์

2.2 โปรแกรมออกแบบ และเตรียมข้อมูล สำหรับหน้าเว็บ (Microsoft Word, Photoshop 5.5, Gif Animator 4.0, swish151, Xara3D)

บรรยาย และสาธิต ประกอบสื่อ ซักถามปัญหา ตอบคำถาม ฝึกปฏิบัติ นำเสนอผลงาน

7-8 4

ฝึกปฏิบัติ ทบทวน ทำแบบฝึกหัด นำเสนอผลงาน

วันที่ 2

ชั่วโมงที่ /คาบที่

เนื้อหา กิจกรรม

9-10 5

หัวเรื่องที่ 2. เครื่องมือ อุปกรณ์ ในการสร้างเว็บไซต์ (ต่อ)

2.3 โปรแกรมสร้างหน้าเว็บ Dreamweaver 4.0

2.4 โปรแกรมค้นหาข้อมูล (Web Browser)

บรรยาย และสาธิต ประกอบสื่อ การติดตั้งโปรแกรม แนะนำการทำงานของโปรแกรม ซักถามปัญหา ตอบคำถาม ฝึกปฏิบัติสร้างหน้าเว็บอย่างง่าย นำเสนอผลงาน

11-12 6

หัวเรื่องที่ 2. เครื่องมือ อุปกรณ์ ในการสร้างเว็บไซต์ (ต่อ)

2.5 โปรแกรมรับส่งข้อมูล กับคอมพิวเตอร์แม่ข่าย หรือ Host โปรแกรม cuteFTP3.0

2.6 ปฏิบัติการขอบริการฟรี E-mail และ Web Hosting

บรรยาย และสาธิต ประกอบสื่อ ซักถามปัญหา ตอบคำถาม ฝึกปฏิบัติ

ชั่วโมงที่ /คาบที่

เนื้อหา กิจกรรม

13-14 7

หัวเรื่องที่ 2. เครื่องมือ อุปกรณ์ ในการสร้างเว็บไซต์ (ต่อ)

2.6 ปฏิบัติการขอบริการฟรี E-mail และ Web Hosting (ต่อ)

หัวเรื่องที่ 3. ปฏิบัติการเตรียมข้อมูล (กำหนดหัวเรื่อง เท่าจำนวนผู้เรียน)

3.1 ห้องเก็บข้อมูล และการจัดเก็บข้อมูล (ข้อความ รูปภาพ และเสียง)

3.2 การเตรียมข้อความ textfile ด้วยโปรแกรม Microsoft Word, Notepad

3.3 การเตรียมภาพถ่าย ด้วยกล้องถ่ายภาพ และเครื่องสแกนเนอร์

บรรยาย และสาธิต ประกอบสื่อ การสร้างห้องเก็บข้อมูล การเก็บข้อมูล ที่เป็นข้อความ และภาพ ซักถามปัญหา ตอบคำถาม ฝึกปฏิบัติเก็บข้อมูล ตกแต่งข้อมูล นำเสนอผลงาน

15-16 8

ฝึกปฏิบัติ ทบทวน ทำแบบฝึกหัด นำเสนอผลงาน

วันที่ 3

ชั่วโมงที่ /คาบที่

เนื้อหา กิจกรรม

17-18 9

หัวเรื่องที่ 3. ปฏิบัติการเตรียมข้อมูล (ต่อ)

3.4 การใช้โปรแกรม Adobe Photoshop 5.5, Ulead Gif Animator 4.0, swish151, Xara3D

บรรยาย และสาธิต ประกอบสื่อ การใช้โปรแกรม การสร้างเทคนิคพิเศษภาพหัวเรื่อง และภาพประกอบเนื้อเรื่อง ด้วยโปรแกรมตกแต่งภาพ ฝึกปฏิบัติ นำเสนอผลงาน

19-20 10

หัวเรื่องที่ 3. ปฏิบัติการเตรียมข้อมูล (ต่อ)

3.5 เทคนิคและวิธีการ เตรียมภาพประกอบหัวเรื่อง

3.6 เทคนิคและวิธีการ เตรียมภาพประกอบเนื้อเรื่อง

บรรยาย และสาธิต ประกอบสื่อ การใช้โปรแกรมสร้างเทคนิคพิเศษภาพหัวเรื่อง และภาพประกอบเนื้อเรื่อง ฝึกปฏิบัติ นำเสนอผลงาน

20-22 11

หัวเรื่องที่ 4. วิธีใช้โปรแกรม และ คำสั่งโปรแกรม ในการสร้าง และออกแบบหน้าเว็บ

4.1 คำสั่งต่างๆ ใน Macromedia Dreamweaver 4.0 (ความหมาย และหน้าที่ ของเมนูคำสั่ง, การกำหนดค่าเบื้องต้นก่อนลงมือสร้างหน้าเว็บ,)

บรรยาย และสาธิต ประกอบสื่อ ฝึกปฏิบัติการสร้างหน้าเว็บจากข้อมูลที่เตรียมไว้ในหัวเรื่องที่ 3. ปรับปรุงแก้ไข นำเสนอผลงาน

23-24 12

ฝึกปฏิบัติ ทบทวน ทำแบบฝึกหัด นำเสนอผลงาน

 

 

 

 

วันที่ 4

ชั่วโมงที่ /คาบที่

เนื้อหา กิจกรรม

25-26 13

หัวเรื่องที่ 4. วิธีใช้โปรแกรม และ คำสั่งโปรแกรม ในการสร้าง และออกแบบหน้าเว็บ (ต่อ)

4.1 คำสั่งต่างๆ ใน Macromedia Dreamweaver 4.0 (ต่อ)

4.2 การส่งข้อมูลไปยังคอมพิวเตอร์แม่ข่าย (Web Server)

บรรยาย และสาธิต ประกอบสื่อ ฝึกปฏิบัติ การสร้างหน้าเว็บ ปรับปรุงแก้ไข ส่งข้อมูลไปเผยแพร่บนอินเตอร์เน็ต นำเสนอผลงาน

27-28 14

หัวเรื่องที่ 5. การออกแบบสร้างหน้าเว็บ www.asokecommunity.com

5.1 แนะนำโครงสร้างห้องเก็บข้อมูลของฝั่ง Host (Remote Directory) และห้องเก็บข้อมูลของฝั่ง User (Local Directory)

5.2 เตรียมข้อมูล ภาพ และ ข้อความ ตามหัวข้อที่เลือกไว้

บรรยาย และสาธิต ประกอบสื่อ ห้องเก็บข้อมูล และการเตรียมข้อมูล กำหนดหัวเรื่องให้เท่าจำนวนผู้เรียน หรือกลุ่มผู้เรียน ปฏิบัติเตรียมข้อมูลตามหัวเรื่องที่ได้รับ นำเสนอผลงาน

29-30 15

หัวเรื่องที่ 5. การออกแบบสร้างหน้าเว็บ www.asokecommunity.com (ต่อ)

5.2 เตรียมข้อมูล ภาพ และ ข้อความ ตามหัวข้อที่เลือกไว้ (ต่อ)

5.3 ออกแบบ สร้างหน้าเว็บ ตามหัวข้อที่เลือกไว้

ปฏิบัติเตรียมข้อมูลตามหัวเรื่องที่ได้รับ ตกแต่งข้อมูล สร้างภาพประกอบหัวเรื่อง ภาพประกอบเนื้อเรื่อง นำข้อมูลเข้าไปในหน้าเว็บ นำเสนอผลงาน

31-32 16

หัวเรื่องที่ 5. การออกแบบสร้างหน้าเว็บ www.asokecommunity.com (ต่อ)

5.3 ออกแบบ สร้างหน้าเว็บ ตามหัวข้อที่เลือกไว้ (ต่อ)

ปฏิบัติเตรียมข้อมูลตามหัวเรื่องที่ได้รับ ตกแต่งข้อมูล สร้างภาพประกอบหัวเรื่อง ภาพประกอบเนื้อเรื่อง นำข้อมูลเข้าไปในหน้าเว็บ นำเสนอผลงาน

33-34 17

ฝึกปฏิบัติ ทบทวน ทำแบบฝึกหัด นำเสนอผลงาน

 

 

วันที่ 5

ชั่วโมงที่ /คาบที่

เนื้อหา กิจกรรม

35-36 18

หัวเรื่องที่ 6. การเผยแพร่ข้อมูล

6.1 ส่งข้อมูลของแต่ละหัวเรื่องไปยังห้องเก็บข้อมูลของ Host ให้ตรงกับชื่อห้องเก็บข้อมูล โดยผ่านโปรแกรม cuteFTP ทดสอบการทำงานของหน้าเว็บ จากหน้าต่างค้นข้อมูล Browser

6.2 การทำแผ่นป้ายโฆษณา ป้ายโศลกธรรม การสร้างข้อความวิ่ง

บรรยาย และสาธิต ประกอบสื่อ ฝึกปฏิบัติ ทำแผ่นป้ายโฆษณา ป้ายโศลกธรรม การสร้างข้อความวิ่ง ปรับปรุงแก้ไข ส่งข้อมูลไปเผยแพร่บนอินเตอร์เน็ต นำเสนอผลงาน

ชั่วโมงที่ /คาบที่

เนื้อหา กิจกรรม

37-38 19

หัวเรื่องที่ 7. การพัฒนาหน้าเว็บ กำหนดหลักเกณฑ์ และวิธีการ เลือกหัวข้อ หัวเรื่องที่จะทำต่อไป

7.1 เลือกหัวเรื่อง

7.2 ลงมือปฏิบัติสร้างหน้าเว็บ ถ้าเป็นเรื่องใหม่ ผ่านการตรวจสอบจากสมณะที่ปรึกษา

7.3 ส่งข้อมูลไปเผยแพร่

7.4 แจ้งผู้จัดการเว็บไซต์ (Webmaster) เพื่อทำการเชื่อมโยง หรือ แจ้งผู้จัดการเว็บไซต์ เมื่อได้มีการเชื่อมโยงแล้ว

7.5 Download ข้อมูล จากห้องเก็บข้อมูลของ Host มาเก็บไว้ที่ฝั่งผู้ใช้ทุกสัปดาห์ หรือทุกครึ่งเดือน

ประชุมกำหนดแผนการพัฒนาหน้าเว็บ แบ่งหน้าที่ ซักซ้อมความเข้าใจในหลักปฏิบัติ

แนะนำการใช้โปรแกรมแลกเปลี่ยนข้อมูลข่าวสาร ระหว่างเจ้าหน้าที่ คอศ.

39-40 20

ประชุม สรุปกิจกรรม ประเมินผลงาน กำหนดการอบรมสัมมนาครั้งต่อไป ปิดการอบรม

 

กิจกรรม และเทคนิคการฝึกอบรม

1. บรรยาย

1.1 ขั้นเตรียม กำหนดวัตถุประสงค์ เนื้อหา สื่อ

1.2 ขั้นดำเนินการ อธิบายตามลำดับเนื้อหา โดยใช้สื่อประกอบ ซักถาม พูดซ้ำ

1.3 ขั้นสรุป สรุปเป็นความคิดรวบยอด หรือทฤษฎี ลงมือปฏิบัติ

2. สาธิต

2.1 ขั้นเตรียม กำหนดระยะเวลา จุดมุ่งหมาย ขอบเขตเนื้อหากิจกรรม อุปกรณ์ เอกสาร

2.2 ขั้นดำเนินการ อธิบาย สาธิต ทดลอง เปิดโอกาสให้ซักถาม

2.3 ขั้นสรุป เพื่อกำหนดเป็นมาตรฐาน หรือเป็นกฎเกณฑ์

3. ฝึกทักษะ

3.1 ศึกษาความรู้ ทฤษฎี หลักการ รูปแบบ วิธีการ ด้วยตนเอง จากสื่อ WBI (สื่อช่วยสอนที่สร้างเป็นเอกสาร html สามารถติดต่อกับอินเตอร์เน็ตได้ และโต้ตอบระหว่างกันได้) และเอกสารอื่น หรือจากคำบรรยายของวิทยากร หรือจากการแลกเปลี่ยนเรียนรู้ระหว่างผู้เรียนด้วยกัน สะสมไว้เป็นข้อมูลในการคิด ตัดสินใจ แก้ไขปัญหา

3.2 ปฏิบัติตามคำสั่ง หรือแบบฝึกหัด ค้นหาคำตอบด้วยตนเอง จากความรู้และประสบการณ์ที่สะสมไว้ก่อน

3.3 ปฏิบัติทบทวนซ้ำ จนเข้าใจ จำหลักการ วิธีการได้ และชำนาญ กำหนดเป็นหลักเกณฑ์มาตรฐานของตนเอง แล้วบอกต่อ อธิบายให้ผู้อื่นเข้าใจได้

4. ฝึกปฏิบัติ

4.1 กำหนดขอบเขต สิทธิ หน้าที่ และคำสั่งการ

4.2 เตรียมข้อมูล

4.3 ลงมือปฏิบัติ สร้าง ทดสอบ แก้ไข ปรับปรุง ทำซ้ำ บันทึกจดจำประสบการณ์ใหม่ที่ได้รับ และถ่ายทอดต่อให้ผู้อื่นได้รับรู้

4.4 ทำให้เสร็จตามกำหนดเวลา พร้อมที่จะนำเสนองาน

5. ซักถาม สัมภาษณ์

5.1 ถามเพื่อ ตอบทันที

5.2 ถามเพื่อทบทวนให้ทำซ้ำ

6. นำเสนอผลงาน

6.1 นำเสนอผลงานขึ้นจอภาพ ให้ผู้เรียนทุกคนเห็น และได้ยินเสียง อย่างทั่วถึง

6.2 บรรยาย บอก สิ่งที่ได้ปฏิบัติไปแล้ว บอกความรู้สึก อารมณ์ อุปสรรค ที่พบ และแนวทางแก้ไข

6.3 วิจารณ์ผลงานในเชิงศิลปะ และสาระทางธรรม "สวย เด่น ดี มีสาระ เร็ว"

6.4 ประเมินผลงาน โดยตัวผู้เรียนเอง เพื่อนร่วมงาน และวิทยากรผู้ให้การฝึกอบรม

6.5 บอกความใฝ่ฝันที่ต้องการ อยากได้ อยากเป็น อยากมี แม้ว่าขณะนั้นจะยังทำไม่ได้ก็ตาม

สื่อ อุปกรณ์ และโปรแกรมที่ใช้ฝึกอบรม

1. สถานที่ และวัสดุ อุปกรณ์ประกอบ

1.1 ห้องฝึกอบรม พร้อมระบบปรับอากาศ ระบายอากาศ โต๊ะ เก้าอี้ ที่พักผ่อน น้ำดื่ม

1.2 ห้องพัก ห้องอาหาร ห้องประชุม และห้องสมุด

1.3 เครื่องมือสื่อสาร สายโทรศัพท์ เครื่องรับโทรศัพท์

1.4 กระดานป้าย หรือแผ่นป้ายสำหรับบันทึกการประชุม และบันทึกคำบรรยาย (White Board)

2. เครื่องคอมพิวเตอร์ และอุปกรณ์ต่อพ่วงกับระบบเครือข่าย

2.1 คอมพิวเตอร์ สำหรับวิทยากร มีคุณสมบัติ และส่วนประกอบสำคัญดังนี้

หน่วยประมวลผล CPU ความเร็วสัญญาณนาฬิกา ไม่น้อยกว่า 800 MHz. ระดับ 64 - 128 bit
หน่วยความจำ RAM ชนิด SD-RAM หรือ RD-RAM ความจุไม่น้อยกว่า 128 MB
CACHE L2 ความจุไม่น้อยกว่า 256 KB
หน่วยเก็บข้อมูล Harddisk ความจุไม่น้อยกว่า 4.3 GB
CD-ROM ความเร็วในการอ่านไม่น้อยกว่า 30 เท่า สามารถบันทึกแผ่น CD ได้
ระดับความเร็ว ไม่น้อยกว่า 4 เท่า
FloppyDrive อ่าน/เขียน ขนาดความจุ 1.44 MB
หน่วยแสดงผลภาพ VGA มีหน่วยความจำไม่น้อยกว่า 16 MB สามารถแสดงผลกราฟิกแบบ 3D
ได้ แสดงผลในระดับความละเอียด XGA ได้ และสามารถต่อกับ
เครื่องฉายภาพ Digital Projector ได้
Monitor จอสี SVGA ขนาดไม่น้อยกว่า 17 นิ้ว มี Dot pitch ไม่เกิน 0.26 รองรับ
ความละเอียดได้ ไม่น้อยกว่า 1024 x 768 pixel ที่คุณภาพสี 16 bit
หน่วยแสดงผลเสียง Sound คุณภาพเสียงไม่ด้อยกว่า 16 bit แสดงเสียง 3 มิติได้
ระบบถ่ายโอนข้อมูล BUS ความเร็ว FSB 133 - 200 MHz, 64 - 128 bit
ช่องเชื่อมต่ออุปกรณ์ Port ชนิด Serial, Parallel, USB ที่สามารถต่อกับโมเด็ม เครื่องสแกนเนอร์
และ กล้องถ่ายภาพ Digital ได้
Slot แบบ PCI ที่สามารถเสียบการ์ดแลนได้
โปรแกรมระบบ OS Windows'98se
NOS Windows'98se สามารถ Share อินเตอร์เน็ตได้,
Personal Web Server 4.0 หรือ OmniHTTPD Professional 2.0
โปรแกรมใช้งาน Application Microsoft Office 97, Macromedia Dreamweaver 4.0,
Macromedia Firework 3.0, Adobe Photoshop 5.5, Xara3D 4.0,
swish151, Ulead Gif Animator 4.0, cuteFTP 3.0,
Utility ACDSee 3.0, Edit Plus 2.0, JavaScript 1.0, WinZip8.0,
GetRight 3.0

2.2 คอมพิวเตอร์ สำหรับผู้เรียน มีคุณสมบัติ และส่วนประกอบสำคัญดังนี้

หน่วยประมวลผล CPU ความเร็วสัญญาณนาฬิกา ไม่น้อยกว่า 500 MHz. ระดับ 64 - 128 bit
หน่วยความจำ RAM ชนิด SD-RAM หรือ RD-RAM ความจุไม่น้อยกว่า 64 MB
CACHE L2 ความจุไม่น้อยกว่า 256 KB
หน่วยเก็บข้อมูล Harddisk ความจุไม่น้อยกว่า 4.3 GB
CD-ROM ความเร็วในการอ่านไม่น้อยกว่า 30 เท่า
FloppyDrive อ่าน/เขียน ขนาดความจุ 1.44 MB
หน่วยแสดงผลภาพ VGA มีหน่วยความจำไม่น้อยกว่า 16 MB สามารถแสดงผลกราฟิกแบบ 3D
ได้ และแสดงผลในระดับความละเอียด XGA ได้
Monitor จอสี SVGA ขนาดไม่น้อยกว่า 15 นิ้ว มี Dot pitch ไม่เกิน 0.26 รองรับ
ความละเอียดได้ ไม่น้อยกว่า 1024 x 768 pixel ที่คุณภาพสี 16 bit
หน่วยแสดงผลเสียง Sound คุณภาพเสียงไม่ด้อยกว่า 16 bit แสดงเสียง 3 มิติได้
ระบบถ่ายโอนข้อมูล BUS ความเร็ว FSB 133 - 200 MHz, 64 - 128 bit
ช่องเชื่อมต่ออุปกรณ์ Port ชนิด Serial, Parallel, USB ที่สามารถเชื่อมต่อกับกล้องถ่ายภาพ
Digital ได้
Slot แบบ PCI ที่สามารถเสียบการ์ดแลนได้
โปรแกรมระบบ OS Windows'98se
โปรแกรมใช้งาน Application Microsoft Office 97, Macromedia Dreamweaver 4.0,
Macromedia Firework 3.0, Adobe Photoshop 5.5, Xara3D 4.0,
swish151, Ulead Gif Animator 4.0, cuteFTP 3.0,
Utility ACDSee 3.0, Edit Plus 2.0, JavaScripts 1.0, WinZip8.0,
GetRight 3.0

2.3 ระบบเครือข่าย และเครือข่ายอินเตอร์เน็ต ประกอบด้วย

2.3.1 แผงวงจรเครือข่าย (LAN Adapter) Ethernet 32 bit (PCI) ความเร็ว 10/100 Mbps, 10Base-T ที่สนับสนุนระบบเครือข่ายตามมาตรฐาน IEEE 802.3 IPX/SPX, TCP/IP เชื่อมต่อระบบเครือข่ายแบบ Star Topology

2.3.2 อุปกรณ์กระจายสัญญาณ Ethernet Hub กำหนดคุณสมบัติขั้นต่ำ ดังนี้ ความเร็ว 10/100Mbps อัตโนมัติ รองรับช่องสัญญาณ RJ-45 และสาย UTP-CAT5 10/100Mb จำนวน 8 Port ตามมาตรฐาน IEEE 802.3 10Base-T และ IEEE 802.3u 100Base-TX มาตรฐานเทียบเท่า US Robotics

2.3.3 สายเคเบิล (สาย LAN) ชนิด UTP-CAT5 10/100Mb พร้อมหัวต่อ RJ-45 รองรับความเร็ว 10/100 Mbps

2.3.4 อุปกรณ์รับส่งข้อมูล FAX/MODEM ความเร็ว 56KBps v.90

2.3.5 ติดตั้งโปรแกรม Internet Explorer เป็นตัว Browser ติดตั้งโปรแกรม Internet Sharing ให้เครื่องลูกข่ายทุกเครื่องในวง LAN สามารถติดต่อกับอินเตอร์เน็ต ผ่านคอมพิวเตอร์แม่ข่ายได้

2.3.6 ติดตั้งโปรแกรม Web Server ไว้ที่เครื่องแม่ข่าย เพื่อจำลองคอมพิวเตอร์แม่ข่าย ให้เป็นเครื่องบริการอินเตอร์เน็ต หรือ Host เพื่อให้ผู้เรียนฝึกปฏิบัติถ่ายโอนข้อมูล (FTP) ระหว่างเครื่องฝั่งผู้ใช้ (User) กับเครื่องฝั่งผู้ให้บริการ (Host) และทดสอบการทำงานของคำสั่ง Scripts ก่อนใช้งานจริง

3. อุปกรณ์ต่อพ่วงกับคอมพิวเตอร์

3.1 เครื่องสแกนเนอร์

3.2 กล้องถ่ายภาพ Digital พร้อมสายเคเบิล ที่ต่อเข้ากับ USB Port หรือ COM Port ของคอมพิวเตอร์ได้ เพื่อถ่ายโอนข้อมูล

4. เครื่องมือโสตทัศนูปกรณ์

4.1 เครื่องฉายภาพ Digital Projector พร้อมจอรับภาพ

4.2 ชุดเครื่องขยายเสียงสำหรับห้องประชุม

4.3 กล้องถ่ายภาพวิดีโอ พร้อมตลับแถบบันทึก

4.4 เครื่องบันทึกเสียงคำบรรยาย พร้อมตลับแถบบันทึก

5. เอกสารแบบบันทึกต่างๆ

5.1 แบบบันทึกตรวจสอบกิจกรรมการฝึกอบรม เพื่อประเมินตนเอง

5.2 แบบสอบถามประเมินผลหลังเสร็จสิ้นกิจกรรมฝึกอบรม

5.3 แบบทดสอบทักษะ ความรู้ ความเข้าใจ

การวัดผลประเมินผล

(ก) การวัดผลในระหว่างการฝึกอบรม

วิธีการที่จะนำมาใช้ในการวัดผลประเมินผล คือ การสังเกตพฤติกรรม บันทึกการนำเสนอผลงาน แบบสอบ และแบบทดสอบ วัดคุณภาพผู้เรียน โดยใช้หลักเกณฑ์ ศีลเด่น เป็นงาน ชาญวิชา

1. ศีลเด่น (วัดการควบคุมพฤติกรรมของตนเอง) ร้อยละ 10 ผู้เรียนสามารถปฏิบัติกิจกรรมต่อไปนี้ได้ทุกข้อ ตลอดเวลาที่อยู่ฝึกอบรม และ

1.1 เข้าร่วมกิจกรรมได้ทันเวลา และปฏิบัติกิจกรรมได้ เต็มเวลา เต็มหลักสูตร และเต็มความสามารถ (ไม่หนี ไม่หลับ ไม่กลับก่อน)

1.2 ควบคุมอารมณ์ ให้มีอารมณ์ร่วมกิจกรรม ตั้งใจอย่างมีสมาธิ ขยัน อดทน เอาจริง ต่อเนื่อง ทวนซ้ำ

1.3 รักษาศีลเคร่ง ไม่แอบเสพ หรือเข้าไปในเว็บไซต์อโคจร ซึ่งไม่เหมาะกับผู้ปฏิบัติธรรม และไม่ออกนอกเขตสถานที่ฝึกอบรม ตลอดเวลาที่ฝึกอบรม เว้นแต่มีเหตุจำเป็น

1.4 สร้างผลงานอินเตอร์เน็ต ให้มีขอบข่ายของเนื้อหาสาระอยู่ในกรอบของระบบบุญนิยม ให้มีคุณภาพระดับ "ความจริงในความจริง" "ความจริงในความรู้" "ความรู้ในความจริง" หรือไม่ต่ำกว่าระดับ อัพยากฤตธรรม (ศาสตร์ทั่วๆ ไป หรือ "ความรู้ในความรู้" ที่ไม่อนาจาร หรือผิดศีลธรรม)

2. เป็นงาน (วัดทักษะการปฏิบัติงาน) ร้อยละ 70 ในระหว่างการฝึกอบรม ผู้เข้ารับการอบรม จะต้องปฏิบัติสิ่งต่อไปนี้ได้

2.1 สามารถใช้โปรแกรม Text Editor เขียนคำสั่งภาษา html สร้างหน้าเว็บอย่างง่าย และให้มีการเชื่อมโยงกลับไปมา ระหว่างหน้าต่างๆ ได้

2.2 คัดสรร ข้อความ และ ภาพถ่าย ภาพเคลื่อนไหว ให้เหมาะสมกับหัวเรื่อง เนื้อเรื่อง และมีลักษณะเชิญชวนให้ละชั่ว ประพฤติดี หรือเป็นสิ่งที่จรรโลงศีลธรรม และธรรมชาติ

2.3 สามารถใช้เครื่องมือในโปรแกรมจัดข้อความ โปรแกรมตกแต่งภาพ ในการเตรียมข้อมูลได้

2.4 สามารถใช้เครื่องมือของโปรแกรม Macromedia Dreamweaver สร้างหน้าเว็บได้

2.5 สามารถสร้างหน้าเว็บของเครือข่ายชุมชนอโศก ได้เหมาะสม และมีคุณสมบัติ "สวย เด่น ดี มีสาระ เร็ว"

3. ชาญวิชา (วัดความรู้ ความเข้าใจ การวิเคราะห์ และทักษะการปฏิบัติงาน) ร้อยละ 20 ในระหว่างอยู่ฝึกอบรม ผู้เรียน จะต้องปฏิบัติสิ่งต่อไปนี้

3.1 ประยุกต์ใช้ทักษะกระบวนการต่างๆ ที่เรียนไปแล้ว แก้ปัญหา ปรับปรุงงาน ประยุกต์การใช้งาน บนหน้าเว็บ อย่างได้ผล

3.2 ถ่ายทอด ความรู้ ความรู้สึก ทักษะ ประสบการณ์ ความชำนาญ ที่ตนได้ ตนมี ตนเป็น ให้แก่ผู้อื่น จนสามารถทำตามได้ หรือแก้ปัญหาได้ และประสบผลสำเร็จในที่สุด

(ข) การติดตามผลหลังการฝึกอบรม

การติดตามผล เพื่อประเมินผู้เรียน ให้กระทำทุก 3 เดือน หรือเป็นคราวๆ ไป ในระหว่างงานเทศกาลประเพณีของชาวอโศก โดยใช้วิธีการตรวจคุณภาพของงาน ตอบแบบสอบถาม และทำแบบทดสอบ การประเมินผู้เรียน ให้ใช้หลักเกณฑ์ ศีลเด่น เป็นงาน ชาญวิชา

1. ศีลเด่น (วัดผลสะท้อนกลับในการควบคุมพฤติกรรมของตนเอง) ร้อยละ 20 ผู้เรียนสามารถปฏิบัติกิจกรรมต่อไปนี้ได้ทุกข้อ

1.1 จัดสรรเวลา อารมณ์ และร่างกาย ให้เหมาะสมในการปฏิบัติหน้าที่งาน คอศ. ตามภาระหน้าที่ที่รับผิดชอบ โดยตั้งใจทำงานอย่างมีสมาธิ ขยัน อดทน เอาจริง ต่อเนื่อง ทวนซ้ำ

1.2 รักษาศีลเคร่ง ไม่แอบเสพ หรือเข้าไปในเว็บไซต์อโคจร ซึ่งไม่เหมาะกับผู้ปฏิบัติธรรม

1.3 สร้างผลงานอินเตอร์เน็ต ให้มีขอบข่ายของเนื้อหาสาระอยู่ในกรอบของระบบบุญนิยม ให้มีคุณภาพระดับ "ความจริงในความจริง" "ความจริงในความรู้" "ความรู้ในความจริง" หรือไม่ต่ำกว่าระดับ อัพยากฤตธรรม (ศาสตร์ทั่วๆ ไป หรือ "ความรู้ในความรู้" ที่ไม่อนาจาร หรือผิดศีลธรรม)

2. เป็นงาน (วัดประสบการณ์ การปฏิบัติงาน) ร้อยละ 40 ในระหว่างการฝึกอบรม ผู้เข้ารับการอบรม จะต้องปฏิบัติสิ่งต่อไปนี้ได้

2.1 คัดสรร ข้อความ และ ภาพถ่าย ภาพเคลื่อนไหว ให้เหมาะสมกับหัวเรื่อง เนื้อเรื่อง และมีลักษณะเชิญชวนให้ละชั่ว ประพฤติดี หรือเป็นสิ่งที่จรรโลงโลก ศีลธรรม และธรรมชาติ

2.2 สร้างหน้าเว็บของเครือข่ายชุมชนอโศก ได้เหมาะสม และมีคุณสมบัติ "สวย เด่น ดี มีสาระ เร็ว"

2.3 ปรับปรุงหน้าเว็บที่ตนรับผิดชอบตามกำหนดเวลา ทุกสัปดาห์ หรือทุก 15 วัน หรือ ทุกเดือน แล้วแต่ลักษณะ และเนื้อหาสาระของงาน

2.4 เรียนรู้ด้วยตนเอง ในการพัฒนาเทคนิคต่างๆ บนหน้าเว็บ และนำไปประยุกต์ใช้ได้เหมาะสม

3. ชาญวิชา (วัดความรู้ ความเข้าใจ การวิเคราะห์ และทักษะการปฏิบัติงาน) ร้อยละ 30 ผู้เรียนที่เป็นเจ้าหน้าที่ คอศ. มีพัฒนาการ การเรียนรู้ ทักษะ และประสบการณ์ใหม่ๆ อยู่เสมอ โดยให้ทำการประเมินความก้าวหน้าในด้านต่างๆ ต่อไปนี้

3.1 ความรู้ความเข้าใจ ทฤษฎี หลักการ หลักเกณฑ์ วิธีการ ที่เกี่ยวกับเทคโนโลยีการสื่อสาร และสารสนเทศ

3.2 ทักษะกระบวนการ ในการสร้างใหม่ ปรับปรุง ประยุกต์ใช้ เทคนิคต่างๆ บนอินเตอร์เน็ต

3.3 ทักษะการบูรณาการระหว่างเทคโนโลยี กับ สัจธรรมของพระพุทธเจ้า เพื่อพัฒนาคนไปสู่ความเป็นอาริยะ

(ค) การประกาศเกียรติคุณ

เมื่อพ้นเวลาไป 3 ปี หรือผ่านการประเมินเกิน 7 ครั้ง หลังจากจบหลักสูตรนี้แล้ว หากเป็นผู้มีคุณสมบัติ ศีลเด่น เป็นงาน ชาญวิชาในการสร้างเว็บไซต์ จะได้รับเกียรติ เลื่อนฐานะให้เป็นปฏิบัติกร/วิทยากร หรือเป็น คุรุด้านอินเตอร์เน็ตบุญนิยม เรียกว่า "คุรุเน็ตสัมมาสิกขา สาขาวิชาเว็บไซต์" ทำหน้าที่ฝึกอบรมยุวชนชาวอโศก และญาติธรรมที่สนใจ เพื่อสืบทอดกิจการของ คอศ. ต่อไป

ทรัพยากร และงบประมาณ

1. จำนวนผู้เข้ารับการอบรม ครั้งละไม่เกิน 30 คน

2. วิทยากร และพี่เลี้ยง เจ้าหน้าที่ของ คอศ. หรือ วิทยากรรับเชิญ ให้หน่วยงานที่สังกัด เป็นผู้รับภาระค่าใช้จ่ายวิทยากรรับเชิญ (ถ้ามี)

3. ค่าใช้จ่าย

3.1 ในการฝึกอบรมทุกหลักสูตร

3.1.1 ผู้เข้ารับการฝึกอบรม ที่เป็นเจ้าหน้าที่ คอศ. จะได้รับแจกแผ่นดิสก์โปรแกรม และแผ่นCD ประกอบการฝึกอบรม คนละ 1 ชุด และค่าเดินทาง (ถ้ามี) ให้เบิกจากต้นสังกัด

3.1.2 ผู้เข้ารับการฝึกอบรม ที่เป็นญาติธรรม และผู้สนใจ ไม่ต้องเสียค่าใช้จ่าย เว้นแต่ ค่าเดินทางส่วนตัว ค่าอุปกรณ์ฝึกปฏิบัติ และ ค่าเสียหาย อันเกิดจาก จงใจ หรือประมาทเลินเล่อ จนทำให้อุปกรณ์เสียหาย

3.2 ผู้เข้ารับการฝึกอบรม ต้องเตรียมแผ่นดิสเก็ตเปล่ามาเอง

3.3 ค่าแผ่น CD เทปบันทึกภาพวิดีโอ เทปบันทึกเสียง ค่าบริการ ISP และค่าอุปกรณ์ฝึกปฏิบัติ คอศ. เป็นผู้รับภาระค่าใช้จ่ายเอง

3.4 ค่าไฟฟ้า ค่าอาหาร และที่พัก ถ้าจัดในสถานที่พุทธสถาน หรือชุมชน ผู้เข้ารับการฝึกอบรมไม่ต้องเสีย

เอกสารประกอบหลักสูตร

1. หนังสืออ้างอิง

จิรายุ วิริยะพิบูล, ทีเด็ดลูกเล่น Web Site สำหรับผู้กำลังทำ WebSite และ Webmaster มืออาชีพ, --กรุงเทพ :
พิมพ์ครั้งที่ 3 Software Mission Co.,Ltd., 2543, 146 หน้า.

ภัทรสินี ภัทรโกศล, ผศ.ดร. ความรู้คอมพิวเตอร์เบื้องต้น, --กรุงเทพฯ : ซีเอ็ดยูเคชั่น, 2540, 277 หน้า.

วันชัย แซ่เตีย, สร้าง Dynamic Web Pages ด้วย JavaScript, --กรุงเทพฯ : ซอฟท์เพรส, 2543, 384 หน้า.

วาสนา สุขกระสานติ, โลกของคอมพิวเตอร์ และสารสนเทศ, --กรุงเทพฯ : โรงพิมพ์จุฬาลงกรณ์มหาวิทยาลัย, 2540. 312 หน้า.

วริทธิ์ อึ๊งภากรณ์, ศ.ดร. พจนานุกรมศัพท์คอมพิวเตอร์, --กรุงเทพฯ: ซีเอ็ดยูเคชั่น, 2534, 137 หน้า.

สิทธิชัย ประสานวงศ์, ความรู้เกี่ยวกับคอมพิวเตอร์เบื้องต้น,--กรุงเทพฯ: บีบีซี ศูนย์อบรมคอมพิวเตอร์ธุรกิจ,
2533, 250 หน้า

สุวัฒน์ ปุณณชัยยะ, เปิดโลกของ TCP/IP และโปรโตคอลของอินเตอร์เน็ต, --กรุงเทพฯ: โปรวิชั่น, 2543,
312 หน้า.

เอยิ ฟูยิตะ. (วิเชียร เบญจวัฒนาผล, ผู้แปล) คู่มือศัพท์คอมพิวเตอร์, สมาคมส่งเสริมเทคโนโลยี (ไทย-ญี่ปุ่น)
พิมพ์ครั้งที่ 4 กรุงเทพฯ: ดวงกมลสมัย, 2539, 207 หน้า.

2. แฟ้มข้อมูลคอมพิวเตอร์ (File) อยู่ในแผ่น CD

3. บัญชีรายชื่อเว็บไซต์ ที่ให้บริการข้อมูลข่าวสารอ้างอิงได้

http://www.ntl.nectec.or.th/internet/index.html

บอกสถิติของอินเตอร์เน็ต อัตราการเพิ่ม และการใช้อินเตอร์เน็ตในเมืองไทย ความเป็นมาของอินเตอร์เน็ต

http://www2.domaindlx.com/bee

แบบสอบถาม เรื่องปัจจัยที่กำหนดพฤติกรรมกมรใช้บริการอินเตอร์เน็ต ของผู้ใช้บริการประเภทสมาชิกส่วนบุคคล

http://wwthaistore.tripod.com

จำหน่ายเว็บไซต์สำเร็จรูป ออกแบบเว็บไซต์ ออกแบบงานพิมพ์ ซีดีรอม จำหน่วยสินค้า และบริการทั่วไป

http://nrt.virtualave.net

บริการสำหรับคนชอบอินเตอร์เน็ต ที่ต้องการซื้อขาย แลกเปลี่ยน เพื่อความสะดวกในการซื้อขาย แลกเปลี่ยน

http://www.nectec.or.th/inet-map/actual.html

แสดงการเชื่อมต่ออินเตอร์เน็ต แต่ละ ISP ที่ให้บริการในประเทศไทย

http://www.nectec.or.th/internet/map/current.html

แผนผังรายการแสดงการเชื่อมต่ออินเตอร์เน็ต ในประเทศไทย ของ ISP ต่างๆ

เว็บไซต์ที่สอนการสร้าง HomePage

http://www.iecaward.com

การแข่งขันจัดการประกวดเว็บไซต์

http://samart.4t.com

สอนออกแบบ HomePage ด้วยโปรแกรม Dreamweaver4 ตกแต่งภาพด้วย Photoshop6

http://amnat.hypermart.net/

แนะนำประสบการณ์เกี่ยวกบการเขียนWebPageบอกเทคนิคเกี่ยวกับการเขียน WebPage

http://gdfcity.hypermart.net

สอนการเขียน HomePage ด้วย html แนะนำเทคนิคการทำเว็บไซต์ให้สวยงาม แจก Script

http://www.geocities.com/Area51/Station/2112

เรียนรู้การสร้าง HomePage ด้วยโปรแกรม html พร้อมตัวอย่าง และสอนการใส่ Java Script

http://jajah.virtualave.net/html/

ให้ความรู้เกี่ยวกับการเขียน HomePage สอนการติดตั้งและใช้โปรแกรมต่างๆ แนะนำการตกแต่งภาพด้วย Photoshop รวมภาพกราฟิก ภาพเคลื่อนไหวและตัวอักษรให้

http://www.thai.net/natcity

สอนทำ HomePage ด้วย Dreamweaver4.0 แจก code html, Java Script, Java Applet และ Flash

http://hunsa.to/jurn

สอนการเขียน HomePage มีตัวอย่าง Script

http://www.dofree.com

บริการพื้นที่ HomePage สำหรับผู้ที่ต้องการทำร้านค้าออนไลน์ หรือธุรกิจ E-commerce รวบรวมวิธีการสร้าง HomePage แบบง่ายๆ

http://www.banabana.u4l.com

สอนการสร้าง HomePage รวมของฟรีในการสร้างเว็บ และรวมเว็บไซต์สอนสร้าง HomePage

http://members.thaicentral.com/amalit/

เพื่อแบ่งปันความรู้เรื่องการใช้ภาษา html พร้อมตัวอย่าง และ code โดย Webmaster

http://igraphicthai.com

สอนกราฟิกคอมพิวเตอร์ ทั้งการฟิกงานพิมพ์ และงานแต่งโฮเพจ ด้วย Photoshop, Imageready, Flash, CorelDRAW!, Xara3D ตลอดจนทิปและเทคนิคการใช้โปรแกรมต่างๆ

http://www.oa1web.com

ศูนย์รวมการเขียน HomePage แบบไดนามิก เช่น HTML, CSS, Java Script, VBScript, ASP, Perl, PHP

http://www.noomthai.f2s.com

เว็บไซต์ที่ให้คำแนะนำเกี่ยวกับการสร้าง HomePage ด้วย html พร้อมภาพกราฟิก เทคนิค และ Script ต่างๆ มากมาย

http://www.thai.net/sleepydesign

สอนการใช้โปรแกรม Dreamweaver ตั้งแต่ระดับพื้นฐาน และบอกเทคนิคการเขียนFV,gr0

http://up2you.hypermart.net/

สอนเขียน HomePage ด้วย html รวมภาพ wallpaper ของเกมต่างๆ รวม Java Script ให้ Download

http://tumweb.homepage.com

สอนการเขียน HomePage

http://www.geocities.com/dragon_html

สอนการเขียนเว็บขั้นพื้นฐาน

http://siam.to/magics

ให้ความรู้เกี่ยวกับสอนสร้าง HomePage รวมเกมออนไลน์ เกมญี่ปุ่น บอกรวมสูตรการเล่นเกมประเภท Emulator

http://www.dcomasia.com

ให้ความรู้เกี่ยวกับการออกแบบเว็บไซต์

http://www.naithai.com

เว็บไซต์ที่ให้บริการเครื่องมือต่างๆ สำหรับ Webmaster รวมของฟรีบนอินเตอร์เน็ต ให้Download

http://www.nongtan2001.cjb.net

บทเรียน Video Crip สอนทำเว็บด้วย Dreamweaver 3 - 4 รวมของฟรีเกี่ยวกับการทำเว็บด้วย Java

http://www.thaicyberpoint.com/buildingweb

แหล่งรวมความรู้ด้านการสร้างเว็บไซต์ด้วย html บอกเทคนิคต่างๆ ในการเขียนเว็บไซต์

เว็บไซต์ที่ให้บริการฟรีทำ HomePage

http://www.thaicentral.com http://www.WebRoon.Com

http://www.urlbookmarks.com http://www.cardlaxy.com

http://members.sabuy.com http://www.yod.net

http://friendy.hypermart.net http://www.freehotweb.com

http://www.zath.net http://www.zath.net/index.zath

http://yourname.siamindustry.com

เว็บไซต์ที่ให้บริการฟรีทำ Guest Book

http://www.th2.net/guestbook/ http://freeguest.hypermart.net

เว็บไซต์ที่ให้บริการฟรีทำ Web Board

http://board.dserver.org/ http://www.millionmart.com

เว็บไซต์ของผู้ให้บริการอินเตอร์เน็ต หรือ ISP

http://www.ZiteBom.com http://www.LGN2001.com

http://www.cwasia.net.th http://sat.service.co.th/oho/html

http://www.direct100.co.th/oho/html http://www.fareast.net.th/

http://www.eznet.co.th/ http://www.ksc.net.th/

http://www.samart.co.th/ http://www.ji-net.com/

http://www.loxinfo.co.th/ http://www.cwn.net.th/

http://www.idn.co.th/ http://www.a-net.net.th/

http://www.wnet.net.th/ http://www.inet.co.th/

http://www.asiaaaccess.net.th/ http://www.sga.net.th

http://www.asianet.co.th/ http://www.linethai.net.th/

http://www.roynet.co.th/ http://www.womanonline.net

http://www.shinbroadband.com http://www.geocities.com/iyaranet

http://www.chuansin.com http://www.nayok.com

http://www.act.ksc.co.th http://member.fareast.net.th/index.shtml

http://www.roymetbuy.com/ http://www.kanchbr.ksc.co.th

http://www.kan.a-net.net.th http://www.ang.co.th

http://www.sricharoen.com http://www.lopburi.a-net.th

ผู้ให้บริการรับจดทะเบียนชื่อโดเมน และให้เช่าพื้นที่ทำเว็บไซต์ (Web Hosting)

http://www.easy2go.net http://www.thaizone.com

http://www.siamstyle.com http://www.jabdomain.com

http://www.pc-lb.com http://www.ibizshop.net

http://www.sgihosting.com http://www.zdom.net

http://www.millennet.com http://www.bythailand.com

http://www.thaihosting.com http://www.ibizhostion.net

http://www.cyberhost-th.com http://www.thaibestserver.com

http://www.hostsiam.com http://www.bangkoknic.com

http://www.attentsoft.com http://www.siamasp.com

http://www.3dsiam.com http://www.go.to/saledomainname

http://www.domainatcost.com http://www.thaidomainbiz.com

http://www.inter.co.th http://www.pointasiaidc.com

http://www.thaicreative.net http://www.siamcyber.net

http://www.elogalhost.com http://www.ideaworldnet.com

http://www.thaibestser.net http://www.netventure.org

http://www.9hosts.com