theory of website
DESCRIPTION
Theory of Website (Presentation in Junior Webmaster Camp#6)TRANSCRIPT
![Page 1: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/1.jpg)
ขอแสดงความยินดีด้วยกับน้องๆ ท่ีผ่านเข้ารอบในโครงการ
“ เว็บไซตส์ร้างสรรค ์ร่วมกันสร้างชาติ ”
Create your Thailand
Jun ior Webmaster Camp
![Page 2: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/2.jpg)
Moshikub• เป็นผู้ดูแลเว็บไซต์ it4x.com
• Programmer ในทีมงานแชมป์ SEO 2010
• ปัจจุปันเป็น Web Programmer ของเว็บ dek-d.com
• รางวัลเว็บไซต์ชนะเลิศจากการเข้าร่วมYoung Webmaster Camp 11
![Page 3: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/3.jpg)
NPPi3enz• เป็นผู้ดูแลเว็บไซต์ NPPi3enz.in.th
• เป็นผู้ดูแลเว็บไซต์ Dollars-th.com
• อันดับรองชนะเลิศอันดับ 2 จากการประกวดThailand Blog Award 2012
• รางวัลเว็บไซต์ชนะเลิศจากการเข้าร่วมYoung Webmaster Camp 11
![Page 4: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/4.jpg)
เว็บไซต์คืออะไร ????
![Page 5: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/5.jpg)
ตัวอย่างเว็บไซต์
![Page 6: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/6.jpg)
“เว็บไซต”์ คืออะไร ??
ท่ีมา : ราชบัณฑิตยสถาน (www.royin.go.th)
เว็บไซต์ (website) ค านี้มีศัพท์บัญญัติว่า ที่อยู่เว็บ หมายถึง ช่ือเว็บที่เป็นแหล่งข้อมูล
อิเล็กทรอนิกส์ ซึ่งอาจเป็นข้อมูลของหน่วยงานทั้งราชการ เอกชน หรือบุคคล โดยรวมเก็บไว้ใน
เครื่องแม่ข่ายซึ่งต่อเข้ากับเครือข่ายอินเทอร์เน็ต เม่ือต้องการศึกษาหรือค้นหาข้อมูลนั้น ต้องใช้
คอมพิวเตอร์ เป็นเครื่องมือไปค้นที่ชื่อเว็บไซต์ท่ีต้องการ
![Page 7: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/7.jpg)
เราจะสร้างเว็บไซตไ์ด้อย่างไร ?1 เขียนเอง
2 สร้างจากระบบจัดการเว็บไซต ์(CMS)
3 สร้างจากเว็บส าเร็จรูปออนไลน์
![Page 8: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/8.jpg)
1. เขียนเอง
![Page 9: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/9.jpg)
2. สร้างจากระบบ CMS
![Page 10: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/10.jpg)
3. สร้างจากเว็บส าเร็จรูป
![Page 11: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/11.jpg)
Wordpressคือโปรแกรมชนิดหนึ่งในระบบช่วย
จัดการเนื้อหาบนเว็บไซต์ (Contents
Management System : CMS) นิยมใช้ท าเว็บ
เขียนบทความ (Blog) แต่สามารถต่อยอดได้
มากมายโดยใช้จากตัวเสริม (Plugin) ที่มีให้
เช่น เว็บขายสินค้าออนไลน์, เว็บอัลบั้มรูป,
ฯลฯ และสามารถเลือกใช้หน้าตา (Template)
จากที่มีให้มากมายอีกด้วย
![Page 12: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/12.jpg)
อยากน าเว็บที่สร้างไปเผยแพร่สู่สายตาชาวโลกต้องท าไงต่อ
![Page 13: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/13.jpg)
Web Hosting
![Page 14: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/15.jpg)
Domain Name
![Page 16: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/16.jpg)
Domain Name
www.___________.com.in.th .co.th
.tv.fm
.org
.net
![Page 17: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/17.jpg)
Domain Name
![Page 18: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/18.jpg)
หลักการตั้งชื่อ Domain Name1. ชื่อโดเมนควรสั้น ได้ความหมาย จดจ าง่าย
2. นอกจากสั้นแล้ว ควรใช้ค าสะกดง่าย
3. หากเป็นบริษัทห้างร้าน ควรใช้ชื่อโดเมนเป็นชื่อเดียวกับบริษัท
4. ชื่อเว็บไซต์ ควรสื่อถึงบริการ หรือจุดประสงค์ของเว็บไซต์
5. หากชื่อโดเมนยาว ต้องเป็นค าที่สะกดง่าย มีความหมาย สื่อถึงเว็บไซต์ได้ตรงตัว
6. หลีกเลี่ยงการใช้ ขีดกลาง (-) ในชื่อโดเมน
7. หากจะใช้ชื่อที่ไม่มีความหมาย ขอให้เป็นค าที่จ าง่าย สะดุดหู เพราะจะง่ายต่อ การจดจ า
![Page 19: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/19.jpg)
ท าอย่างไรให้เว็บเรามีผู้เข้าชมเยอะๆ แบบดังระเบิด
![Page 20: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/20.jpg)
junior webmaster camp
เว็บเค้า.comxxxxxxxxxxxxxxxxxxxxxxxxxx
เว็บของพวกเรา.comค่ายอบรมวิชาชีพเว็บมาสเตอร์
เว็บเค้า.comxxxxxxxxxxxxxxxxxxxxxxxxxx
เว็บเค้า.comxxxxxxxxxxxxxxxxxxxxxxxxxx
![Page 21: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/21.jpg)
SEO( Search Engine Optimization )
![Page 22: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/22.jpg)
ส่วนประกอบของการท า SEO1 Title Tag (หัวข้อเว็บเพจ)
2 Description (ค าอธิบายเว็บ)
3 Keyword (ค าค้นหา)
![Page 23: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/23.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/24.jpg)
SEO ที่ดี
<title>ที่ดินถูก ท้าเลดี ที่ดินหนองคาย ราคากันเองคลิกเลย</title><meta name="keywords" content="ที่ดิน, ที่ดินหนองคาย, ที่ดีถูก, ที่ดินสวย, ที่ดินท้าหอพัก"><meta name="description" content="ถ้าคุณก้าลังมองหา ที่ดินถูก ที่ดินดี ที่ดินหนองคาย ที่ดินท้ากิจการ หอพักคลิกเข้ามาเลยแล้วคุณจะไม่ผิดหวัง">
![Page 25: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/25.jpg)
Web Designเว็บสวยสะดุดใจ ภายในน่าค้นหา
![Page 26: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/26.jpg)
Web Design
cssdee.com
คิดว่าเว็บไหนจะมีคนเข้าเยอะกว่า? ระหว่าง …
![Page 27: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/27.jpg)
ส่วนประกอบของเว็บ1. ส่วนหัว (Page Header)
2. ส่วนเนื้อหา (Page Body)
3. ส่วนท้าย (Page Footer)
• โลโก้ (Logo)
• เมนหูลัก (Link Menu)
• แบนเนอร์ (Banner)
![Page 28: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/28.jpg)
Web Responsive ?
![Page 29: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/29.jpg)
“Content is KING!!”เนื้อหาดีมีชัยไปกว่าครึ่ง !!
![Page 30: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/30.jpg)
Web Content
Credit: obvoc.com
คิดว่าแบบไหนน่าสนใจกว่ากัน?
![Page 31: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/31.jpg)
Web Marketingการตลาดดี…เว็บย่อมเติบโตเร็ว
![Page 32: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/32.jpg)
Web Marketingการตลาดมีผลต่อเว็บไซต์อย่างไร ??
![Page 33: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/33.jpg)
เว็บไซต์สร้างสรรค์ ร่วมกันสร้างชาติ
Create your Thailand
“
”
![Page 34: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/34.jpg)
www.dek-d.com(ด้านการศึกษา)
![Page 35: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/35.jpg)
www.pantip.com(ด้านสังคม)
![Page 36: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/36.jpg)
www.makethedifference.org(ด้านแรงบันดาลใจ)
![Page 37: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/37.jpg)
www.change.org/th(ด้านสังคม)
![Page 38: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/38.jpg)
www.thaiflood.com(ด้านภัยพิบัติธรรมชาติ)
![Page 39: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/39.jpg)
www.taejai.com(ด้านจิตสาธารณะ)
![Page 40: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/40.jpg)
หัวใจหลักส าคัญในการสร้างเว็บไซต์1 จะท าเว็บไซต์อะไร ลักษณะไหน ?
2 กลุ่มเป้าหมายเป็นแบบไหน ?
4 ท าอย่างไรเว็บถึงจะอยู่รอด ?
3 ขอบเขตเนื้อหาในเว็บจะไปในทิศทางใด ?
![Page 41: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/41.jpg)
Q&A
![Page 42: Theory of Website](https://reader034.vdocuments.site/reader034/viewer/2022051412/5482cd065906b5c6158b45ea/html5/thumbnails/42.jpg)
END@moshikub
it4x.com
@nppi3enz
nppi3enz.in.thfb.com/moshikub fb.com/nppi3enz
สามารถดาวน์โหลดไฟล์ slide นี้ได้จาก
http://bit.ly/jwc6slide1