You are now being logged in using your Facebook credentials

www.krukikz.com

 

Font Size

Profile

Layout

Direction

Menu Style

Cpanel
Administrator

Administrator

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

09 Jan

ขออภัยไม่พบหน้าเพจที่ต้องการค่ะ

You asked for {%sh404SEF_404_URL%}, but despite our computers looking very hard, we could not find it. What happened ?

  • the link you clicked to arrive here has a typo in it
  • or somehow we removed that page, or gave it another name
  • or, quite unlikely for sure, maybe you typed it yourself and there was a little mistake ?

{sh404sefSimilarUrlsCommentStart}It's not the end of everything though : you may be interested in the following pages on our site:{sh404sefSimilarUrlsCommentEnd}

{sh404sefSimilarUrls}

 

21 Nov
สวัสดีค่ะ นักเรียนที่น่ารัก smiley
ตอนนี้ครูเพิ่ม กิจกรรมที่ 2 ให้แล้วนะคะ ขอให้นักเรียนศึกษาบทเรียนออนไลน์บนเว็บไซต์  
แล้วทำกิจกรรมในกลุ่มของตนเองได้เลยนะคะ และส่งให้ตรงเวลาด้วยค่ะ
 
 
พิเศษสุดๆ !!!!  ครูกิ๊กแจกคะแนน
สำหรับนักเรียนที่ทำกิจกรรมที่ 2 ส่งในกลุ่ม :: 10 คนแรก!!!!!!!
ครูกิ๊กจะให้คะแนนความขยันเพิ่มอีกคนละ +2 คะแนนจ้า รีบๆเลยนะจ๊ะ ช้าหมด อดคะแนนนะคะ ^^
** เนื่องจากทางโรงเรียนมีกิจกรรมเยอะ จึงทำให้เรียนได้ไม่เต็มที่ ดังนั้น ขอให้นักเรียนศึกษาด้วยตนเองนะจ้ะ **
 
ประกาศ วันที่ : 26 ธันวาคม 2553

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

คลิกเพื่อเข้าสู่บทเรียน :: Joomla virtuemartคลิกเข้าเพื่อสู่บทเรียน :: Joomla virtuemart

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

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

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

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

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

 
 

    

 

..::   วิธีการสร้างลิงค์จากข้อความ  ::

VDO :: การสร้าง Link เพื่อเชื่อมโยงหน้าเว็บไซต์

เรามาดูวิธีทำกันดีกว่า ง่ายมากๆค่ะ wink

ลิงค์ (Link) หรือจุดเชื่อมโยงเว็บเพจ มีหลายรูปแบบดังนี้
การทำลิงค์แบบข้อความ
การทำลิงค์ไปยัง E-mail
 การทำลิงคืไปยัง Named Anchor
 การทำลิงค์แบบ Rollover Image


การทำลิงค์ใน Dreamweaver 8 ส่วนสำคัญจะอยุ่ตรงที่แถบ Properties ซึ่งจะมีอยู่ 2 ส่วนด้วยกัน ได้แก่

1.Link คือ แถบสำหรับเลือกไฟล?ที่ต้องการจะลิงค์ไปถึง
2.Target คือ แถบสำหรับเลือกรูปแบบของปลายทาง ซึ่งได้แก่
  _blank คือ การแสดงเว็บเพจปลายทางในหน้าต่างใหม่
  _parent คือ การแสดงเว็บเพจที่หน้าต่างเดี่ยว แต่อยู่ในเฟรมหลัก
  _self คือ การแสดงเว็บเพจในเฟรมเดียวกับต้นทาง
  _top คือการแสดงผลเว็บเพจ โดยจะไม่มีเฟรม

วิธีสร้างลิงค์จากข้อความ

1.พิมพ์ข้อความลงไป
2.ลากเม้าส์ทีบข้อความที่ต้องการ
3.คลิกที่  ในแถบ properties เพื่อเลือกไฟล์ที่จะลิงค์
4.เมื่อเลือกได้แล้ว ให้คลิกปุ่ม  
5.ข้อความกลายเป็นลิงค์เรียบร้อยแล้ว







วิธีปรับแต่งลิงค์เพิ่มเติม

อ้างอิงจาก : http://school.obec.go.th/buabanwit/

การสร้างข้อความบน Dreamweaver 8 มีอยู่ด้วยกัน 3 วิธี ดังนี้
1.พิมพ์ข้อความลงในส่วนของหน้าจอการทำงานเลย เป้นวิธีที่ง่ายที่สุด เราแค่เตรียมเนื้อหาให้พร้อม จากนั้นก็ลุยพิมพ์ได้เลย



2.พิมพ์ข้อความจากโปรแกรมอื่น แล้วก๊อปปี้มาใส่ที่หน้าจอการทำงาน เป็นอีกความสามารถหนึ่งของ Dreamweaver 8 ที่สนับสนุนการโอนย้ายข้อมูลจากโปรแกรมอื่น เช่น Word , Excel และ Notepad โดยสามารถนำมาใส่ที่หน้าจอารทำงานได้เลย และยังแสดงผมได้เหมือนต้นฉบับอีกด้วย

3.พิมพ์ในรูปแบบการทำงานแบบ HTML อันนี้สำหรับคนที่ถนัดถาษา HTML สักหน่อย ก็อาจจะคลิก แล้วพิมพ์ข้อความลงในส่วน <body>หรือ <head>



+--ข้อควรจำ--+
ในเรื่องของการพิมพ์ข้อความ ก็้เลือกเอาตามความถนัดเลย แต่ควรตรวจเรื่องของ Font ให้ดี เพราะบาง Font อ่านไทยไม่ได้ โดนสามรถตั้งค่าได้โดยการกด Ctrl + U แล้วก็จะได้หน้าต่าง Preferences ดังรูป

 

การสร้าง Site :: VDO


กิจกรรมในคาบเรียน  (กลุ่มละ 5 คะแนน)

1. ให้นักเรียนศึกษาวิธีการสร้าง Site จาก VDO และเว็บไซต์บทเรียน HTML & Dreamweaver  บทที่ 7

2.  ให้นักเรียนทำการสร้าง Site ตามใน VDO โดยครูสาธิตให้ดู 1 รอบ

2.  เมื่อสร้าง Site เสร็จแล้วให้สร้างไฟล์หน้าแรกชื่อ index.html และทำการออกแบบหน้าแรก โดยทำตามครูสอน

3.  ออกแบบหน้าแรกให้เสร็จภายใน 1 คาบ (ครูเดินตรวจภายในชั้นเรียน และมอบหมายให้ไปทำหน้าอื่นๆไว้ให้ครบ)


วิธีการสร้าง Site

การสร้าง Site ก็เพื่อที่เวลาสร้างเว็บไซต์ ข้อมูลจะได้ถูกจัดอย่างเป็นระเบียบ ไม่กระจัดกระจาย ง่ายต่อการตรวจสอบ วิธีการสร้างก็ง่ายๆ ตามรูปเลยค่ะ


















,

JPAGE_CURRENT_OF_TOTAL

Follow us on

  • Grab our RSS feed
  • Joomla Fan Club

About US

เว็บไซต์บทเรียนออนไลน์ วิชาคอมพิวเตอร์  krukikz.com จัดทำโดย นางสาวกฤติยา พลหาญ  ตำแหน่ง ครูชำนาญการ  โรงเรียนเสลภูมิพิทยาคม อำเภอเสลภูมิ จังหวัดร้อยเอ็ด  สำนักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 27

You are here