42
ขอแสดงความยินดีด้วยกับน้องๆ ที่ผ่านเข้ารอบในโครงการ เว็บไซต สร้างสรรค ร่วมกันสร้างชาติ Create your Thailand Junior Webmaster Camp

Theory of Website

Embed Size (px)

DESCRIPTION

Theory of Website (Presentation in Junior Webmaster Camp#6)

Citation preview

Page 1: Theory of Website

ขอแสดงความยินดีด้วยกับน้องๆ ท่ีผ่านเข้ารอบในโครงการ

“ เว็บไซตส์ร้างสรรค ์ร่วมกันสร้างชาติ ”

Create your Thailand

Jun ior Webmaster Camp

Page 2: Theory of Website

Moshikub• เป็นผู้ดูแลเว็บไซต์ it4x.com

• Programmer ในทีมงานแชมป์ SEO 2010

• ปัจจุปันเป็น Web Programmer ของเว็บ dek-d.com

• รางวัลเว็บไซต์ชนะเลิศจากการเข้าร่วมYoung Webmaster Camp 11

Page 3: Theory of Website

NPPi3enz• เป็นผู้ดูแลเว็บไซต์ NPPi3enz.in.th

• เป็นผู้ดูแลเว็บไซต์ Dollars-th.com

• อันดับรองชนะเลิศอันดับ 2 จากการประกวดThailand Blog Award 2012

• รางวัลเว็บไซต์ชนะเลิศจากการเข้าร่วมYoung Webmaster Camp 11

Page 4: Theory of Website

เว็บไซต์คืออะไร ????

Page 5: Theory of Website

ตัวอย่างเว็บไซต์

Page 6: Theory of Website

“เว็บไซต”์ คืออะไร ??

ท่ีมา : ราชบัณฑิตยสถาน (www.royin.go.th)

เว็บไซต์ (website) ค านี้มีศัพท์บัญญัติว่า ที่อยู่เว็บ หมายถึง ช่ือเว็บที่เป็นแหล่งข้อมูล

อิเล็กทรอนิกส์ ซึ่งอาจเป็นข้อมูลของหน่วยงานทั้งราชการ เอกชน หรือบุคคล โดยรวมเก็บไว้ใน

เครื่องแม่ข่ายซึ่งต่อเข้ากับเครือข่ายอินเทอร์เน็ต เม่ือต้องการศึกษาหรือค้นหาข้อมูลนั้น ต้องใช้

คอมพิวเตอร์ เป็นเครื่องมือไปค้นที่ชื่อเว็บไซต์ท่ีต้องการ

Page 7: Theory of Website

เราจะสร้างเว็บไซตไ์ด้อย่างไร ?1 เขียนเอง

2 สร้างจากระบบจัดการเว็บไซต ์(CMS)

3 สร้างจากเว็บส าเร็จรูปออนไลน์

Page 8: Theory of Website

1. เขียนเอง

Page 9: Theory of Website

2. สร้างจากระบบ CMS

Page 10: Theory of Website

3. สร้างจากเว็บส าเร็จรูป

Page 11: Theory of Website

Wordpressคือโปรแกรมชนิดหนึ่งในระบบช่วย

จัดการเนื้อหาบนเว็บไซต์ (Contents

Management System : CMS) นิยมใช้ท าเว็บ

เขียนบทความ (Blog) แต่สามารถต่อยอดได้

มากมายโดยใช้จากตัวเสริม (Plugin) ที่มีให้

เช่น เว็บขายสินค้าออนไลน์, เว็บอัลบั้มรูป,

ฯลฯ และสามารถเลือกใช้หน้าตา (Template)

จากที่มีให้มากมายอีกด้วย

Page 12: Theory of Website

อยากน าเว็บที่สร้างไปเผยแพร่สู่สายตาชาวโลกต้องท าไงต่อ

Page 13: Theory of Website

Web Hosting

Page 14: Theory of Website

127.0.0.1

เว็บไซต์ของคุณคือ !!15.48.221.2

70.40.184.29

158.193.228.133 23.88.216.213202.250.128.22

224.147.72.9623.88.216.213

182.197.177.231235.87.2.30

74.67.71.22

117.63.133.106

83.31.245.133

52.152.52.163

207.97.29.104

226.249.240.33

31.39.12.53 127.227.12.80

23.88.216.213108.134.101.199

250.237.73.10

158.193.228.133

74.179.228.115

208.40.21.64

5.74.64.155

250.237.73.10

170.227.156.147

166.152.205.31

127.227.12.80

158.193.228.133 30.103.34.144

Page 15: Theory of Website

Domain Name

Page 16: Theory of Website

Domain Name

www.___________.com.in.th .co.th

.tv.fm

.org

.net

Page 17: Theory of Website

Domain Name

Page 18: Theory of Website

หลักการตั้งชื่อ Domain Name1. ชื่อโดเมนควรสั้น ได้ความหมาย จดจ าง่าย

2. นอกจากสั้นแล้ว ควรใช้ค าสะกดง่าย

3. หากเป็นบริษัทห้างร้าน ควรใช้ชื่อโดเมนเป็นชื่อเดียวกับบริษัท

4. ชื่อเว็บไซต์ ควรสื่อถึงบริการ หรือจุดประสงค์ของเว็บไซต์

5. หากชื่อโดเมนยาว ต้องเป็นค าที่สะกดง่าย มีความหมาย สื่อถึงเว็บไซต์ได้ตรงตัว

6. หลีกเลี่ยงการใช้ ขีดกลาง (-) ในชื่อโดเมน

7. หากจะใช้ชื่อที่ไม่มีความหมาย ขอให้เป็นค าที่จ าง่าย สะดุดหู เพราะจะง่ายต่อ การจดจ า

Page 19: Theory of Website

ท าอย่างไรให้เว็บเรามีผู้เข้าชมเยอะๆ แบบดังระเบิด

Page 20: Theory of Website

junior webmaster camp

เว็บเค้า.comxxxxxxxxxxxxxxxxxxxxxxxxxx

เว็บของพวกเรา.comค่ายอบรมวิชาชีพเว็บมาสเตอร์

เว็บเค้า.comxxxxxxxxxxxxxxxxxxxxxxxxxx

เว็บเค้า.comxxxxxxxxxxxxxxxxxxxxxxxxxx

Page 21: Theory of Website

SEO( Search Engine Optimization )

Page 22: Theory of Website

ส่วนประกอบของการท า SEO1 Title Tag (หัวข้อเว็บเพจ)

2 Description (ค าอธิบายเว็บ)

3 Keyword (ค าค้นหา)

Page 23: Theory of Website

SEO ที่ไม่ดี<!--<link href="css/3to2.css" rel="stylesheet" type="text/css" />--><title> KIDSANDplaza เส้ือผ้าเด็ก เส้ือเด็ก ชุดเด็ก รองเท้าเด็ก ขายปลีก-ขายส่งเส้ือผ้าเด็ก กางเกงเด็ก ยีนสเ์ด็ก สูทเด็ก ชุดแฟนซีเด็ก ชุดราตรีเด็ก ชุดกระโปรงเด็ก รองเท้าบาร์บี้ รองเท้าคิตตี้ กระเป๋า ชุดว่ายน้้าเด็ก ชุดนอนเด็ก เส้ือกันหนาวเด็ก ถุงเท้าเด็ก ของเล่น - KIDSANDplaza เส้ือผ้าเด็ก รองเท้าเด็ก ขายปลีก-ขายส่งเสื้อผ้าเด็ก ชุดเด็ก เสื้อเด็ก กางเกงเด็ก เสื้อผ้าการ์ตูน สูทเด็ก ชุดแฟนซีเด็ก ชุดกระโปรงเด็ก รองเท้าบาร์บี้ รองเท้าคิตตี้ ของเล่นเด็ก กระเป๋าล้อลาก ชุดว่ายน้้าเด็ก ชุดนอน เสื้อกันหนาว ถุงเท้าเด็ก </title><meta property="og:title" content="KIDSANDplaza เส้ือผ้าเด็ก เส้ือเด็ก ชุดเด็ก รองเท้าเด็ก ขายปลีก-ขายส่งเส้ือผ้าเด็ก กางเกงเด็ก ยีนส์เด็ก สูทเด็ก ชุดแฟนซีเด็ก ชุดราตรีเด็ก ชุดกระโปรงเด็ก รองเท้าบาร์บี้ รองเท้าคิตตี้ กระเป๋า ชุดว่ายน้้าเด็กชุดนอนเด็ก เสื้อกันหนาวเด็ก ถุงเท้าเด็ก ของเล่น - KIDSANDplaza เส้ือผ้าเด็ก รองเท้าเด็ก ขายปลีก-ขายส่งเส้ือผ้าเด็ก ชุดเด็ก เส้ือเด็ก กางเกงเด็ก เส้ือผ้าการ์ตูน สูทเด็ก ชุดแฟนซีเด็ก ชุดกระโปรงเด็ก รองเท้าบาร์บี้ รองเท้าคิตตี้ ของเล่นเด็ก กระเป๋าล้อลาก ชุดว่ายน้้าเด็ก ชุดนอน เส้ือกันหนาว ถุงเท้าเด็ก :[Powered byWeloveshopping.com]" /><meta property="og:description" content=“KIDSANDplaza เสื้อผ้าเด็ก รองเท้าเด็ก ขายปลีก-ขายส่งเส้ือผ้าเด็ก ชุดเด็ก เส้ือเด็ก กางเกงเด็ก เส้ือผ้าการ์ตูน สูทเด็ก ชุดแฟนซีเด็ก ชุดกระโปรงเด็ก รองเท้าบาร์บี้ รองเท้าคิตตี้ ของเล่นเด็ก กระเป๋าล้อลาก ชุดว่ายน้้าเด็ก ชุดนอน เสื้อกันหนาว ถุงเท้าเด็ก ..." />

<script>

Page 24: Theory of Website

SEO ที่ดี

<title>ที่ดินถูก ท้าเลดี ที่ดินหนองคาย ราคากันเองคลิกเลย</title><meta name="keywords" content="ที่ดิน, ที่ดินหนองคาย, ที่ดีถูก, ที่ดินสวย, ที่ดินท้าหอพัก"><meta name="description" content="ถ้าคุณก้าลังมองหา ที่ดินถูก ที่ดินดี ที่ดินหนองคาย ที่ดินท้ากิจการ หอพักคลิกเข้ามาเลยแล้วคุณจะไม่ผิดหวัง">

Page 25: Theory of Website

Web Designเว็บสวยสะดุดใจ ภายในน่าค้นหา

Page 26: Theory of Website

Web Design

cssdee.com

คิดว่าเว็บไหนจะมีคนเข้าเยอะกว่า? ระหว่าง …

Page 27: Theory of Website

ส่วนประกอบของเว็บ1. ส่วนหัว (Page Header)

2. ส่วนเนื้อหา (Page Body)

3. ส่วนท้าย (Page Footer)

• โลโก้ (Logo)

• เมนหูลัก (Link Menu)

• แบนเนอร์ (Banner)

Page 28: Theory of Website

Web Responsive ?

Page 29: Theory of Website

“Content is KING!!”เนื้อหาดีมีชัยไปกว่าครึ่ง !!

Page 30: Theory of Website

Web Content

Credit: obvoc.com

คิดว่าแบบไหนน่าสนใจกว่ากัน?

Page 31: Theory of Website

Web Marketingการตลาดดี…เว็บย่อมเติบโตเร็ว

Page 32: Theory of Website

Web Marketingการตลาดมีผลต่อเว็บไซต์อย่างไร ??

Page 33: Theory of Website

เว็บไซต์สร้างสรรค์ ร่วมกันสร้างชาติ

Create your Thailand

Page 34: Theory of Website

www.dek-d.com(ด้านการศึกษา)

Page 35: Theory of Website

www.pantip.com(ด้านสังคม)

Page 36: Theory of Website

www.makethedifference.org(ด้านแรงบันดาลใจ)

Page 37: Theory of Website

www.change.org/th(ด้านสังคม)

Page 38: Theory of Website

www.thaiflood.com(ด้านภัยพิบัติธรรมชาติ)

Page 39: Theory of Website

www.taejai.com(ด้านจิตสาธารณะ)

Page 40: Theory of Website

หัวใจหลักส าคัญในการสร้างเว็บไซต์1 จะท าเว็บไซต์อะไร ลักษณะไหน ?

2 กลุ่มเป้าหมายเป็นแบบไหน ?

4 ท าอย่างไรเว็บถึงจะอยู่รอด ?

3 ขอบเขตเนื้อหาในเว็บจะไปในทิศทางใด ?

Page 41: Theory of Website

Q&A

Page 42: Theory of Website

END@moshikub

it4x.com

@nppi3enz

nppi3enz.in.thfb.com/moshikub fb.com/nppi3enz

สามารถดาวน์โหลดไฟล์ slide นี้ได้จาก

http://bit.ly/jwc6slide1