You are now being logged in using your Facebook credentials

Font Size

Profile

Layout

Direction

Menu Style

Cpanel
 
ประกาศผลการเรียน
รายวิชาคอมพิวเตอร์สร้างสรรค์ ภาคเรียนที่ 2 / 2558
 
นักเรียนสามารถเข้าศึกษาบทเรียนออนไลน์บนเว็บได้ตลอดเวลา
ส่วนไหนไม่เข้าใจสามารถสอบถามได้ทั้งภายในห้องเรียนและนอกห้องเรียนค่ะ
หรือพูดคุยกับครูกิ๊ก ผ่านเว็บไซต์ / Facebook / Line ได้เลยค่ะ :)
 
ทักษะ 3 อย่างที่นักเรียนควรจะมี ได้แก่ ทักษะชีวิตและการทำงาน,
ทักษะการเรียนรู้และนวัตกรรม, ทักษะด้านสารสนเทศ สื่อ และเทคโนโลยี
เพื่อให้สอดคล้องกับการเรียนรู้ของศตวรรษที่ 21
สิ่งที่ครูพยายามทำเสมอ นั่นคือ "TEACH LESS, LEARN MORE"  
คือ สอนน้อยๆ แต่ให้เด็กๆเรียนรู้มากๆ ด้วยตัวเอง
ผ่านบทเรียนออนไลน์ โดยเข้าสู่กลุ่มเพื่อเรียนรู้ด้วยการแก้ไขสถานการณ์ปัญหา
 
 
และที่สำคัญคือ ให้พวกเรามีความรับผิดชอบต่อหน้าที่ของตนเอง
ใช้เวลาว่างให้เกิดประโยชน์ หมั่นศึกษาหาความรู้อยู่ตลอดเวลา
ขอให้นักเรียนได้รับความรู้เต็มที่จากสื่อออนไลน์บนเว็บไซต์ของครู
หากมีข้อสงสัยสอบถามได้ ครูพร้อมจะให้คำชี้แนะและคอยให้กำลังใจอยู่เสมอ 
 
ด้วยความปรารถนาดีจาก... ครูกิ๊ก
 
ประกาศ วันที่ :  28 สิงหาคม 2557

คลิกเพื่อเข้าทำกิจกรรมกลุ่มของตนเอง ด้านล่างได้เลยจ้า  smiley

           


คลิกที่ห้องเรียน Google Classroom ด้านล่างได้เลยจ้า  smiley

http://classroom.google.com         

      รหัสชั้นเรียน ​: fjcvr6      รหัสชั้นเรียน : 67hnfrt        รหัสชั้นเรียน ​: ajcvr6      รหัสชั้นเรียน : 43hnfet


การพัฒนาเว็บไซต์ด้วย
ภาษา HTML และ Dreamweaver
 
 
HTML (HyperText Markup Language ) 
 
เป็นภาษาที่ใช้ในการเขียนโปรแกรมภาษาหนึ่งของ
คอมพิวเตอร์ที่แสดงผลในลักษณะของเว็บเพจ ซึ่งสามารถแสดงผลได้ในรูปแบบต่างๆ
 
โปรแกรม  Macromedia Dreamweaver 8
 
เป็นโปรแกรมที่ใช้สำหรับสร้างเว็บเพจ และบริหาร
เว็บไซต์ที่ได้รับความนิยมสูงสุด ที่มีความสะดวก
ต่อการใช้งานมีฟังก์ชันที่ทำให้ผู้ใช้สามารถจัดวาง
ข้อความ รูปภาพ ตาราง ฟอร์ม และองค์ประกอบอื่นๆ  ภายในเว็บเพจได้อย่างสวยงามตามที่ผู้ใช้ต้องกา
การพัฒนาเว็บไซต์ด้วย
CMS Joomla [ Virtuemart ]

  

Joomla : "จุมล่า"

เป็นระบบที่นำมาช่วยในการสร้างและบริหารเว็บไซต์แบบสำเร็จรูป
ที่เรียกกันในชื่อ CMS (Content Management System) มีซอฟต์แวร์
Open Source มีลิขสิทธิ์แบบ GPL ผู้ใช้งานแทบไม่ต้องมีความรู้
ในด้านการเขียนโปรแกรมก็สามารถสร้างเว็บไซต์ ได้ระบบมืออาชีพ

VirtueMart  (คอมโพเน้นท์ : ร้านค้าออนไลน์)

VirtueMart เป็นระบบ Shopping Cart ที่เอาไว้ขายของบน Internet คือซอฟแวร์ที่ทำหน้าที่เป็นเสมือนรถเข็นสินค้าที่ลูกค้าใช้ระหว่างการ เลือกสินค้าบนเว็บไซต์ เป็นตัวเก็บข้อมูลต่าง ๆ ของสินค้าทุกชิ้นที่ลูกค้า
เลือกไว้แล้ว ซึ่ง virtuemart เป็นคอมโพเน้นท์ของ joomla นั่นเอง

ครูผู้สอน
กฤติยา พลหาญ (ครูกิ๊ก)

::: โรงเรียนเสลภูมิพิทยาคม  อำเภอเสลภูมิ   จังหวัดร้อยเอ็ด :::

mail  E-mail : อีเมลนี้จะถูกป้องกันจากสแปมบอท แต่คุณต้องเปิดการใช้งานจาวาสคริปก่อน      Tel : ครูกิ๊ก 084-953-3738     Line : nookiikz

 
 

  • การทำฟอร์ม :: ติดต่อเรา
    การทำฟอร์ม :: ติดต่อเรา Contact สร้างหน้าติดต่อให้กับเว็บไซต์ของเรา Contact เป็น Components ที่ joomla มีมาให้เลย เป็นการสร้างหน้าเว็บไซต์ที่เป็นส่วนไว้สำหรับให้ผู้ชมเว็บไซต์ของเราติดต่อ กับเราได้โดยส่งข้อความเข้าถึง Email อาจจะเป็นคำติชมอะไรก็ว่ากันไป มาดูวิธีการทำกันครับ ให้เข้าหน้า backend ของ joomla จากนั้นไปที่เมนู Components > Contacts > Contacts ในการสร้าง Contact…
  • การติดตั้งและใช้งานเว็บบอร์ด ccboard
    การติดตั้งและใช้งานเว็บบอร์ด ccboard ccBoard-Bulletin Board (Forum) ระบบเว็บบอร์ดที่ติดตั้งและใช้งานกับ joomla มี avatar, captcha, CB / integeration jomsocial, กรองคำ , SEO / SEF, ตัวอย่างก่อนโพสต์, เมนูค้นหาหัวข้อ, ฯลฯ อีกทั้งยังสามารถอัพเกรดฐานข้อมูลจาก FireBoard 1.0 ได้ด้วย โดยรวมก็ใช้ได้ครับ…
  • Extension คืออะไร?
    Extension คืออะไร? Extension คืออะไร สำหรับโปรแกรมส่วนเสริม ที่เรียกว่า Extensions ซึ่งจะช่วยให้การทำงานของโปรแกรมหลักที่ดาวน์โหลดมา จึงทำให้เกิดการขยายขีดความสามารถทำงานของ Joomla CMS ให้สามารถทำงานได้ตามวัตถุประสงค์โดยไม่จำเป็นต้องเขียนโปรแกรมเพิ่มเติม เพียงดาวน์โหลดโปรแกรมเสริมที่ต้องการ และนำไปติดตั้งผ่านระบบบริหารจัดการของ Joomla CMS ก็ใช้งานได้ทันที เพื่อนๆชาวฮาวโฮสถ้าเพิ่งเริ่มจับ cms joomla ก็คงจะงงเป็นไก่ตาแตกว่า module , plugin , components มันคือไรกัน…
  • จัดการเมนู
    จัดการเมนู ไปที่ Menu > Main Menu กด New ด้านบนขวามือเพื่อใส่ page เพิ่มลงไป จากนั้นกด Articles > Article Layout เพื่อเลือกว่าจะเอาเนื้อหาเรามาสร้างเป็น page menu ตั้งชื่อ menu ที่ title และจากนั้นให้ให้เรามองไปที่ Parameters(Basic) ทางขวามือให้เราทำการกด…
  • จัดการบทความ
    จัดการบทความ การสร้างบทความแต่ละหน้า ให้นักเรียนสร้างบทความแต่ละหน้าไว้จนครบทุกหน้า ประกอบด้วย 1. วิธีสั่งซื้อ 2. วิธีการชำระเงิน 3. โปรโมชั่น 4. บทความอื่นๆ Component : JCE editor ตัวช่วยเขียนบทความให้ง่ายขึ้น JCE editor เป็น editor ที่จะมาช่วยเสริมในการเขียนบทความหรือเนื้อหาให้กับเรา มีฟังชั่นในการทำงานมากกว่า Tiny MCE ที่เราใช้กันอยู่ปกติ…

  

  • บทที่ 11 : การสร้างลิงค์
    ..::   วิธีการสร้างลิงค์จากข้อความ  :: VDO :: การสร้าง Link เพื่อเชื่อมโยงหน้าเว็บไซต์ เรามาดูวิธีทำกันดีกว่า ง่ายมากๆค่ะ ลิงค์ (Link) หรือจุดเชื่อมโยงเว็บเพจ มีหลายรูปแบบดังนี้ การทำลิงค์แบบข้อความ การทำลิงค์ไปยัง E-mail  การทำลิงคืไปยัง Named Anchor  การทำลิงค์แบบ…
  • บทที่ 10 : การสร้างตาราง
    ::   วิธีการสร้างตาราง (Table)  :: VDO :: การสร้างตารางในการจัดโครงสร้างเว็บไซต์ เรามาดูวิธีทำกันดีกว่า ง่ายมากๆค่ะ การนำเสนอข้อมูลบางอย่างจำเป็นต้องใช้ตาราง เพื่อที่จะให้ข้อมูลที่นำเสนอไปนั่นเข้าใจง่าย  เรามีวิธีการสร้างง่ายๆดังนี้ 1.วางเคอร์เซอร์ไว้ตรงบริเวรที่ต้องการ 2.คลิกปุ่ม  ที่แถบเครื่องมือ Insert 3.คลิกปุ่ม  4.จะมีหน้าต่างคุณสมบัติของตารางขึ้นมา ให้กำหนดค่าต่างๆของตารางตามต้องการ 5.คลิกที่ปุ่ม  6.จะได้ตารางที่พร้อมสำหรับใช้งานแล้ว วิธีปรับแต่งตารางเพิ่มเติม การปรับแต่งตาราง วิธีพิมพ์ข้อความลงในตาราง วิธีการจัดการเกี่ยวกับตาราง…
  • บทที่ 9 : การแทรกภาพ
    ::   วิธีนำรูปภาพมาใส่ในเว็บ  :: เรามาดูวิธีทำกันดีกว่า ง่ายมากๆค่ะ 1.คลิกวางเคอร์เวอร์ตรงบริเวณที่เราต้องการจะวาง 2.คลิกที่ปุ่ม ไอคอน Images  >>  Image   หรือ  คลิกที่เมนูบาร์  Insert  >> Image 3. เลือกไฟล์ภาพที่ต้องการ 4.คลิกปุ่ม…
  • บทที่ 7 : เริ่มต้นใช้งาน
    การสร้าง Site :: VDO กิจกรรมในคาบเรียน  (กลุ่มละ 5 คะแนน) 1. ให้นักเรียนศึกษาวิธีการสร้าง Site จาก VDO และเว็บไซต์บทเรียน HTML & Dreamweaver  บทที่ 7 2. …
  • บทที่ 8 : ตกแต่งข้อความ
    การสร้างข้อความบน Dreamweaver 8 มีอยู่ด้วยกัน 3 วิธี ดังนี้ 1.พิมพ์ข้อความลงในส่วนของหน้าจอการทำงานเลย เป้นวิธีที่ง่ายที่สุด เราแค่เตรียมเนื้อหาให้พร้อม จากนั้นก็ลุยพิมพ์ได้เลย 2.พิมพ์ข้อความจากโปรแกรมอื่น แล้วก๊อปปี้มาใส่ที่หน้าจอการทำงาน เป็นอีกความสามารถหนึ่งของ Dreamweaver 8 ที่สนับสนุนการโอนย้ายข้อมูลจากโปรแกรมอื่น เช่น Word ,…

บทที่ 1 : ความหมายของคอมพิวเตอร์กราฟิก

บทที่ 1 : ความหมายของคอมพิวเตอร์กราฟิก

  ความหมายของคอมพิวเตอร์กราฟิก บทนำ              ปัจจุบันคอมพิวเตอร์กราฟิกเข้ามามีบทบาทกับงานด้านต่าง ๆ... [More...]

บทที่ 2 : โปรแกรม Photoshop CS3

บทที่ 2 : โปรแกรม Photoshop CS3

โปรแกรม Photoshop CS3   ในปัจจุบันการสร้างภาพกราฟิกนับว่าเป็นสิ่งหนึ่งที่สำคัญมาก เพราะภาพกราฟิกจะถูกใช้ในหลาย ๆ งานด้วยกัน เช่น งานออกแบบสิ่งพิมพ์ วารสาร นิตยสาร โปรชัว... [More...]

บทที่ 3 : ส่วนประกอบของโปรแกรม

บทที่ 3 : ส่วนประกอบของโปรแกรม

ส่วนประกอบของโปรแกรม เมื่อเปิดโปรแกรม Adobe Photoshop CS3 ขึ้นมาจะเห็นหน้าของ Adobe Photoshop CS3 เปลี่ยนไป จากเดิม ๆ เป็นอย่างมาก หน้าตาของพาเลตต่าง ๆ ก็ไม่เหมือนเดิม... [More...]

บทที่ 4 : กล่องเครื่องมือ

บทที่ 4 : กล่องเครื่องมือ

กล่องเครื่องมือ (Tool Box)   กล่องเครื่องมือ Toolbox ซึ่งประกอบด้วยเครื่องมือต่าง ๆ ที่ใช้ในการวาดภาพ ตกแตกแต่งภาพ และแก้ไข ภาพ โดยบนปุ่มหนึ่ง ๆ... [More...]

บทที่ 5 : พาเล็ต (Palette)

บทที่ 5 : พาเล็ต (Palette)

พาเล็ต (Palette)                   เมนูคำสั่งต่าง ๆ ที่ใช้ในการควบคุมรายละเอียดของขั้นตอนการทำงานพาเล็ตแต่ละเมนูมีหน้าที่และ การใช้งานต่างกัน... [More...]

บทที่ 6 : การจัดการไฟล์ภาพ

บทที่ 6 : การจัดการไฟล์ภาพ

1. การสร้างงานใหม่และกำหนดขนาดของภาพ 2. การเปิดไฟล์ภาพ 3. การปรับย่อขยายมุมมองของรูปภาพ 4. การปรับขนาดของรูปภาพ 5.... [More...]

บทที่ 7 : การปรับแต่งส่วนของรูปภาพ

บทที่ 7 : การปรับแต่งส่วนของรูปภาพ

    การปรับแต่งส่วนของรูปภาพ                   ในการปรับแต่งและตัดต่อภาพกราฟิก... [More...]

บทที่ 8 : การรีทัชภาพให้สวยเนียนขึ้น

บทที่ 8 : การรีทัชภาพให้สวยเนียนขึ้น

รูปภาพที่ถ่ายออกมาจากกล้องนั้นเป็นรูปภาพที่เหมือนกับแบบจริง ซึ่งอาจมีบางส่วนที่ไม่ต้องการ ได้แก่ ริ้วรอยบนใบหน้า ริ้วรอยตามร่างกาย... [More...]

บทที่ 9 : การใส่ตัวอักษรในภาพ

บทที่ 9 : การใส่ตัวอักษรในภาพ

ตัวอย่างภาพที่ใส่ตัวอักษรและรูปภาพแล้ว     เริ่มจากเปิดภาพที่ต้องการใส่ตัวอักษรขึ้นมา 1.คลิกเลือกเครื่องมือ Type... [More...]

บทที่ 10 : วาดรูปทรงสำเร็จรูปด้วย  Shape Tool

บทที่ 10 : วาดรูปทรงสำเร็จรูปด้วย Shape Tool

    วาดรูปทรงสำเร็จรูปด้วย Shape Tool   Shape Tool  เป็นเครื่องมือที่ใช้ในการวาดภาพที่เป็นรูปทรงพื้นฐาน เช่น สี่เหลี่ยม วงกลม... [More...]

บทที่ 11 : เทคนิคทำผอมด้วย Photoshop

บทที่ 11 : เทคนิคทำผอมด้วย Photoshop

เทคนิคทำผอมด้วย Photoshop วิธีทำ 1. เปิดภาพที่ต้องการขึ้นมา File > Open  (หรือกด Ctrl O) 2. วันนี้เราจะใช้เครื่องมือที่ชื่อว่า Liquify ให้เลือกไปที่เมนู Filter --> Liquify ตามภาพด้านล่าง 3.... [More...]

บทที่ 12 : การใส่ Effect ให้ภาพโดยใช้ฟิลเตอร์ (Filter)

บทที่ 12 : การใส่ Effect ให้ภาพโดยใช้ฟิลเตอร์ (Filter)

การใส่ Effect ให้ภาพโดยใช้ฟิลเตอร์ (Filter) การทำภาพโดยใช้ Filter                 ฟิลเตอร์ (Filter) คือการตกแต่งภาพด้วยเทคนิคพิเศษ... [More...]

Follow us on

  • Grab our RSS feed
  • Joomla Fan Club

About US

สื่อการสอน joomla จัดทำโดย นางสาวกฤติยา พลหาญ นักศึกษาประกาศนียบัตรบัณฑิต สาขาวิชาชีพครู สควค.คอมพิวเตอร์ มหาวิทยาลัยขอนแก่น

You are here