Blog (มาจากศัพท์คำว่า Weblog)   เป็นเว็บไซต์รูปแบบหนึ่ง ที่มีระบบจัดการให้เราสามารถเขียนเรื่องต่างๆ ไม่ว่าจะเป็นเรื่องราวส่วนตัว ข่าว หรือบทความเฉพาะด้านต่างๆ ได้อย่างสะดวก   (ไม่เหมือนเมื่อก่อนที่ต้องทำหน้าเว็บเพจทีละหน้า และทำลิงค์เชื่อมโยงแต่ละหน้าเอง) โดยเนื้อหาที่เราเขียนแต่ละครั้ง จะถูกเรียงลำดับตามเวลา เรื่องที่เราเขียนล่าสุดจะถูกแสดงอยู่ด้านบนสุดของหน้า Blog    เพื่อให้ผู้เยี่ยมชมสามารถติดตามอ่านเรื่องราวที่เรา Update ใหม่ได้ง่าย

.

Blog อาจเขียนโดยคนเพียงคนเดียว หรือเป็นกลุ่มช่วยกันเขียนก็ได้  ผู้ที่เขียน Blog หรือเจ้าของ Blog เรียกว่า Blogger

เรื่องหรือบทความที่เขียนมักเป็นเรื่องเจาะจงเรื่องใดเรื่องหนึ่ง แต่ก็อาจจะมีเรื่องอื่นปะปนบ้าง แล้วแต่เจ้าของ Blog     แต่ทางที่ดีควรจะให้ผู้อ่านที่เข้ามาทราบว่า Blog ของเรานั้นเน้นเนื้อหาเรื่องใด ถ้าเรื่องที่เขียนใน Blog มีความหลากหลาย เรายังสามารถจัดหมวดหมู่ให้กับเรื่องที่เราเขียนได้อีกด้วยค่ะ

อย่างที่ enjoyday ก็เป็น Blog ที่ผู้เขียนตั้งใจเขียนเรื่องเกี่ยวกับการทำเว็บไซต์เป็นหลัก แต่ก็อดไม่ได้ที่จะนำเสนอเรื่องอื่นๆ ด้วย

.

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

.

จุดเด่นของ Blog คือ การที่เราสามารถแสดงความคิดเห็นของเราใส่ในบทความที่เราเขียน และเปิดโอกาสให้ผู้อ่านได้แสดงความคิดเห็น หรือติชม (Comment) ได้

ทำให้เจ้าของ Blog สามารถรับรู้ได้ว่าคนอ่านชอบเรื่องราวหรือบทความที่เขียนไปหรือไม่

.

เริ่มต้นทำ Blog ได้อย่างไร?

เราสามารถที่จะทำ Blog ฟรีได้  โดยขอใช้บริการจากเว็บไซต์ผู้ให้บริการ Blog ต่างๆ โดยต้องสมัครเป็นสมาชิกก่อน แล้วผู้ให้บริการจะแนะนำวิธีการใช้งานให้เราเองค่ะ

ผู้ให้บริการ Blog ของไทยที่เป็นที่นิยมได้แก่

http://www.bloggang.com
http://www.exteen.com
http://blog.sanook.com

http://www.freeseoblogs.com 

ผู้ให้บริการ Blog ของต่างประเทศที่เป็นที่นิยม ได้แก่

http://www.blogger.com (อ่านคำแนะนำได้ที่ blog นี้ค่ะ http://2talkbig.blogspot.com)
http://www.wordpress.com
http://spaces.msn.com

แต่ถ้าเราต้องการทำ Blog เป็นของตัวเอง โดยไม่ใช้บริการฟรี    เราก็สามารถทำได้โดยติดตั้งตัวจัดการ Blog บนพื้นที่เว็บไซต์ของเรา โดยใช้ WordPress ค่ะ

การที่เราไปแนะนำลิงค์ของหน้าเนื้อหา ข่าว หรือบทความต่างๆ ของเว็บไซต์เรา ในเว็บประเภท Social Bookmark   นอกจากจะช่วยเพิ่มจำนวนคนเข้าชมเว็บไซต์ (Traffic) แล้ว ยังจะช่วยเพิ่มจำนวนลิงค์จากเว็บไซต์อื่นที่ลิงค์เข้ามาเว็บไซต์เรา (ที่เรียกว่า Backlink) อีกด้วย ซึ่งการที่มี Backlink เข้ามาเว็บไซต์ของเรามากๆ    Search Engine จะเข้าใจว่าเนื้อหาในเว็บไซต์ของเรามีประโยชน์ มีคุณภาพ    จึงมีเว็บไซต์ต่างๆ ลิงค์มาหา    ก็จะทำการจัดอันดับเว็บไซต์ (PageRank) ของเราไว้ในอันดับดีๆ ให้ถูกค้นหาเจอในหน้าแรกๆ

.

สำหรับเว็บไซต์ภาษาไทย การใช้ Social Bookmark ของไทยน่าจะดีกว่าใช้ของต่างประเทศ อันนี้เป็นลิงค์ที่มีผู้รวบรวม Social Bookmark ของไทยพร้อมแยกประเภท DoFollow / NoFollow เอาไว้แล้วค่ะ    แถมยังบอกอันดับ (PageRank) ซึ่งวัดความนิยม ของเว็บที่ให้บริการ Social Bookmark ไว้เสร็จสรรพเลย

http://www.thaiseoboard.com/index.php/topic,49665.0.html

ขออนุญาตนำมาแสดงแค่บางส่วน (ข้อมูล ณ เดือนเมษายน 2552)

DoFollow(traffic+bot+backlink+pr)
Pr 6

http://www.bookmarkdigg.com/

Pr 5

http://social.wordthai.com/

http://www.dekdigg.com/

http://www.madigg.com/

http://www.moohot.com/

http://www.democracyformd.com/

Nofollow(traffic+bot)
Pr 4

http://www.lefthit.com/

Pr 3
http://www.catchh.com/ http://www.bikair.com/ http://www.digza.com/
Redirect(traffic only)
Pr 4

http://planet.thaihealth.net/

http://zickr.com/

Pr 3

http://www.siamcollective.com/

http://www.siambookmark.com/

.
เมื่อเราเข้าไปที่หน้าแรกของเว็บ Social Bookmark บางครั้งจะมีคำศัพท์ DoFollow อยู่ เช่น

bookmarkdigg.com “บุ๊คมาร์คดิ๊กก คือเว็บที่ให้บริการโปรโมทเว็บไซต์ ฟรี!! ได้ลิงก์ตรงแบบ DoFollow รับรองได้ว่าสามารถเพิ่ม Backlinks และจำนวนผู้เยี่ยมชมเว็บของท่านได้อย่างรวดเร็ว ฟันธง… “

ผู้อ่านอาจสงสัยว่า DoFollow / NoFollow นี่มันคืออะไร ?
dofollow และ nofollow เป็นค่าของ attribute rel ใน Element link  ซึ่ง Google เป็นผู้ออกแบบขึ้นในปี 2005  และ Search Engine ค่ายอื่นก็รับทราบ

<a rel=”dofollow” href=”http://www.enjoyday.net”>enjoyday</a>
<a rel=”nofollow” href=”http://www.enjoyday.net”>enjoyday</a>

.

ลิงค์แบบ DoFollow ก็คือลิงค์ปกติทั่วๆ ไป ซึ่งเวลาที่ Spider หรือ Bot ของ Search Engine มาเจอก็จะตามไปเก็บข้อมูลในลิงค์ปลายทางให้ด้วย เช่น
<a href=”http://www.enjoyday.net”>enjoyday</a>
<a href=”http://www.enjoyday.net/webtutorial/index.html”>web builder tutorial</a>
หรือจะใส่ attribute rel=”dofollow” ที่ลิงค์ก็ได้
<a rel=”dofollow” href=”http://www.enjoyday.net”>enjoyday</a>
แต่ไม่จำเป็นต้องใส่ เพราะลิงค์ธรรมดา ก็เป็น dofollow อยู่แล้วค่ะ .
.

ส่วนลิงค์แบบ NoFollow อ้างจาก wikipedia หมายถึง ลิงค์ที่ Search Engine จะไม่ให้คะแนนในการจัดอันดับเว็บไซต์ (Ranking) ทั้งนี้ก็เพื่อไม่ให้ลิงค์ที่เกิดจากการ spam ทั้งหลายได้รับการจัดอันดับ (PageRank) ดีเกินไป

The concept for the specification of the attribute value nofollow was designed by Google’s head of webspam team Matt Cutts and Jason Shellen from Blogger.com in 2005. Google announced in early 2005 that hyperlinks with rel="nofollow" attribute would not influence the link target’s PageRank. In addition, the Yahoo and Windows Live search engines also respect this attribute. How the attribute is being interpreted differs between the search engines. While some take it literally and do not follow the link to the page being linked to [citation needed], others still “follow” the link to find new web pages for indexing. In the latter case rel="nofollow" actually tells a search engine “Don’t score this link” rather than “Don’t follow this link.” This differs from the meaning of nofollow as used within a robots meta tag, which does tell a search engine: “Do not follow any of the hyperlinks in the body of this document.”

source : http://en.wikipedia.org/wiki/Nofollow

เราใช้ลิงค์แบบ NoFollow ก็เพื่อป้องกันหรือลดจำนวนการ Spam ฝากลิงค์ ใน Webboard หรือใน Comment ซึ่งเป็นการควบคุมปริมาณลิงค์ที่ออกจากเว็บไซต์ของเรา สำหรับลิงค์ที่เราไม่ได้เป็นคนใส่เองค่ะ

NoFollow ไม่ได้หมายถึง ” ไม่ต้องตามลิงค์นี้ไปเก็บข้อมูล” เพราะอย่างไร Bot ของ Search Engine ก็ยังคงตามลิงค์นี้ไปอยู่ดี  การที่จะบอกไม่ให้ Bot ของ Search ตามลิงค์ไป  ให้ใช้  <meta name=”Robots” content=”nofollow”> ระบุไว้ที่ส่วน <head>…</head>ของไฟล์เอกสาร html
อ่านเพิ่มเติมเรื่อง Meta ได้ที่นี่

การทำลิงค์แบบ NoFollow ทำได้ง่ายๆ แค่เพิ่ม attribute rel=”nofollow” เช่น
<a rel=”nofollow” href=”http://www.enjoyday.net”>enjoyday</a> .

มาดูกันว่าเมื่อ Search Engine ค่ายต่างๆ เจอลิงค์แบบ NoFollow จะทำอย่างไร

สรุปแล้ว ลิงค์แบบ NoFollow จะแตกต่างจากลิงค์แบบ DoFollow ตรงที่ Search Engine จะไม่นำเอาค่าของลิงค์แบบ NoFollow ไปคิดพิจารณาจัดอันดับเว็บไซต์ (PageRank) ใหั แต่ก็ยังได้ประโยชน์ในเรื่องของ Backlink และ Traffic ค่ะ .

อันนี้เป็น video ที่ Matt Cutts software engineer ของ Google ได้พูดถึงเรื่อง “nofollow” เอาไว้

Refference :  http://en.wikipedia.org/wiki/Nofollow

แต่ถ้าเรา Bookmark เก็บลิงค์ที่ชอบไว้ในเว็บที่ให้บริการ Social Bookmark แทน
แบบนี้ไม่ว่าเราจะใช้งานคอมพิวเตอร์เครื่องไหน เราก็สามารถเรียกดูเว็บที่เราเก็บไว้ได้ค่ะ
รวมถึงคนทั่วโลก ไม่ว่าอยู่ที่ไหนก็ตาม ถ้าต่ออินเตอร์เน็ต และเข้าสู่เว็บไซต์ที่เก็บ Bookmark ของเรา   เขาเหล่านั้นก็สามารถที่จะค้นหาข้อมูลที่ต้องการ และอาจจะเป็นเว็บไซต์ที่เรา Bookmark ไว้ก็ได้ค่ะ

Social Bookmark หรือ บริการคั่นหน้าออนไลน์ นอกจากให้เราเก็บหน้าเว็บที่ชื่นชอบ และได้แบ่งปันให้กับผู้อื่นด้วยแล้ว   ยังมีระบบการโหวตเพื่อให้คะแนนหน้าเว็บที่ชื่นชอบ มีการแสดงความคิด และ อื่นๆอีก

ประโยชน์ของ Scial Bookmark

• เป็นแหล่งแลกเปลี่ยนข้อมูลข่าวสารต่างๆ จากทั่วโลก ได้แบ่งปันเว็บที่เราชอบให้คนอื่น ๆ ได้ทราบ
• สำหรับเจ้าของเว็บไซต์ต่างๆ สามารถใช้ Social Bookmark ในการโปรโมทเว็บไซต์ได้    โดยเมื่อเขียนบทความต่างๆ แล้ว ก็นำไปแนะนำในเว็บ Social Bookmark   จะช่วยเพิ่มจำนวนคนเข้าเว็บ (Traffic) ให้เราได้   เนื่องจากเว็บประเภทนี้ Bot ของ Search Engine อย่าง Google, Yahoo จะเข้ามาเก็บข้อมูล (Indexed) ค่อนข้างถึ่

ถ้ายังไม่เข้าใจ    ก็ให้ลองสมัครเป็นสมาชิกของเว็บ Social Bookmark สักแห่ง แล้วจะเข้าใจเองค่ะ !

ปัจจุบันเว็บไซต์ประเภทนี้มีมากมายหลายแห่งทั้งของต่างประเทศ และของไทย

Social Bookmark ในต่างประเทศ เช่น
http://www.del.icio.us
http://www.designfloat.com
http://www.digg.com
http://www.mixx.com
http://www.reddit.com
http://www.stumbleupon.com
http://www.technorati.com

Social Bookmark ของไทย เช่น
http://www.bookmarkdigg.com
http://www.dekdigg.com
http://www.diggsa.com
http://www.dukedig.com
http://www.lefthit.com
http://www.madigg.com
http://www.siambookmark.com
http://www.siamcollective.com
http://www.siamdigg.com
http://www.zickr.com

เว็บประเภท Social Bookmark ที่โด่งดังของไทย และ enjoyday ใช้อยู่คือ Zickr ค่ะ
โดย Zickr เป็นเว็บที่ให้สมาชิกช่วยกันแนะนำ link ของเว็บที่เป็นเรื่องน่าสนใจ ข่าวฮอต ฯลฯ เข้ามาในระบบเพื่อให้คนอื่น ๆ ได้อ่านต่อ โดยแยกประเภทหมวดหมู่ไว้ ทำให้ค้นหาได้ง่าย

เวลาที่เขียนบทความเสร็จ enjoyday ก็มักจะเข้าไปแนะนำลิงค์บทความที่ Zickr เพื่อช่วยโปรโมทเว็บอีกทางค่ะ ^^ ซึ่งก็ช่วยได้มากค่ะ   เนื่องจากถ้าอันดับเว็บของเราไม่ดี จะทำให้ผลการค้นหาของ Search Engine จัดเว็บของเราไว้อยู่ในหน้าท้ายๆ   แต่พอ Submit บทความใน Social Bookmark แล้ว ผลการค้นหามักจะเจอเว็บพวก Social Bookmark อยู่ในหน้าแรกๆ ซึ่งเป็นลิงค์ ที่แนะนำไปยังบทความในเว็บของเรานั่นเองค่ะ

ตัวอย่างเช่น enjoyday เขียนบทความ ที่รวบรวม Affiliate Program ของไทยไว้ และได้นำไป Add เรื่องใหม่ใน Zickr.com  ต่อมามีคนค้นหาด้วย keyword “Affiliate Program ของไทย” ในเว็บ Google     จะเห็นว่าผลการค้นหาอันดับแรก เป็นเว็บ Zickr ค่ะ

ซึ่งเมื่อคลิกที่ลิงค์เว็บผลการค้นหาแล้ว จะไปยังเนื้อหาในเว็บ Zickr   แต่จริงๆ แล้วเป็นลิงค์ของบทความที่ enjoyda เป็นคน Add ไว้ค่ะ   ดังนั้นเมื่อผู้ค้นหาคลิกที่ลิงค์ Visit ก็จะลิงค์ไปยังหน้าบทความของ enjoyday.net ค่ะ   ใครยังไม่เคยใช้ ลองดูนะคะ

.

ยังมีบทความเรื่อง Social Bookmark  ตอน 2  (DoFollow|NoFollow) ด้วยค่ะ  คลิกที่นี่เลยค่ะ

enjoyday ยังได้ใส่ Bookmark Social ของเว็บต่างๆ ไว้ด้านท้ายของทุกบทความ เพื่ออำนวยความสะดวกให้ผู้อ่าน ได้ Submit เก็บลิงค์ของบทความใน Bookmark Social ที่ผู้อ่านเป็นสมาชิกอยู่ ได้อย่างง่ายดาย ด้วยค่ะ

Affiliate Program

คือ โปรแกรมการเป็นตัวแทนขายโฆษณาสินค้าหรือบริการ ให้กับบริษัทต่างๆ ที่เปิดรับสมัครตัวแทนจำหน่าย โดยที่ผู้เป็นตัวแทนขายจะได้รับค่าคอมมิชชั่นเป็นค่าตอบแทน

การจ่ายค่าตอบแทนมีหลายรูปแบบ แล้วแต่ข้อตกลงของบริษัท เช่น

1. PPC หรือ Pay Per Click จ่ายตามจำนวนการคลิกแบนเนอร์โฆษณา บริษัทที่เราเป็นตัวแทนจะให้เรานำ แบนเนอร์โฆษณาไปติดที่เว็บไซต์ของเรา แล้วเราจะได้ค่าตอบแทนเมื่อผู้เยี่ยมชมเว็บไซต์ของเราได้ click ที่แบนเนอร์ ที่โด่งดังมากก็คือ Google Adsense https://www.google.com/adsense/login/th

2. PPM หรือ Pay Per Impression หมายถึง จ่ายตามจำนวนคนเห็นโฆษณา เช่น บริษัทผู้ลงโฆษณาจะให้เงินเราเป็นจำนวนหนึ่งจากการที่เราแสดงแบนเนอร์ครบ 1,000 ครั้ง

3. PPL หรือ Pay Per Lead   หมายถึง จ่ายตามจำนวนการแนะนำ เพียงเราแนะนำผู้ชมเว็บไซต์ของเราสมัครสมาชิก, กรอกแบบสอบถาม, ทดลองใช้สินค้า หรือให้ข้อมูลไว้กับผู้ลงโฆษณา หรืออะไรก็ตาม ซึ่งปกติแล้วบริษัทต่าง ๆ จะจ่ายให้ตามรายชื่อที่สมัคร

4. PPS หรือ Pay Per Sale หมายถึง จ่ายตามจำนวนการซื้อสินค้า/บริการ เราจะได้รับค่าตอบแทน ต่อเมื่อเราช่วยบริษัทที่เราเป็นตัวแทนอยู่ขายสินค้าหรือบริการได้ เช่น amazon.com

ในการทำธุรกิจออนไลน์นั้น เราไม่จำเป็นจะต้องมีสินค้าเป็นของตัวเอง แต่ต้องช่วยให้บริษัทที่เราเป็นตัวแทนอยู่ขายสินค้าได้ ซึ่งเราจำเป็นที่จะต้องเรียนรู้วิธีทำการตลาด (Affiliate Marketing) ที่ถูกต้องเพื่อให้ได้มาซึ่งรายได้เป็นกอบเป็นกำ

.

Affiliate Network Provider

คือ ผู้ที่รวบรวม Affiliate Programs จากผู้ลงโฆษณาหลายๆ บริษัท ที่ต้องการโปรโมทขายสินค้าและบริการ เช่น

http://www.cj.com

http://www.amazon.com

http://www.linkshare.com

http://www.clickbank.com

เมื่อเราสมัครเป็นสมาชิกตัวแทนในเว็บไซต์ของ Affiliate Network Provider แล้ว จะมีสินค้าหรือบริการของบริษัทต่างๆ ให้เราเลือกมาทำการตลาดให้ได้ตามความต้องการของเราเอง ซึ่งมีให้เลือกมากมาย แตส่วนใหญ่จะเป็นภาษาอังกฤษ ถ้าเว็บไซต์ของเราเป็นภาษาไทยก็อาจจะลำบากหน่อย

ปัจจุบันบริษัทคนไทยหลายแห่งได้หันมารับสมัครตัวแทนจำหน่ายสินค้าหรือบริการออนไลน์กันมาก จะรวบรวมให้ในบทความต่อไปค่ะ

by enjoyday.net

JavaScript

หน้าเว็บเพจที่สร้างด้วยภาษา HTML/XHTML เพียงอย่างเดียว จะทำได้แค่เพียงจัดรูปแบบการแสดงผลให้สวยงาม แต่ไม่สามารถสร้างลูกเล่นต่างๆ ได้  เราจึงต้องอาศัย JavaScript เพื่อเพิ่มความน่าสนใจให้กับเว็บเพจ ^^

.

JavaScript เป็นภาษา script ที่ใช้งานบนเว็บเพจต่างๆ ถูกสร้างขึ้นเพื่อทำให้เว็บเพจสามารถโต้ตอบกับผู้ใช้งานได้ดีขึ้น   มักใช้ JavaScript เขียนเป็นฟังก์ชั่นสำหรับใช้งานต่างๆ เช่น ตรวจสอบความถูกต้องของข้อมูลในแบบฟอร์ม, ตรวจสอบชนิดและรุ่นของโปรแกรมเว็บเบราเซอร์, สร้างไฟล์ cookie, สร้างลูกเล่นต่างๆ เช่น ปฏิทิน, หิมะตก เป็นต้น

.

JavaScript เป็นภาษาประเภท Interpreted Language ไม่ต้องมีการ compile ก่อน กล่าวคือ คอมพิวเตอร์จะแปลและทำงานตามคำสั่งแบบทีละบรรทัด

JavaScript เป็น Client-side Script  ซึ่งจะประมวลผลบนเครื่องคอมพิวเตอร์ของผู้เยี่ยมชมเว็บไซต์ โดยใช้โปรแกรมเว็บเบราเซอร์ เช่น IE (version 3 ขึ้นไป), Netscape (version 2 ขึ้นไป), Firefox ซึ่งสนับสนุนการทำงานของ JavaScript ดีอยู่แล้ว   การที่ JavaScript ไม่ได้ถูกประมวลผลบนเครื่อง Web Server จะช่วยแบ่งเบาภาระการทำงานของ server และทำงานได้รวดเร็ว

JavaScript ไม่ใช่ภาษา Java แต่อย่างใด Java เป็นภาษาที่ถูกพัฒนาโดย Sun Microsystems เป็นภาษาประเภท programming สำหรับเขียนโปรแกรมที่สนับสนุนการเขียนโปรแกรมเชิงวัตถุ (OOP : Object-Oriented Programming) คล้ายกับภาษา C, C++

.
การใช้งานภาษา JavaScript ควรมีความรู้พื้นฐานในเรื่อง HTML/XHTML มาก่อน เพราะการใช้งาน JavaScript โดยทั่วๆ ไป จะเขียน code คำสั่งต่างๆ แทรกลงไปใน code ของ HTML

.

ตัวอย่าง code JavaScript ที่ใช้งานร่วมกับ code HTML เป็น ปุ่ม back กลับไปหน้าก่อนหน้านี้

.

ตัวอย่าง code JavaScript ที่ใช้งานร่วมกับ code HTML ปุ่ม close หน้าต่างปัจจุบัน

.
by enjoyday.net

อ่านแล้วอาจจะทำให้มึนได้ ว่า Computer Language, Programming Language และ Scripting Language มัน แตกต่างกันอย่างไร

หลายคนคงเคยได้ยินว่า HTML เป็นภาษาประเภท Markup ไม่ใช่ Programming Language รวมถึง JavaScript, PHP, ASP เป็นแค่ภาษา script ไม่ใช่ Programming Language และอาจจะสงสัยว่ามันมีการจัดประเภทภาษาคอมพิวเตอร์กันอย่างไร

ภาษาคอมพิวเตอร์ (Computer Language) หมายถึง ภาษาใดๆ ที่ถูกออกแบบโครงสร้างขึ้นมา เพื่อใช้ในการเขียนคำสั่งหรือชุดคำสั่ง ส่วนใหญ่เป็นภาษาอังกฤษที่มนุษย์เข้าใจ ประกอบด้วยโครงสร้างของภาษา (Structure) รูปแบบไวยากรณ์ (Syntax) และคำศัพท์ต่าง ๆ (Vocabulary หรือ Keyword) เพื่อสั่งให้เครื่องคอมพิวเตอร์ทำงานตามที่เราต้องการ

ภาษาคอมพิวเตอร์ แบ่งเป็นภาษาระดับต่ำและระดับสูง

ภาษาระดับต่ำ (low level) เช่น ภาษาเครื่อง (Machine Language) ที่มีลักษณะการใช้คำสั่งเป็นชุดของตัวเลขฐานสอง คือ 0 กับ 1 และ ภาษาแอสเซมบลี (Assembly Language) ที่ใช้สัญลักษณ์เป็นอักษรภาษาอังกฤษร่วมกับเลขฐานอื่น ๆ ในการใช้งานจะถูกตัวแปลภาษาแปลงให้เป็นภาษาเครื่องอีกที

ภาษาระดับสูง (high level) เป็นภาษาที่พัฒนาต่อเนื่องมาจากภาษาระดับต่ำ เพื่อให้นักเขียนโปรแกรมสามารถเขียนชุดคำสั่งได้ง่ายขึ้น จึงมีการกำหนดสัญลักษณ์การใช้งานคำสั่งเป็นรูปแบบของภาษาอังกฤษที่ใกล้เคียงกับภาษามนุษย์ มีผู้คิดค้นภาษาระดับสูงขึ้นมามากมายหลายภาษา เช่น Fortran, Basic, Cobol, Pascal, C, VB, Delphi, Java เป็นต้น

software ในปัจจุบันจะเขียนด้วยภาษาคอมพิวเตอร์ระดับสูง โดยโปรแกรมที่เราเขียนจะต้องใช้ตัวแปลภาษา (Translator) แปลเป็นภาษาเครื่องที่เครื่องคอมพิวเตอร์สามารถเข้าใจได้ก่อน ซึ่งตัวแปลภาษาระดับสูง มี 2 ชนิด คือ Interpreter และ Compiler

Interpreter เป็นตัวแปลภาษาที่แปลโปรแกรมแบบทีละคำสั่ง ถ้าคำสั่งถูกต้องก็จะแปลให้เป็นภาษาเครื่อง แล้วทำงานตามคำสั่งนั้นทันที แต่ถ้าเขียนคำสั่งไม่ถูกต้องก็จะหยุดแปล และแจ้งให้เราแก้ไขคำสั่งใหม่

Compiler เป็นตัวแปลภาษาที่จะแปลทุกคำสั่งที่อยู่ในโปรแกรมให้เป็นภาษาเครื่องทีเดียวทั้งโปรแกรม โดยทุกคำสั่งจะต้องเขียนอย่างถูกต้องทั้งหมด เมื่อแปลเสร็จแล้วจึงทำงานตามคำสั่งในโปรแกรม

ภาษาคอมพิวเตอร์ยังมีการแบ่งประเภทตามเงื่อนไขอื่นๆ อีก เช่น โครงสร้างของภาษา รูปแบบไวยกรณ์ของภาษา ลักษณะของการแปลภาษา เป็นต้น

- ภาษาโปรแกรมมิ่ง (Programming Language) หมายถึง ภาษาคอมพิวเตอร์ระดับสูง ได้แก่ ภาษา Pascal, C, VB, Java โดยที่แต่ละภาษาจะมีโครงสร้างของภาษา รูปแบบไวยากรณ์ และคำศัพท์ที่ไม่เหมือนกัน แต่หลักการของภาษาจะเหมือนกัน คือจะมีเรื่องตัวแปรชนิดต่างๆ, คำสั่ง if…else..,  คำสั่งการวนลูป for หรือ do/while, มีฟังก์ชั่นใช้งานต่างๆ   และมีจุดประสงค์ใช้ในการสร้างโปรแกรมเหมือนกัน เช่น โปรแกรมทางบัญชี, โปรแกรมจัดการทรัพยากรบุคคล, โปรแกรมร้านเช่าหนังสือ เป็นต้น code ที่เขียนโดยใช้ภาษาโปรแกรมมิ่งต่างๆ จะถูกเรียกว่า source code

- ภาษา script (Scripting Language) จัดเป็นภาษาโปรแกรมมิ่งชนิดหนึ่ง แต่มีลักษณะที่เรียนรู้ได้ง่ายกว่าภาษาโปรแกรมมิ่งโดยทั่วไป และ code ที่เขียนจะถูกตีความ (Interpreted) แบบแปลและ execute ไปทีละคำสั่ง ผ่าน software พวก Script Engine ที่สนับสนุนภาษา script นั้นๆ

(Scripting Language เป็น interpreted language และต้องอาศัย run บนโปรแกรมอื่น  ในขณะที่ Programming Language เป็น compiled language )

ภาษา script ที่นิยมใช้ในการสร้างเว็บเพจ ยังแบ่งได้เป็น

1) Server-Side Script เช่น PHP, ASP, JSP, CGI เป็นภาษา script ที่ประมวลผลที่ฝั่ง server แล้วส่งผลลัพธ์ไปแสดงผลที่ฝั่ง client ผ่านโปรแกรมเว็บบราวเซอร์

2) Client-Side Script เช่น JavaScript, VBScript, JScript เป็นภาษา script ที่ประมวลผลบนเครื่องคอมพิวเตอร์ของผู้เยี่ยมชมเว็บไซต์ โดยใช้โปรแกรมเว็บเบราเซอร์ ซึ่งจะช่วยแบ่งเบาการทำงานให้กับเครื่อง web server ได้

ในกรณีที่ต้องการให้แอพพลิเคชันทำงานร่วมกันกับแอพพลิเคชันอื่น เช่น ฐานข้อมูล จะใช้ Server-Side Script ผู้ใช้จะไม่เห็นคำสั่งของ Server-Side Script ส่วนการเขียนคำสั่งแบบ Client-Side Script ที่ผู้อื่นจะเห็นคำสั่งที่เขียนได้ ด้วยการเลือกคำสั่ง view source ในโปรแกรมเว็บเบราเซอร์

- ภาษาประเภท Markup เป็นภาษาคอมพิวเตอร์ที่แสดงทั้งข้อมูล และรูปแบบการแสดงผลเข้าด้วยกัน ได้แก่ HTML, XHTML, XML

เวลาที่เราได้ยินคำนิยามของภาษา HTML ว่าไม่ใช่ภาษาประเภทโปรแกรมมิ่งนั้น สามารถเข้าใจได้ง่าย เพราะโครงสร้างของภาษา รูปแบบไวยากรณ์ ของภาษา HTML ไม่มีเรื่องตัวแปร ไม่มีคำสั่ง if…else…, for, while สำหรับการเขียนโปรแกรมเลย

สรุปแล้ว นอกจากภาษาโปรแกรมมิ่ง และ ภาษา script ที่จัดเป็นภาษาคอมพิวเตอร์แล้ว ภาษา Markup เช่น HTML/XHTML, ภาษา style sheet อย่าง CSS, ภาษา SQL สำหรับ query data ในฐานข้อมูล แม้ว่าจะไม่ใช่ภาษาโปรแกรมมิ่ง แต่ก็นับเป็นภาษาคอมพิวเตอร์ชนิดหนึ่งเช่นกัน

by enjoyday

Reference
http://www.sby.ac.th/~jiranan/webturboc/language1.html

http://th.wikipedia.org/wiki/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B8%9E%E0%B8%B4%E0%B8%A7%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C

by enjoyday.net

CSS (ย่อมาจาก Cascading Style Sheet)

เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ และถูกกำหนดมาตรฐานโดย W3C เช่นเดียวกับ HTML และ XHTML    ใช้สำหรับตกแต่งเอกสาร HTML หรือ XHTML หรือ XML ให้มีหน้าตา สีสัน ตัวอักษร เส้นขอบ พื้นหลัง ระยะห่าง ฯลฯ อย่างที่เราต้องการ

จริงๆ แล้วเราสามารถตกแต่งเอกสาร HTML ด้วยภาษา HTML เอง ซึ่งบางครั้งอาจสะดวกและแสดงผลได้เร็วกว่าการใช้ CSS เสียอีก    แต่การใช้ CSS  ช่วยในการจัดรูปแบบการแสดงผล จะช่วยลดการใช้ภาษา HTML ในการตกแต่งเอกสารเว็บเพจ    ทำให้ code ภายในเอกสาร HTML เหลือเพียงส่วนเนื้อหา ทำให้เข้าใจง่ายขึ้น การแก้ไขเอกสารก็ทำได้ง่ายและรวดเร็ว

นอกจากนี้เราสามารถกำหนดรูปแบบการแสดงผลจากคำสั่ง style sheet ชุดเดียวกัน ให้มีผลกับเอกสาร HTML ทั้งหน้า หรือทุกหน้าได้    ทำให้เวลาแก้ไขหรือปรับปรุงทำได้ง่าย ไม่ต้องไล่ตามแก้ที่ HTML tag ต่างๆ ทั่วทั้งเอกสาร

CSS กับ HTML / XHTML นั้นทำหน้าที่คนละอย่างกัน โดย HTML /XHTML จะทำหน้าที่ในการวางโครงร่างเอกสารอย่างเป็นรูปแบบ  ถูกต้อง เข้าใจง่าย  ไม่เกี่ยวข้องกับการแสดงผล  ส่วน CSS จะทำหน้าที่ในการตกแต่งเอกสารให้สวยงาม
(เหมือนกับการแยกกันระหว่างส่วน Design กับ Coding)

ตัวอย่าง เอกสาร HTML  กรณีที่จัดรูปแบบการแสดงผลด้วยภาษา HTML  เอง

ตัวอย่าง เอกสาร HTML เมื่อเปลี่ยนมาใช้คำสั่ง style sheet ช่วยจัดรูปแบบการแสดงผลแทน จะช่วยลด code HTML ทำให้ code ดูสะอาดตา อ่านง่ายขึ้น

สนใจบทเรียนออนไลน์สอน CSS คลิกอ่านได้ที่นี่ค่ะ

by  enjoyday.net

by enjoyday.net

DHTML ( ย่อมาจาก Dynamic HTML)

เป็นเทคนิค (ไม่ใช่ภาษา) ที่ช่วยให้การแสดงเว็บเพจน่าสนใจมากขึ้น สามารถโต้ตอบกับผู้ใช้งานได้มากกว่าเว็บเพจในรูปแบบ HTML ปกติ  โดยไม่ต้องติดต่อกับ Web Server ตลอดเวลา

วิธีการสร้างเเว็บเพจแบบ DHTML จะอาศัยเทคโนโลยีในการสร้างเว็บเพจหลายๆ ตัว เช่น JavaScript, VB Script, ActiveX Control , Document Object Model , CSS และเทคโนโลยีอื่นๆ

ตัวอย่าง DHTML ที่ทำให้เราสามารถเพิ่มลูกเล่นให้กับเว็บเพจได้ เช่น
การทำ drop down menu, การเปลี่ยนรูปภาพแบบอัตโนมัติโดยที่ไม่ต้องคลิก, การทำหิมะตกในหน้าเว็บ, การทำภาพสไลด์, การทำข้อความวิ่งตาม mouse เป็นต้น

ข้อควรระวังในการใช้ DHTML
เนื่องจากการทำงานของ DHTML จะประมวลผลบนเครื่องของผู้ใช้เอง หากเราใส่ลูกเล่น DHTML ต่างๆ ในเว็บเพจมากเกินไป   อาจจะทำให้เครื่องคอมพิวเตอร์ของผู้ใช้ทำงานช้าลงได้  หรือบางครั้งก็สร้างความรำคาญได้

by enjoyday.net

by enjoyday.net

XHTML  (ย่อมาจาก Extensible HyperText Markup Language)

XHTML เป็นภาษาประเภท Markup Language ที่เกิดจากการนำ XML และ HTML มารวมกัน  กลายเป็นมาตรฐานใหม่ของ HTML     คำสั่งต่างๆ นั้นก็ยังเหมือนกับ HTML แต่มีความเข้มงวดในเรื่องโครงสร้างภาษามากกว่า และมีการตัด tag และ attribute ที่ล้าสมัยออกไป
 
จากข้อเสียของ HTML ที่เมื่อแสดงผลผ่านบราวเซอร์ของค่ายต่างๆ เช่น Internet Explorer, Firefox, Netscape, Opera และอื่นๆ  ได้ผลที่แตกต่างกัน  เว็บเพจที่ออกแบบมาอย่างดีของเรา อาจดูสวยงามถูกต้องใน IE แต่กลับผิดเพี้ยนไปเมื่อดูด้วย Firefox

องค์กร W3C จึงได้นำ HTML 4.0 มาปรับปรุงใหม่ โดยยึดหลักการของ XML และได้เพิ่มกฎเกณฑ์บางอย่าง เพื่อให้การใช้งานมีความเข้มงวด และเป็นมาตรฐานยิ่งขึ้น   ซึ่งจะเป็นแนวทางให้บราวเซอร์ค่ายต่างๆ พัฒนาโปรแกรมเว็บราวเซอร์โดยใช้มาตรฐานเดียวกัน รวมไปถึงเว็บบราวเซอร์ที่ติดตั้งบน Platforms ต่างๆ เช่น PDA โทรศัพท์มือถือ ด้วย

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

การเขียน code แบบ XHTML จะทำให้ได้ code ที่สะอาด เรียบง่าย 
การระบุ tag ต่างๆ ได้ถูกต้องตามมาตฐานของ W3C  ยังจะช่วยทำให้ Search Engine เช่น google, yahoo เข้ามาเก็บข้อมูลในเว็บของเราได้ง่ายอีกด้วย    ทั้งนี้เพราะเอกสาร XHTML มีโครงสร้างที่เข้าใจง่าย และแยกส่วนเนื้อหากับการตกแต่งเอกสารอย่างชัดเจน

ตัวอย่าง เอกสาร XHTML อย่างง่ายที่สุด
(ต้องมีการประกาศ doctype และมี tag <html>, <head>, <title> และ <body> ครบถ้วน)

สนใจบทเรียนออนไลน์สอน XHTML คลิกอ่านได้ที่นี่ค่ะ (ควรจะมีพื้นฐาน HTML และ CSS มาก่อน)

by  enjoyday.net

by enjoyday.net

XML (ย่อมาจาก eXtensible Markup Language)

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

ภาษา XML ไม่ใช่เวอร์ชั่นใหม่ หรือส่วนขยายของ HTML และก็ไม่ใช่ภาษา XHTML ด้วย
HTML ถูกออกแบบมาให้เน้นการแสดงผลข้อมูล เช่น ให้ข้อความเป็นตัวหนา ตัวเอียง โดยที่ไม่รู้ว่าข้อมูลนั้นคือข้อมูลอะไร

ส่วน XML จะรู้ว่าข้อมูลนั้นคือข้อมูลอะไร แต่จะไม่ได้มีหน้าที่จัดตกแต่งเอกสารให้สวยงาม การแสดงผลจะให้ภาษาอื่นทำหน้าที่แทน

ภาษา XML มีโครงสร้างประกอบไปด้วย tag ต่างๆ เช่นเดียวกับ HTML  แต่แตกต่างที่เราสามารถสร้าง tag ขึ้นมาใช้งานเองได้    tag ที่เราสร้างจะเป็นมาตรฐานในตัวมันเอง ซึ่งภาษาอื่นๆ จะสามารถเรียกใช้งาน tag ของเราได้ด้วย ไม่ว่าจะเป็น  ASP, PHP, VB เป็นต้น

ตัวอย่าง เอกสาร XML

การใช้งาน XML จำเป็นต้องใช้ร่วมกับ HTML หรือ CSS หรือมาตรฐานอื่น ๆ  เพื่อนำข้อมูลในเอกสาร XML มาแสดง  เพราะ XML เพียงแต่กำหนดรูปแบบของ tag เท่านั้น ไม่ได้กำหนดว่า tag จะแสดงผลแบบใด

ผลที่ได้จากการใช้ XML ร่วมกับ HTML อาจเป็น
ID | Name | Address | Tel
001 | ABC | Bangkok | 021234567
002 | TMC| Chonburi | 038123456

ข้อควรระวังคือ เอกสาร XML นั้นจะมีข้อผิดพลาดไม่ได้เลย หากเราลืมพิมพ์ tag ปิด หรือพิมพ์ tag เปิด กับ tag ปิดไม่เหมือนกันมันจะไม่แสดงผลเลย

by enjoyday.net