Enviar pesquisa
Carregar
Internet 54
•
0 gostou
•
405 visualizações
Tay Chaloeykrai
Seguir
Educação
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 125
Baixar agora
Baixar para ler offline
Recomendados
Connect1
Connect1
Tay Chaloeykrai
Communication Concept Day2 บ่าย
Communication Concept Day2 บ่าย
Jenchoke Tachagomain
Internet
Internet
Kosamphee Wittaya School
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
Natcha Chaipayom
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
Natcha Chaipayom
Connect net
Connect net
Tay Chaloeykrai
ลักษณะของการเชื่อมต่ออินเทอร์เน็ต
ลักษณะของการเชื่อมต่ออินเทอร์เน็ต
Narathip Limkul
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
guest31bfdc
Recomendados
Connect1
Connect1
Tay Chaloeykrai
Communication Concept Day2 บ่าย
Communication Concept Day2 บ่าย
Jenchoke Tachagomain
Internet
Internet
Kosamphee Wittaya School
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
Natcha Chaipayom
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
Natcha Chaipayom
Connect net
Connect net
Tay Chaloeykrai
ลักษณะของการเชื่อมต่ออินเทอร์เน็ต
ลักษณะของการเชื่อมต่ออินเทอร์เน็ต
Narathip Limkul
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
guest31bfdc
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Trepet Parungnantakul
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
guest31bfdc
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
Ekkaphum Sunggudthong
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Trepet Parungnantakul
โทรศัพท์เคลื่อนที่(ชาติย์+ฐิติวัฒน์)404
โทรศัพท์เคลื่อนที่(ชาติย์+ฐิติวัฒน์)404
Wanz Buranakanonda
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Trepet Parungnantakul
Internet
Internet
mahasarakham university
Internet
Internet
mahasarakham university
ผ ให_บร_การอ_นเทอร_เน_ต
ผ ให_บร_การอ_นเทอร_เน_ต
Jamnisa Nymph
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
gasnaja
วิธีการเชื่อมต่ออินเทอร์เน็ต
วิธีการเชื่อมต่ออินเทอร์เน็ต
cnkgrace14
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
peamrcp
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Thanakorn Poomisit
ผู้ให้บริการอินเตอร์เน็ต
ผู้ให้บริการอินเตอร์เน็ต
Champswagen
ความรู้เกี่ยวกับอินเทอร์เน็ตขาว
ความรู้เกี่ยวกับอินเทอร์เน็ตขาว
MilkSick
ความรู้เกี่ยวกับอินเทอร์เน็ตเตย1
ความรู้เกี่ยวกับอินเทอร์เน็ตเตย1
Toey_Wanatsanan
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Thanakorn Poomisit
ผู้ให้บริการอินเตอร์เน็ต
ผู้ให้บริการอินเตอร์เน็ต
Champswagen
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Namlekdum
Variable Annuities
Variable Annuities
13 Llama Interactive
Vocabulary describing people
Vocabulary describing people
jolehidy6
Harvesting HathiTrust Documents: A New Model for Online Access
Harvesting HathiTrust Documents: A New Model for Online Access
Christopher Brown
Mais conteúdo relacionado
Mais procurados
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Trepet Parungnantakul
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
guest31bfdc
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
Ekkaphum Sunggudthong
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Trepet Parungnantakul
โทรศัพท์เคลื่อนที่(ชาติย์+ฐิติวัฒน์)404
โทรศัพท์เคลื่อนที่(ชาติย์+ฐิติวัฒน์)404
Wanz Buranakanonda
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Trepet Parungnantakul
Internet
Internet
mahasarakham university
Internet
Internet
mahasarakham university
ผ ให_บร_การอ_นเทอร_เน_ต
ผ ให_บร_การอ_นเทอร_เน_ต
Jamnisa Nymph
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
gasnaja
วิธีการเชื่อมต่ออินเทอร์เน็ต
วิธีการเชื่อมต่ออินเทอร์เน็ต
cnkgrace14
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
peamrcp
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Thanakorn Poomisit
ผู้ให้บริการอินเตอร์เน็ต
ผู้ให้บริการอินเตอร์เน็ต
Champswagen
ความรู้เกี่ยวกับอินเทอร์เน็ตขาว
ความรู้เกี่ยวกับอินเทอร์เน็ตขาว
MilkSick
ความรู้เกี่ยวกับอินเทอร์เน็ตเตย1
ความรู้เกี่ยวกับอินเทอร์เน็ตเตย1
Toey_Wanatsanan
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Thanakorn Poomisit
ผู้ให้บริการอินเตอร์เน็ต
ผู้ให้บริการอินเตอร์เน็ต
Champswagen
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Namlekdum
Mais procurados
(19)
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
โทรศัพท์เคลื่อนที่(ชาติย์+ฐิติวัฒน์)404
โทรศัพท์เคลื่อนที่(ชาติย์+ฐิติวัฒน์)404
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Internet
Internet
Internet
Internet
ผ ให_บร_การอ_นเทอร_เน_ต
ผ ให_บร_การอ_นเทอร_เน_ต
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
วิธีการเชื่อมต่ออินเทอร์เน็ต
วิธีการเชื่อมต่ออินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเตอร์เน็ต
ผู้ให้บริการอินเตอร์เน็ต
ความรู้เกี่ยวกับอินเทอร์เน็ตขาว
ความรู้เกี่ยวกับอินเทอร์เน็ตขาว
ความรู้เกี่ยวกับอินเทอร์เน็ตเตย1
ความรู้เกี่ยวกับอินเทอร์เน็ตเตย1
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเตอร์เน็ต
ผู้ให้บริการอินเตอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
ผู้ให้บริการอินเทอร์เน็ต
Destaque
Variable Annuities
Variable Annuities
13 Llama Interactive
Vocabulary describing people
Vocabulary describing people
jolehidy6
Harvesting HathiTrust Documents: A New Model for Online Access
Harvesting HathiTrust Documents: A New Model for Online Access
Christopher Brown
Samukelephen56
Samukelephen56
Tay Chaloeykrai
Hướng dẫn lập trình với SCSF phần I (smart client software factory)
Hướng dẫn lập trình với SCSF phần I (smart client software factory)
Minh Tri Lam
Андрей Войнов, Барьер. «Голь на выдумки хитра» или нестандартные акции в рекл...
Андрей Войнов, Барьер. «Голь на выдумки хитра» или нестандартные акции в рекл...
Dentsu Aegis Network Ukraine
We media murdoch and emprie
We media murdoch and emprie
tdcjackson
People First Ottawa Annual General Meeting 2012
People First Ottawa Annual General Meeting 2012
LiveWorkPlay
Gothic mirror cases
Gothic mirror cases
Geetika Agarwal
Sram
Sram
S. S. Dhakad Dhakad
Introduction to-sciences-of-the-quran
Introduction to-sciences-of-the-quran
Islam4mankind Rachidm
Social media for retail overview 2013
Social media for retail overview 2013
Octave Online Communications
Just one-message
Just one-message
Islam4mankind Rachidm
The Latest Developments in Computer Crime Law
The Latest Developments in Computer Crime Law
Source Conference
Workshop recuperación 8tavos
Workshop recuperación 8tavos
jolehidy6
West Cork Leader Presentation
West Cork Leader Presentation
doran_justin
YÊU THƯƠNG hay SỬ DỤNG
YÊU THƯƠNG hay SỬ DỤNG
hotinhtam2005
Save The Essay!
Save The Essay!
TomDunn39
2012 Hispanic Allocation Impact on Revenue Growth Study Series: Part III
2012 Hispanic Allocation Impact on Revenue Growth Study Series: Part III
AHAA: The Voice of Hispanic Marketing
Social Media Recommendations for WeVideo
Social Media Recommendations for WeVideo
Layla Sabourian
Destaque
(20)
Variable Annuities
Variable Annuities
Vocabulary describing people
Vocabulary describing people
Harvesting HathiTrust Documents: A New Model for Online Access
Harvesting HathiTrust Documents: A New Model for Online Access
Samukelephen56
Samukelephen56
Hướng dẫn lập trình với SCSF phần I (smart client software factory)
Hướng dẫn lập trình với SCSF phần I (smart client software factory)
Андрей Войнов, Барьер. «Голь на выдумки хитра» или нестандартные акции в рекл...
Андрей Войнов, Барьер. «Голь на выдумки хитра» или нестандартные акции в рекл...
We media murdoch and emprie
We media murdoch and emprie
People First Ottawa Annual General Meeting 2012
People First Ottawa Annual General Meeting 2012
Gothic mirror cases
Gothic mirror cases
Sram
Sram
Introduction to-sciences-of-the-quran
Introduction to-sciences-of-the-quran
Social media for retail overview 2013
Social media for retail overview 2013
Just one-message
Just one-message
The Latest Developments in Computer Crime Law
The Latest Developments in Computer Crime Law
Workshop recuperación 8tavos
Workshop recuperación 8tavos
West Cork Leader Presentation
West Cork Leader Presentation
YÊU THƯƠNG hay SỬ DỤNG
YÊU THƯƠNG hay SỬ DỤNG
Save The Essay!
Save The Essay!
2012 Hispanic Allocation Impact on Revenue Growth Study Series: Part III
2012 Hispanic Allocation Impact on Revenue Growth Study Series: Part III
Social Media Recommendations for WeVideo
Social Media Recommendations for WeVideo
Semelhante a Internet 54
Internet
Internet
ptaithabo
Communication Concept
Communication Concept
Jenchoke Tachagomain
อินเตอร์เน็ต
อินเตอร์เน็ต
khwan_thananda
อินเตอร์เน็ต
อินเตอร์เน็ต
Nattaporn Bunmak
อินเตอร์เน็ต
อินเตอร์เน็ต
khwan_thananda
อินเตอร์เน็ต
อินเตอร์เน็ต
Nattaporn Bunmak
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
guest31bfdc
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
guest31bfdc
เทอม 1 คาบ 7บทบาทของการสื่อสาร
เทอม 1 คาบ 7บทบาทของการสื่อสาร
Mrpopovic Popovic
07เครือข่ายอินเตอร์เน็ต
07เครือข่ายอินเตอร์เน็ต
teaw-sirinapa
การเชื่อมต่ออินเทอร์เน็ต!
การเชื่อมต่ออินเทอร์เน็ต!
Cookie Bomber
ระบบปฏิบัติการ
ระบบปฏิบัติการ
Siriwan Udomtragulwong
ลักษณะของการเชื่อมต่ออินเทอร์เน็ตแต่ละประเภท
ลักษณะของการเชื่อมต่ออินเทอร์เน็ตแต่ละประเภท
Wannipa Wongwaew
รายงานการเข้าสู่ระบบอินเทอร์เน็ต2
รายงานการเข้าสู่ระบบอินเทอร์เน็ต2
guest9588e7f
ความรู้เกี่ยวกับอินเทอร์เน็ต..(1)
ความรู้เกี่ยวกับอินเทอร์เน็ต..(1)
runjaun
Tu153 บทที่ 8 2/2560
Tu153 บทที่ 8 2/2560
Kasidit Chanchio
ความรู้เกี่ยวกับอินเทอร์เน็ต..
ความรู้เกี่ยวกับอินเทอร์เน็ต..
runjaun
Lan 01
Lan 01
วาสนา ใจสุยะ
Lan 01
Lan 01
วาสนา ใจสุยะ
ระบบอินเตอร์เน็ต
ระบบอินเตอร์เน็ต
Wanphen Wirojcharoenwong
Semelhante a Internet 54
(20)
Internet
Internet
Communication Concept
Communication Concept
อินเตอร์เน็ต
อินเตอร์เน็ต
อินเตอร์เน็ต
อินเตอร์เน็ต
อินเตอร์เน็ต
อินเตอร์เน็ต
อินเตอร์เน็ต
อินเตอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต
เทอม 1 คาบ 7บทบาทของการสื่อสาร
เทอม 1 คาบ 7บทบาทของการสื่อสาร
07เครือข่ายอินเตอร์เน็ต
07เครือข่ายอินเตอร์เน็ต
การเชื่อมต่ออินเทอร์เน็ต!
การเชื่อมต่ออินเทอร์เน็ต!
ระบบปฏิบัติการ
ระบบปฏิบัติการ
ลักษณะของการเชื่อมต่ออินเทอร์เน็ตแต่ละประเภท
ลักษณะของการเชื่อมต่ออินเทอร์เน็ตแต่ละประเภท
รายงานการเข้าสู่ระบบอินเทอร์เน็ต2
รายงานการเข้าสู่ระบบอินเทอร์เน็ต2
ความรู้เกี่ยวกับอินเทอร์เน็ต..(1)
ความรู้เกี่ยวกับอินเทอร์เน็ต..(1)
Tu153 บทที่ 8 2/2560
Tu153 บทที่ 8 2/2560
ความรู้เกี่ยวกับอินเทอร์เน็ต..
ความรู้เกี่ยวกับอินเทอร์เน็ต..
Lan 01
Lan 01
Lan 01
Lan 01
ระบบอินเตอร์เน็ต
ระบบอินเตอร์เน็ต
Internet 54
1.
INTERNET
2.
INTERNET คืออะไร • INTERNET
เปนเครือขายคอมพิวเตอร ขนาดใหญ ที่เชื่อมโยงเครือขาย คอมพิวเตอร ทั่วโลกเขาดวยกัน • คําเต็มของอินเทอรเน็ต : อินเทอรเน็ตเวิรกกิง (Internetworking) • เรียกอีกอยางหนึ่งวา ไซเบอรสเปซ (Cyberspace)
3.
อินเทอรเน็ต : อภิมหาเครือขาย •
อินเทอรเน็ต เปนอภิมหาเครือขายที่ยิ่งใหญมาก มี คอมพิวเตอรหลายลานเครื่องทั่วโลกเชื่อมตอระบบ ทําให คนในโลกทุกชาติทุกภาษาติดตอกันได สามารถสงขอมูล ขาวสารหลายรูปแบบทั้งขอความ ภาพ และเสียง • การติดตอสื่อสารระหวางคอมพิวเตอร อาจจะติดตอ ผานสายโทรศัพท ไมโครเวฟ ดาวเทียม เคเบิลใตน้ํา หรือสายไฟเบอรออปติก
4.
ประวัติความเปนมา • ป 2512
กระทรวงกลาโหมสหรัฐใหทุน มหาวิทยาลัย ศึกษาวิธีการเชื่อมโยงคอมพิวเตอรเขา เปนเครือขาย เรียกวา อารปาเน็ต (ARPAnet) • ป 2524 มหาวิทยาลัยทุกแหงในสหรัฐเชื่อมโยงเขาสู เครือขาย และเปลี่ยนชื่อมาเปน อินเทอรเน็ต • ป 2532 มหาวิทยาลัยสงขลานครินทร ไดเชื่อมโยง เครือขายเพื่อสง อิเล็กทรอนิกสเมล กับประเทศ ออสเตรเลีย
5.
อินเทอรเน็ตในประเทศไทย
สําหรับภาคเอกชน ไดมีการกอตั้งบริษัทสําหรับ ใหบริการอินเตอรเน็ตแกเอกชนและบุคคลทั่วไป ที่นิยมเรียกกัน วา ISP (Internet Service Providers) 5
6.
7 พฤศจิกายน 2554
6
7.
เหตุผลสําคัญที่ทําใหอินเตอรเน็ตไดรับความนิยมแพรหลาย
การสื่อสารบนอินเตอรเน็ต ไมจํากัดระบบปฏิบัติการของเครื่องคอมพิวเตอร คอมพิวเตอร ที่ตางระบบปฏิบัติการกันก็สามารถติดตอ สื่อสารกันได เชน คอมพิวเตอรที่มี ระบบปฏิบัติการแบบ Windows 95 สามารถสื่อสารกับคอมพิวเตอรที่มีระบบปฏิบัติการ แบบ Macintosh ได อินเตอรเน็ตไมมีขอจํากัดในเรื่องของระยะทาง ไมวาจะอยูภายในอาคารเดียวกัน หรือหาง กันคนละทวีป ขอมูลก็สามารถสงผานถึง กันได อินเตอรเน็ตไมจํากัดรูปแบบของขอมูล ซึ่งมีไดทั้งขอมูลที่เปนขอความอยางเดียว หรืออาจ มีภาพประกอบ รวมไปถึงขอมูลชนิด มัลติมีเดีย คือมีทั้งภาพเคลื่อนไหวและมีเสียง ประกอบดวยได
8.
การประยุกตใชงานบนอินเทอรเน็ต •
E-mail • Telnet • FTP • www ,Gopher,Archie • Usenet • Chat • E-Commerce • Entertain
9.
E-mail : Electronic
Mail • ไปรษณียอิเล็กทรอนิกส หรือ E-mail (Electronic Mail) เปนการสงจดหมาย อิเล็กทรอนิกส ผานเครือขายอินเทอรเน็ต ตลอดจน สามารถ สงแฟมขอมูล หรือไฟลแนบกับ อีเมลไดดวย
10.
Telnet • เทลเน็ต (Telnet)
การขอเขาระบบจากระยะไกล • เปนบริการที่เราสามารถเขาไปใชงานในเครื่อง คอมพิวเตอรที่อยูไกลๆ ดวยตัวเอง
11.
FTP • การถายโอนขอมูล FTP
(File Transfer Protocol) • เปนบริการของอินเทอรเน็ต ที่เราสามารถคนหาและเรียกขอมูล จากแหลงตางๆ มาเก็บที่เครื่องเรา หรือสงไปที่เครื่องอื่น ทั้งขอมูลที่เปน ขอความ ภาพ และเสียง
12.
www • World Wide
Web : www • Gopher • Archie • เปนการใชเครือขายอินเทอรเน็ต ในการ สืบคนขอมูล คนหา ขาวสารที่มีอยูมากมาย แลวชวย จัดเรียงขอมูลขาวสารตามหัวขอ อยางมีระบบ เปนเมนู ทําใหเรา หาขอมูลไดงายและสะดวก
13.
World Wide Web
: www • World Wide Web : www • การบริการขอมูลที่เชื่อมตอดวย ไฮเปอรลิงก โดยมีโฮสตที่ทําหนาที่บริการ ขอมูลซึ่งเรียกวา เว็ปเซิรฟเวอร (Web Server ) การเรียกชื่อโฮสต ใชคํา นําหนาวา www เชน www.thaisakon.com
14.
Usenet • Usenet เปนการใหบริการแลกเปลี่ยนขาวสาร
และแสดง ความคิดเห็นที่ผูใชอินเทอรเน็ตทั่วโลกพบปะกัน แสดง ความคิดเห็นของตน โดยมีการจัดการผูใชเปนกลุม • เปนเวทีขนาดใหญ ใหทุกคน จากทุกมุมโลก
15.
Chat • Chat การสื่อสารดวยขอความ
เปนการพูดคุยกัน ระหวางผูใชอินเทอรเน็ต โดยพิมพขอความโตตอบกัน ในเวลาเดียวกัน
16.
E-Commerce • E-Commerce :
Electronic Commerce • เปนการซื้อ-ขายสินคา และบริการบนอินเทอรเน็ต ปจจุบันมี บริษัทหลายหมื่นบริษัทใชอินเทอรเน็ตทําธุรกิจ และใหบริการ ลูกคา 24 ชั่วโมง
17.
Entertain • Entertain เปนบริการดานความบันเทิงในรูปแบบตางๆ
เชน เกมส เพลง รายการโทรทัศน รายการวิทยุ เปนตน สามารถเลือกใชบริการ 24 ชั่วโมง
18.
องคประกอบของระบบอินเทอรเน็ต • Server • Client •
ระบบสื่อสาร โทรคมนาคม
19.
Server Server เปนคอมพิวเตอรทที่ทําหนาที่ ใหบริการดานตางๆ
อาทิเชน เปน • Web Server • Mail Server • News server • FTP Server • ฯลฯ
20.
Client • Client เปนคอมพิวเตอรสวนบุคคล
ที่ทําการเชื่อมตอตนเองไปยัง Server เพื่อขอใชบริการตางๆ จาก Server
21.
ระบบสื่อสาร โทรคมนาคม
• เปนเสนทางที่ใชในการ ติดตอสื่อสารระหวาง Client กับ Server และ Server กับ Server อื่น ใน เครือขายอินเทอรเน็ต
22.
การเชื่อมตอเขาสูอินเทอรเน็ต • การเชื่อมตอแบบสวนบุคคล • การเชื่อมตอแบบ
Cooperate dial-in • การเชื่อมตอแบบ Cooperate lease line
23.
การเชื่อมตอแบบสวนบุคคล อุปกรณที่จําเปน • คูสายโทรศัพท •
Modem • คอมพิวเตอร • เปดบัญชีผูใชกับผูใหบริการอินเทอรเน็ต
24.
รูปแบบการเชื่อมตอ
องคการ โทรศัพท
25.
รูปแบบการเชื่อมตอ
กําหนด Username องคการ Password โทรศัพท หมายเลขโทรศัพท
26.
รูปแบบการเชื่อมตอ
MODEM เปลี่ยนขอมูล ในรูปแบบดิกิตอล องค จ าร เปนโทรศัพท อนาล็อก สงไปตามสายโทรศัพท
27.
MODEM เปลี่ยนขอมูล
ในรูปแบบอนาล็อก รูปแบบการเชื่อมตอ เปนดิจิตอล สงไปยังเครื่องคอมพิวเตอร องคการ โทรศัพท
28.
เชื่อมตอไปยัง รูปแบบการเชื่อมตอ
เครือขายอินเทอรเน็ต องคการ โทรศัพท
29.
ลักษณะการใชงาน • ผูใชกําหนด Username
และ Password • กําหนดหมายเลขโทรศัพทของผูใหบริการอินเทอรเน็ต • เริ่มการติดตอ • เรียกโปรแกรมสําหรับใชบริการตางๆ บนอินเทอรเน็ต อาทิ เชน ถาตองการคนขอมูลจาก www ใหใชโปรแกรม IE / Nescape / Opera ถาตองการสนทนาบนเครือขาย ใช Internet Phone ฯลฯ
30.
การเชื่อมตอแบบ Cooperate dial-in •
การเชื่อมตอแบบสวนบุคคล มีขอจํากัดคือ ใชไดครั้งละ 1 เครื่อง 1 ผูใช • กรณีที่ตองการใหใชไดหลายๆ เครื่อง และ ประหยัดคาใชจาย สามารถทําไดโดยการใช การเชื่อมตอแบบ coperate dial-in
31.
อุปกรณที่จําเปน • คูสายโทรศัพท • Modem •
คอมพิวเตอรที่ทําหนาที่เปน Server • คอมพิวเตอรที่ใชงานตองตอกันเปนระบบ เครือขาย • เปดบัญชีผูใชกับผูใหบริการอินเทอรเน็ต
32.
รูปแบบการเชื่อมตอ
องคการ โทรศัพท คอมพิวเตอรตองเปน ระบบเครือขาย
33.
รูปแบบการเชื่อมตอ
Server ทําหนาที่เปน ชองทางในการติดตอ ผูใหบริการอินเทอรเน็ต องคการ โทรศัพท
34.
รูปแบบการเชื่อมตอ MODEM เปลี่ยนขอมูล
ในรูปแบบดิกิตอล องค จ าร เปนโทรศัอพท อนาล็ ก สงไปตามสายโทรศัพท องคการ โทรศัพท
35.
MODEM เปลี่ยนขอมูล รูปแบบการเชื่อมตอ
ในรูปแบบอนาล็อก เปนดิจิตอล สงไปยังเครื่องคอมพิวเตอร องคการ โทรศัพท
36.
เชื่อมตอไปยัง รูปแบบการเชื่อมตอ
เครือขายอินเทอรเน็ต องคการ โทรศัพท
37.
ลักษณะการใชงาน • กําหนด Username
และ Password • กําหนดหมายเลขโทรศัพทของผูใหบริการอินเทอรเน็ต • การกําหนดขางตนกระทําที่เครื่องที่เปน Server • เริ่มการติดตอ • การเรียกโปรแกรมสําหรับใชบริการตางๆ บนอินเทอรเน็ต สามารถ ทําไดที่เครื่องตางๆ ที่อยูในเครือขาย โดย Server จะเปน gateway นําผูใชในเครือขายออกไปยังอินเทอรเน็ต
38.
การเชื่อมตอแบบ Cooperate lease
line • เหมาะสําหรับหนวยงานที่ตองการใหบริการ ทางดานอินเทอรเน็ต • ตองการเชื่อมตอกับระบบตลอด 24 ชั่วโมง • มีบุคลากรในหนวยงานที่ตองใชอินเทอรเน็ต ในเวลาเดียวกันเปนจํานวนมาก
39.
อุปกรณที่จําเปน • Lease line •
Modem • Router • คอมพิวเตอรที่ทําหนาที่เปน Server • คอมพิวเตอรที่ใชงานตองตอกันเปนระบบ เครือขาย
40.
รูปแบบการเชื่อมตอ
คอมพิวเตอรตองเปน ระบบเครือขาย
41.
รูปแบบการเชื่อมตอ
Server ใหบริการตางๆ เชน Internet Server Web Server Mail Server
42.
รูปแบบการเชืทํามตอ นอุปกรณ
Router ่อ หนที่เป หาเสนทางบนเครือขาย อินเทอรเน็ต
43.
MODEM เปลี่ยนขอมูล
ในรูปแบบดิจิตอลการ องค รูปแบบการเชื่อมตอ เปนอนาล็โทรศัพท อก สงไปตามสายโทรศัพท
44.
รูปแบบการเชื่อมตอ ่อสาร
วงจรเชาจากการสื ทศท. UCOM DATANET
45.
MODEM เปลี่ยนขอมูล
ในรูปแบบอนาล็อก รูปแบบการเชื่อมตอ เปนดิจิตอล สงไปยังเครื่องคอมพิวเตอร วงจรเชาจากการสื่อสาร ทศท. UCOM DATANET
46.
รูปแบบการเชื่อมตอ
Router ทําหนที่เปนอุปกรณ หาเสนทางบนเครือขาย อินเทอรเน็ต
47.
Internet
Server รูปแบบการเชื่อมตอ Web Server Mail Server
48.
ลักษณะการใชงาน • การใชอินเทอรเน็ตในรูปแบบนี้ Server
จะทําการ เชื่อมตออยูกับเครือขายตลอด 24 ชั่วโมง • การเรียกโปรแกรมสําหรับใชบริการตางๆ บน อินเทอรเน็ต สามารถทําไดที่เครื่องตางๆ ที่อยูใน เครือขาย การนําผูใชทองไปในอินเทอรเน็ตจะเปน หนาที่ของ Router
49.
ตัวอยางการติดตั้งระบบอินทราเน็ต
HUB คูสายโทรศัพท Modem Windows wingate Teleport Download ขอมูล Windows 95/98/2000/XP+Web server
50.
ตัวอยางการติดตั้งระบบอินทราเน็ต
HUB คูสายโทรศัพท Modem Linux Windows 95/98/2000/XP+Web server ทําหนาที่เปน Gateway+Proxy+Intranet
51.
ตัวอยางการติดตั้งระบบอินทราเน็ต
HUB คูสายโทรศัพท Modem Linux ทําหนาที่เปน Windows 95/982000/XP+Web server Intranet
52.
อ ิน เ
ต อ ร เ น ็ต ย ุค ห น า
53.
Web 1.0 •
E-mail • Chat room • Telnet • Net meeting • Webboard • IRC/ICQ • LMS
54.
Web 2.0 •
Camfrog • YouTube • Wikis • Podcast • Weblog • Webcast • Webquest • LAMP ฯลฯ
55.
Web 2.0
56.
Web 2.0
57.
Social Network คือ
?... Social Network “เครือขายสังคม” หรือ “เครือขายมิตรภาพ” หรือ กลุมสังคมออนไลน” คือ บริการผานเว็บไซตที่เปนจุดโยงระหวางบุคคลแต ละคนที่มีเครือขายสังคมของตัวเองผานเน็ตเวิรคอินเทอรเน็ต รวมทั้งเชื่อมโยง บริการตางๆ อยาง เมล เมสเซ็นเจอร เว็บบอรด บล็อก ฯลฯ เขาดวยกัน
58.
จุ ด เ
ริ่ ม ต น ข อ ง สั ง ค ม อ อ น ไ ล น เ กิ ด ขึ้ น จ า ก เ ว็ บ ไ ซ ต classmates.com เมื่อป 1995 และเว็บไซต SixDegrees.com ในป 1997 ซึ่ง เป นเว็ บ ไซต ที่ จํา กั ด การใช ง านเฉพาะนั ก เรีย นที่ เรี ย นในโรงเรี ย น เดีย วกั น เพื่ อสร า งประวั ติ ข อมู ล การสื่ อสาร และแลกเปลี่ย นขอมูล ที่ สนใจร วมกั น ระหว า งเพื่ อ นนั ก เรี ย นในลิ ส ต เ ท า นั้น ต อ มาในป 1999 เว็บไซต epinions.com ที่พัฒนาโดย Jonathan Bishop ก็ไดมีการเพิ่ม ฟงกชั่นในสวนของการที่ผูใชสามารถควบคุมเนื้อหาและติดตอถึงกันได
59.
1.Communicate (การสื่อสาร) มีการโตตอบกันผานทางเว็บได
เชน บล็อก ที่ผูใชสามารถสมัครสมาชิกและสรางเนื้อหาของตัวเองได มีคนเขา มาอาน มาคอมเมนต นอกจากนี้หลายเว็บยังสามารถที่จะพูดคุยกันไดเลย ฝากขอความไวใหกัน สรางกลุมที่สนใจเรื่องเดียวกัน 2. Definition (คําจํากัดความ) ที่เห็นไดชัดในเว็บจะมี Tagging และ Bookmark เสมอ ใหเราระบุคําที่ใชในเนื้อหา ในกรณีที่พบเจอเนื้อหาที่ นาสนใจ ก็สามารเก็บไวเพื่อกลับเขามาดูไดโดยการ Bookmark หนาเว็บนั้น ไว
60.
3.Networking (เครือขาย) -
มีชุมชนออนไลน มีเว็บบอรดให สมาชิกพูดคุยกัน รวมมือกันสรางสรรคอะไรใหมขึ้นมา การที่มีคนใน เครือขายมากๆก็จะมีพลังมากขึ้น ทําใหคนในกลุมประสบความสําเร็จ ไดเร็วขึ้น 4.Sharing (แบงปน) - สิ่งที่ขาดไมไดเลยที่คนอยูรวมกันในสังคม ก็ คือ การแบงปน เอื้ออาทร ตอกันและกัน ซึ่งในโลกอินเตอรเน็ต สามารถ แบงปนกันไดหลายอยาง เชน ขอมูล เอกสาร รูปภาพ วีดีโอ เพลง
61.
62.
Social Networking Sites
มีทั้งหมดกี่ประเภท 1. Identity Network เผยแพรตัวตน hi5, myspaces, facebook เว็บไซตเหลานี้ใชสําหรับนําเสนอตัวตนและเผยแพรเรื่องราว ของตนเองทางอินเตอรเน็ตครับ สามารถเขียน blog สรางอัลบั้มรูปของ ตัวเอง สรางกลุมเพื่อน และสรางเครือขายขึ้นมาได
63.
2. Creative Network
เผยแพรผลงาน youtube, flickr, multiply 3. Interested Network ความสนใจตรงกัน เชน digg, del.icio.us social book mark ก็ เปนหนึ่งในนี้ del.icio.us เปน Online Bookmarking หรือ Social Bookmarking โดยแทนที่เราจะ Bookmark เว็บที่เราชอบเก็บไวในเครื่องของเราคน เดียว แตเอา Bookmark เก็บไวบนเว็บเพื่อแบงใหคนอื่นไดดู และเราก็จะ ไดรูดวยวาเว็บไซตใดที่ไดรับความนิยมมาก เปนที่นาสนใจ
64.
4. Collaboration Network
รวมกันทํางาน ตรงนี้ก็จะเปนพวก รวมกันพัฒนาซอฟตแวรหรือสวนตางๆของซอฟตแวร WikiPedia เปนสารานุกรมตอยอด ที่อนุญาตใหใครก็ไดเขามา ชวยกันเขียน และแกไขบทความตางๆ ทําใหเกิดเปนสารานุกรมออนไลน ขนาดใหญที่รวบรวมความรู ขาวสาร และเหตุการณตางๆ ยังมีภาษาไทย ปจจุบันใช Google Maps สรางแผนที่ของตัวเอง หรือแชรแผนที่ใหคน อื่นได จึงทําใหมีสถานที่สําคัญหรือสถานที่ตางๆ ถูกปกหมุดเอาไว
65.
5. Gaming/Virtual Reality
โลกเสมือน อันนี้คนไทยอาจไมคอย คุนเคย ตัวอยาง second life, DotA 6. Peer to Peer (P2P) P2P เปนการเชื่อมตอกันระหวาง Client (เครื่องผูใช, เครื่อง ลูกขาย) กับ Client โดยตรง โปรแกรม Skype จึงไดนําหลักการนี้มาใช เปนโปรแกรมสนทนาผานอินเตอรเน็ต และก็มี BitTorrent เกิด
66.
67.
เว็บไซตแบบ Social Network
ในโลกนี้ มีเว็บไซต Social Network ใดบางที่เปนยอดนิยม 1. MySpace.com 2. FaceBook.com 3. Orkut.com 4. Hi5.com 5. Vkontakte.ru 8. PerfSpot.com 6. Friendster.com 9. Bebo.com 7. SkyRock.com 10. Studivz.net
68.
Web Development
69.
อยากเปนเว็บมาสเตอรตองเตรียมตัวอยางไร • ศึกษาขอมูลเกี่ยวกับขั้นตอนและองคประกอบในการพัฒนา
บริหารและดูแลเว็บไซต • เพิ่มเติมความรูในเรื่องของเครื่องมือตางๆ ที่ใชในการพัฒนา เว็บไซต • คนควาหาแนวคิดใหมๆ เทคนิควิธีการนําเสนอใหมๆ หรือ แนวโนมของการพัฒนาเว็บไซตในอนาคต • เขาใจจุดเดนและจุดดอยของเทคโนโยลี ตลอดจนสามารถ ปรับใหเขากับสภาพที่เหมาะสมที่สุดได
70.
ผูที่เกี่ยวของในการพัฒนาเว็บไซต • Webmaster • Web
Site Developer • System Administrator • Content Editor • Translator
71.
นักพัฒนาเว็บไซตตองเรียนรูโปรแกรมอะไรบาง
72.
กระบวนการในการพัฒนาเว็บไซต 1.
สํารวจปจจัยสําคัญ (Research) 2. พัฒนาเนื้อหา (Site Content) 3. พัฒนาโครงสรางเว็บไซต (Site Structure) 4. ออกแบบและพัฒนาเว็บไซต (Visual Design) 5. พัฒนาและดําเนินการ (Production and Operation)
73.
การจัดระบบขอมูลในเว็บไซต • วางแผน/กําหนดหัวขอ และเนื้อหาที่จะนําเสนอ •
สรางความสัมพันธของขอมูล แบบรากตนไม Home Page ประวัติ ผลงาน งานอดิเรก
74.
การจัดระบบขอมูลในเว็บไซต (ตอ) • กําหนดชื่อไฟลของเอกสารเว็บ
Index.htm Page-1.htm Page-2.htm Page-3.htm
75.
การจัดระบบขอมูลในเว็บไซต (ตอ) • สรางโฟลเดอรเฉพาะสําหรับเอกสารเว็บแตละชุด/เรื่อง •
ในโฟลเดอรที่สราง สามารถสรางโฟลเดอรยอย เพื่อเก็บ ไฟลใหเปนระบบระเบียบได
76.
การจัดระบบขอมูลในเว็บไซต (ตอ) • จัดหาภาพ
หรือสรางภาพที่เกี่ยวของกับเนื้อหา – สรางดวยโปรแกรมกราฟก เชน Adobe Photoshop – คัดเลือกจาก ClipArt For Web เชน CD-Rom รวมภาพสําหรับเว็บ • ภาพที่เลือกใชงานทั้งหมด ตองเก็บไวในโฟลเดอรที่สรางไว กอนแลว
77.
การจัดระบบขอมูลในเว็บไซต (ตอ) • สรางเอกสารเว็บ
โดยการลงรหัส HTML หรือใชโปรแกรมชวย • ไฟลเอกสาร HTML ทุกไฟลจะตองบันทึกไวในโฟลเดอรที่สรางไว กอน รวมกับรูปภาพที่จัดเตรียมไวแลว
78.
การจัดระบบขอมูลในเว็บไซต (ตอ) • ตรวจสอบผล
เอกสาร HTML ดวยเว็บเบราเซอร • แกไขขอผิดพลาดที่อาจเกิดขึ้น เนื่องจากเว็บเบราเซอรแตละ คาย แตละรุน รูจักคําสั่ง HTML ไมเทากัน • สงขอมูลขึ้นเครื่องแมขาย (Server) • ตรวจสอบผลการเรียกดูจากเครื่องแมขาย
79.
หลักเกณฑในการเลือกภาพ Graphic •
ขนาดไฟลไมควรเกิน 80 กิโลไบต เพื่อความรวดเร็วในการ แสดงผล • ใชไฟลแบบ JPEG สําหรับรูปถาย หรือรูปที่มีสีเกิน 256 สี • ใชไฟลแบบ GIF สําหรับภาพวาดหรือภาพการตูนที่มีสีไม เกิน 256 สี • เลือกภาพที่มีความนาสนใจและดึงดูด เพื่อไมใหเสียเวลาที่ เสียไปในการ Download • ภาพเปลาประโยชน
80.
ไฟลภาพกราฟกที่นํามาใชในการทําเว็บ • ไฟลฟอรแมต JPG,
JPEG • ไฟลฟอรแมต GIF • ไฟลฟอรแมต PNG
81.
ไฟลสกุล JPG (Joint
Photographer’s Experts Group) • จุดเดน – แสดงสีไดสูงสุด16.7 ลานสี (สนับสนุนสีไดถึง 24 bit) – สามารถกําหนดคาการบีบไฟลไดตามที่ตองการ – มีระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสูละเอียดในระบบ Progressive – มีโปรแกรมสนับสนุนการสรางจํานวนมาก – เรียกดูไดกับ Graphics Browser ทุกตัว – ตั้งคาการบีบไฟลได (compress files) • จุดดอย – ทําใหพื้นของรูปโปรงใสไมได
82.
ไฟลสกุล GIF (Graphics
Interlace File) • จุดเดน – แสดงสีไดสูงสุด 256 สี – สามารถใชงานขามระบบ (Cross Platform) หมายความวา คอมพิวเตอรทุกระบบ ไม วาจะใช Windows, Unix ก็สามารถเรียกใชไฟลภาพสกุลนี้ได – มีขนาดไฟลต่ํา จากเทคโนโลยีการบีบอัดภาพ ทําใหสามารถสงไฟลภาพไดรวดเร็ว – สามารถทําพื้นของภาพใหเปนพื้นแบบโปรงใสได (Transparent) – มีระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสูละเอียดในระบบ Interlace – มีโปรแกรมสนับสนุนการสรางจํานวนมาก – เรียกดูไดกับ Graphics Browser ทุกตัว – ความสามารถดานการนําเสนอแบบภาพเคลื่อนไหว (GIF Animation) • จุดดอย – ไฟลชนิดนี้ก็มีจุดดอยในเรื่องของการแสดงสี ซึ่งแสดงไดเพียง 256 สี ทําให การ นําเสนอภาพถาย หรือภาพที่ตองการความคมชัดหรือภาพสดใส จะตองอาศัยฟอรแมต อื่น
83.
ไฟลสกุล PNG (Portable
Network Graphics) • จุดเดน – แสดงสีไดสูงสุด 16.7 ลานสี – สนับสนุนสีไดถึงตามคา True color (16 bit, 32 bit หรือ 64 bit) – สามารถกําหนดคาการบีบไฟลไดตามที่ตองการ – มีระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสูละเอียด (Interlace) – สามารถทําพื้นโปรงใสได • จุดดอย – หากกําหนดคาการบีบไฟลไวสูง จะใชเวลาในการคลายไฟลสูงตามไปดวย แตขนาด ของไฟลจะมีขนาดต่ํา – ไมสนับสนุนกับ Graphic Browser รุนเกา สนับสนุนเฉพาะ IE 4 และ Netscape 4 – ความละเอียดของภาพและจํานวนสีขึ้นอยูกับ Video Card – โปรแกรมสนับสนุนในการสรางมีนอย
84.
การแสดงภาษา • เลือกฟอนตที่ตองการจากตัวเลือก Font
โดยเอกสารภาษาไทยควรกําหนด ฟอนตเปน Microsoft Sans Serif, MS Sans Serif หรือ Tahoma สําหรับ เอกสารภาษาอังกฤษ กําหนดเปน Arial • ขนาดตัวอักษร สามารถกําหนดไดอิสระ และเมื่อกําหนดแลว ผูใช ปลายทางยังสามารถปรับเปลี่ยนไดอิสระ • การพิมพขอความไมตองสนใจระยะกั้นหลัง เพราะโปรแกรมจะตัดคําให โดยอัตโนมัติ สําหรับเอกสารภาษาไทย ควรเวนวรรคใหกับประโยคเปน ระยะๆ อยาพิมพติดกัน • การกดปุม <Enter> จะกระทําเมื่อตองการขึ้นบรรทัดใหม, เวนบรรทัด หรือจบพารากราฟ • หากตองการขึ้นบรรทัดใหม กอนจบพารากราฟใหกดปุม <Shift><Enter>
85.
การกําหนดชื่อไฟล และนามสกุลของไฟลเอกสารเว็บ •
ควรใชตัวอักษร a - z หรือตัวเลข 0 - 9 หรือผสมกัน • ตัวอักษร a - z ควรเปนตัวพิมพเล็ก • หามตั้งชื่อไฟลเปนภาษาไทย • ชื่อไฟลแรกของเอกสารเว็บ มักจะใชชื่อ index หรือ default
86.
แนวคิดในการออกแบบ •
เรียนรูจากเว็บไซตตางๆ • ประยุกตรูปแบบจากสิ่งพิมพ • ใชแบบจําลองเปรียบเทียบ • ออกแบบอยางสรางสรรค
87.
แนวทางในการสรางเว็บไซต
13 ขั้นตอนในการพัฒนาเว็บไซต การจัดโครงสรางของเว็บไซต ระบบเนวิแกชั่น การจัดแบงเนื้อที่ในหนาเว็บ สีบอกความหมายอะไรบาง
88.
13 ขั้นตอนในการพัฒนาเว็บไซต Phase 1:
สํารวจปจจัยที่สําคัญ (Research) 1. เปาหมายหลักของเว็บไซต 1.รูจักตัวเอง - กําหนดเปาหมายและสํารวจความพรอม 2. ความตองการของผูใช 2.เรียนรูผูใช – ระบุกลุมผูใชและศึกษาความตองการ 3. กลยุทธในการแขงขัน 3.ศึกษาคูแขง - สํารวจการแขงขันและเรียนรูคูแขง Phase 2: พัฒนาเนื้อหา (Site Content) 1. แนวทางในการออกแบบเว็บไซต 4.สรางกลยุทธการออกแบบ 2. ขอบเขตเนื้อหาการใชงาน 5.หาขอสรุปขอบเขตของเนื้อหา 3. ขอมูลที่ถูกจัดอยางเปนระบบ Phase 3: พัฒนาโครงสรางเว็บไซต (Site Structure) 1. แผนผังโครงสรางขอมูล 6.จัดระบบขอมูล 2. แนวทางการทองเว็บ 7.จัดทําโครงสรางขอมูล 3. ระบบเนวิเกชัน 8.พัฒนาระบบเนวิเกชัน 1. ลักษณะหนาตาของเว็บไซต Phase 4: ออกแบบและพัฒนาหนาเว็บ (Visual design) 2. เว็บเพจตนแบบที่จะใชในการพัฒนา 9.ออกแบบและพัฒนาหนาตาเว็บ 3. รูปแบบโครงสรางเว็บไซต 10.พัฒนาตนแบบและขอกําหนดสุดทาย 4. ขอกําหนดในการพัฒนาเว็บไซต Phase 5: พัฒนาและดําเนินการ (Production and Operation) 1. เว็บไซตที่สมบูรณ 11.ลงมือพัฒนาเว็บเพจ 2. เปดตัวเว็บไซตและทําใหเปนที่รูจัก 12.เปดตัวเว็บไซต 3. แนวทางในการดูแลและพัฒนาตอไป 13.ดูแลและพัฒนาตอเนื่อง
89.
จัดโครงสรางเว็บไซต (Site MAP)
90.
จัดโครงสรางเว็บไซต (Site MAP)
หนา A แบบที่1 ตองคลิ๊ก 6 เพื่อเขาดูขอมูลหนา B แบบที่ 2 คลิ๊กเพียง 2 ครั้งเนื่องจาก โครงสรางขอมูลไมลึกมาก หนา B หนา A หนา B
91.
จัดโครงสรางเว็บไซต (Site MAP)
92.
ระบบเนวิเกชัน เปนการวางการเคลื่อนที่ภายในไซต (Site Flow) เพื่อใหมองเห็นภาพการเชื่อโยงแตละหนาเพจไดชัดเจน
องคกร ฝายวิจัย ฝายวิจัย ฝายบริการ ฝายถายทอด นักวิจัย ผลงานวิจัย นักวิจัย ผลงานวิจัย กําลัง พรอม จดสิทธิบัตร ดําเนินการ ถายทอด
93.
ขั้นตอนการออกแบบ
94.
จัดแบงพื้นที่ในหนาเว็บ (Page Layout) ...รูปแบบการแบงหนาเพจทั่วไปที่พบเห็นบอย
3 รูปแบบ...
95.
96.
Flash Header
------------------------------------------ ---------------------------------------------- --------------------------------------------- Picture Picture Picture --------------------------------------------- -------------------------------------------- -------------------------------------------- -------------------------------------------- ---------------------------- ---------------------------- -------------------------------------------- -------------------------------- -------------------------------- --------------------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- ---------------------------- ---------------------------- ---------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- 1 --- ---------------------------- 1 --- ---------------------------- ---------------------------- ---------------------------- 2 -------------------------------- 2 -------------------------------- -------------------------------- -------------------------------- 3 -------------------------------- 3 -------------------------------- -------------------------------- -------------------------------- 4 -------------------------------- 4 -------------------------------- -------------------------------- -------------------------------- 5 -------------------------------- 5 -------------------------------- Footer
97.
98.
สีบอกความหมายอะไรบาง
สีน้ําเงิน ความหมายในทางดี : ความซื่อสัตย ความมั่นคงปลอดภัย ความสะอาด ความเปน ระเบียบ ความหวง มีน้ําใจ ความมีคุณธรรม ความฉลาดรอบรู ความสะอาด ความสงบ ความ กลมกลืน ความเปนหนึ่ง ความเชื่อมั่น ความหมายในทางไมดี : ความหดหู ซึมเศรา เสียใจ ความโมโห สีแดง ความหมายในทางดี : พลัง อํานาจ ความรัก ความอบอุน ความจริง กําลังใจ อาการขวย เขิน ความแข็งขัน การแขงขัน การเสียสละ ความกลาหาญความเร็ว ความตื่นเตน ความสนุกสนาน ความหมายในทางไมดี : ความโมโห ความกาวราว ความอันตราย ความละอาย ความ รุนแรง ความผิดพลาด สีเขียว ความหมายในทางดี : ธรรมชาติ สุขภาพ ความยินดี การมีโชคดี การเริ่มตนใหม ความปลอดภัย การ รักษาความอบอุน ความแข็งแรง ความหวัง ความสมบูรณ ความกระฉับกระเฉง ความเปน อมตะ ความภักดี ความหมายในทางไมดี : อิจฉา ริษยา โชคราย ขาดประสบการณ ความเบื่อหนาย
99.
สีบอกความหมายอะไรบาง (ตอ1)
สีเหลือง / สีสม ความหมายในทางดี : ความสดใส รางเริง การโมงโลกในแงดี ความหวง ความอบอุน ความร่ํารวย ความสงา งาม ธรรมะ ปรัชญา ความสุขความคิดฝน ความหมายในทางไมดี : ความไมซื่อสตย การทรยศ ความขลาดกลัว ความอิจฉา ความเจ็บปวย การ หลอกลวง ความไมแนนอน สีน้ําตาล ความหมายในทางดี : ความเรียบงาย ความสะดวกสบาย ความทนทาน ความมั่นคง ความเชื่อถือได ความมี เกียรติ ความเจริญเติบโตเต็มที่ ความหมายในทางไมดี : ความเปรอะเปอน อากรซึมเศรา หดหู สลดใจ สีเทา ความหมายในทางดี : ความสภาพ ความสงบเสงี่ยม ความเปนไปได ความมนคง ความไววางใจ วามฉลาด ความสุขุม ความมีเกียรติ ความหมายในทางไมดี : ความเศราโศก ความนาเบื่อ
100.
สีบอกความหมายอะไรบาง (ตอ2)
สีขาว ความหมายในทางดี : ความบริสุทธิ์ ความไรเรียงสา ความรัก ความฉลาด ความสงบเสงี่ยม ความเรียบงาย ความสะอาด การปราศจากเชื้อโรค ความเคารพนับถือ ความนอบนอมถอมตน ความเที่ยงตรง ความดี ความหมายในทางไมดี : ความออนแอ การเจ็บปวย ความตาย ความเศราโศก สีดํา ความหมายในทางดี : อํานาจ ความฉลาด ความเปนเลิศ ความสุขุม ความรอบครอบ ความตั้งใจ ความมนคง ความเปนทางการ ความหมายในทางไมดี : ความซับซอน การหลอกลวง ความลบความกลัว การปกปด ความนากลัว ความชั่ว ราย ความทุกข ความหดหู ความหมดหวง ความเศราโศก ความโกรธ ความลึกลับ
101.
การออกแบบเว็บไซตที่ดี
102.
รูจักกับการออกแบบเว็บไซต
การออกแบบเว็บไซตนั้นไมไดหมายถึงลักษณะหนาตาของเว็บไซต เพียงอยางเดียว แตเกี่ยวของตั้งแตการเริ่มตนกําหนดเปาหมายของ เว็บไซต ระบุกลุมผูใช การจัดระบบขอมูล การสรางระบบเนวิเกชัน การ ออกแบบหนาเว็บ รวมไปถึงการใชกราฟก การเลือกใชสี และการ จัดรูปแบบตัวอักษร นอกจากนั้นยังตองคํานึงถึงความแตกตางของ สื่อกลางในการแสดงผลเว็บไซตดวย รูปตัวอยางเวบไซด http://www.officemate.co.th เปนเว็บที่ออกแบบสวยงามนาใช และมีสีสันสวยงาม
103.
สื่อกลางในการแสดงผลเว็บไซตไดแก ชนิดและรุนของบราวเซอร ขนาดของหนาจอมอนิเตอร ความละเอียดของสีในระบบ
รวมไปถึง Plug-in ชนิดตาง ๆ ที่ผูใชมีอยู เพื่อใหผูใชเกิดความสะดวกและความ พอใจที่จะทองไปในเว็บไซตนั้น ดังนั้นทุกสิ่งทุกอยางในเว็บไซตทั้งที่คุณ มองเห็นและมองไมเห็นลวนเปนผลมาจากกระบวนการออกแบบเว็บไซต ทั้งสิ้น รูปตัวอยางเวบไซด http://www.raycity.in.th เปนเว็บที่ออกแบบสีสัน สวยงามเราใจ
104.
เว็บไซตที่ดูสวยงามหรือมีลูกเลนมากมายนั้น อาจจะไมนับเปนการ ออกแบบที่ดีก็ได ถาความสวยงามและลูกเลนเหลานั้นไมเหมาะสมกับ ลักษณของเว็บไซต
ดวยเหตุนี้จึงเปนเรื่องยากที่จะระบุวาการออกแบบ เว็บไซตที่ดีนั้นเปนอยางไร เนื่องจากไมมีหลักเกณฑแนนอนที่จะใชไดกับ ทุกเว็บไซต รูปตัวอยางเวบไซด http://www.shoppingplace.net/ เปนเว็บที่ออกแบบเรียบงายและเปน ระเบียบสวยงาม
105.
แนวทางการออกแบบบางอยางที่เหมาะสมกับเว็บไซตหนึ่ง อาจจะ ไมเหมาะกับอีกเว็บไซตหนึ่งก็ได ทําใหแนวทางในการออกแบบของแตละ เว็บไซตนั้นแตกตางกันไปตามเปาหมายและลักษณะของเว็บไซตนั้น เว็บไซตบางแหงอาจตองการความสนุกสนาน
บันเทิง ขณะที่เว็บอื่นกลับ ตองการความถูกตอง นาเชื่อถือเปนหลัก รูปตัวอยางเวบไซด http://www.cgd.go.th/ เปนเว็บที่สวยงามและนาเชื่อถือ
106.
ดังนั้นอาจสรุปไดวาการออกแบบที่ดีก็คือ การออกแบบให เหมาะสมกับเปาหมายและลักษณะของเว็บไซต โดยคํานึงถึง ความสะดวกในการใชงานของผูใชเปนหลัก
รูปตัวอยางเวบไซดhttp://www.siamfreestyle.com/ เปนเว็บที่ออกแบบเรียบงายและสะดวกตอการเรียกใช
107.
ออกแบบใหตรงกับเปาหมาย และลักษณะของเว็บไซต
เว็บไซตแตละประเภทตางมีเปาหมายและลักษณะที่แตกตาง กัน ตัวอยางเชน เว็บไซตที่เปน Search Engine ซึ่งเปนแหลง รวมที่อยูของเว็บไซตตาง ๆ ทําหนาที่เปนประตูไปสูเว็บไซตอื่น ๆ เว็บไซตประเภทนี้มีเปาหมายที่จะใหขอมูลที่ผูใชตองการอยาง รวดเร็ว และจะมีผูเขามาใชบริการคนหาขอมูลเปนจํานวนมากใน แตละวัน
108.
ดังนั้นสิ่งที่สําคัญในการออกแบบเว็บไซตประเภทนี้ก็คือ สามารถแสดงหนาเว็บอยางรวดเร็ว เมื่อผูใชเปดเขามาและมี ระบบสืบคนขอมูลที่มีประสิทธิภาพ เพื่อใหไดผลลัพธที่รวดเร็ว
รูปตัวอยางเวบไซด http://www.google.co.th/ เปนเว็บที่สามารถคนหาขอมูลไดรวดเร็ว
109.
สําหรับเว็บเพื่อความบันเทิงหรือเกี่ยวของกับศิลปะนั้น ผูใชมัก คาดหวังที่จะไดพบกับสิ่งที่นาตื่นเตน เรื่องราวที่สนุกสนาน เพลิดเพลิน
หรืออาจจะไดเรียนรูสาระบางอยางบาง ความสําคัญใน การออกแบบเว็บไซตเหลานี้จึงมีมากพอกับเนื้อหาภายในเว็บไซต รูปตัวอยางเวบไซด http://www.talesrunner.in.th เปนเว็บที่ดูสนุกสนาน
110.
สวนเว็บทั่วไปที่ใหบริการขอมูล ซึ่งไมไดมีเปาหมายที่จะให ความบันเทิง ควรจะมีการจัดขอมูลอยางเปนระบบและมีรูปแบบ ที่เขาใจงาย
เพื่อทําใหสามารถเขาถึงขอมูลที่ตองการไดอยาง รวดเร็ว รูปตัวอยางเวบไซด http://www.jobsiam.com/ เปนเว็บที่จัดสรรขอมูลเปนระบบ เขาถึงไดงาย
111.
รูปแสดงตัวอยางเว็บไซตของ Adobe
สวนเว็บไซตขององคกรธุรกิจที่มีเปาหมายเพื่อขายสินคาหรือบริการนั้น ยิ่ง จําเปนตองใหความสําคัญกับการออกแบบเว็บไซตเปนอยางมาก เพราะผูใชหรือลูกคาของ คุณจะตัดสินใจซื้อสินคาหรือบริการ โดยดูจากสิ่งที่พบเห็นในเว็บไซต ซึ่งลักษณะการ ออกแบบของเว็บไซตก็จะสะทอนถึงภาพลักษณของธุรกิจนั้น จึงทําใหเว็บไซตที่ไดรับการ ออกแบบมาอยางดีสามารถสรางความนาเชื่อถือและดึงดูดความสนใจของผูใชไดมากกวา เว็บไซตอื่น
112.
องคประกอบของการออกแบบเว็บไซตอยางมีประสิทธิภาพ
องคประกอบตอไปนี้ถือเปนพื้นฐานที่สําคัญของเว็บไซตที่ไดรับการ ออกแบบมาอยางมีประสิทธิภาพ 1. ความเรียบงาย (Simplicity) หลักที่สําคัญของความเรียบงาย คือ การสื่อสารเนื้อหาถึงผูใชโดยจํากัด องคประกอบ เสริมที่เกี่ยวของกับการนําเสนอใหเหลือเฉพาะสิ่งที่จําเปน เทานั้น รูปตัวอยางเวบไซด http://www.fourfan.com/ เปนเว็บที่ออกแบบเรียบงาย
113.
2. ความสม่ําเสมอ (Consistency)
ใชรูปแบบเดียวกันตลอดทั้งเว็บไซต เนื่องจากผูใชจะรูสึกกับ เว็บไซตวาเปนเสมือนสถานที่จริง ถาลักษณะของแตละหนาในเว็บไซต เดียวกันนั้นแตกตางกันมาก ผูใชก็จะเกิดความสับสนและไมแนใจวา กําลังอยูในเว็บเดิมหรือไม ดังนั้นรูปแบบของหนา สไตลของกราฟก ระบบเนวิเกชัน และโทนสีที่ใชควรจะมีความคลายคลึงกันตลอดทั้ง เว็บไซต
114.
3. ความเปนเอกลักษณ (Identity)
การออกแบบตองคํานึงถึงลักษณะขององคกร เนื่องจากรูปแบบ ของเว็บไซตสามารถสะทอนถึงเอกลักษณ และลักษณะขององคกรนั้น ได รูปตัวอยางเวบไซด http://www.gsb.or.th เปนเว็บที่ออกแบบสีสันเปนเอกลักษณของตนเอง
115.
4. เนื้อหาที่มีประโยชน (Useful
Content) เนื้อหาถือเปนสิ่งที่สําคัญที่สุดในเว็บไซต ดังนั้นในเว็บไซตควร จัดเตรียมเนื้อหาและขอมูล ที่ผูใชตองการใหถูกตองและสมบูรณ โดยมี การปรับปรุงและเพิ่มเติมใหทันตอเหตุการณอยูเสมอ เนื้อหาที่สําคัญที่สุด คือ เนื้อหาที่สรางขึ้นมาเองโดยทีมงานของคุณและไมซ้ํากับเว็บอื่น เพราะ จะเปนสิ่งที่ดึงดูดผูใชใหเขามาในเว็บไซตอยูเสมอ รูปตัวอยางเวบไซด http://www.samunpri.com เปนเว็บที่ออกแบบเรียบงายและ เปนระเบียบสวยงาม
116.
5. ระบบเนวิเกชันที่ใชงานงาย (User-Friendly
Navigation) ระบบเนวิเกชันเปนองคประกอบที่สําคัญมากของเว็บไซต จะตอง ออกแบบใหผูใชเขาใจไดงายและใชงานสะดวก โดยใชกราฟกที่สื่อ ความหมายรวมกับคําอธิบายที่ชัดเจน รวมทั้งมีรูปแบบและลําดับของ รายการที่สม่ําเสมอ
117.
6. มีลักษณะที่นาสนใจ (Visual
Appeal) เปนเรื่องยากที่จะตัดสินวาลักษณะหนาตาของเว็บไซตนาสนใจ หรือไม เพราะเกี่ยวของกับความชอบของแตละบุคคลอยางไรก็ตาม หนาตาของเว็บไซตจะมีความสัมพันธกับคุณภาพขององคประกอบตาง ๆ
118.
7. การใชงานอยางไมจํากัด (Compatibility)
ควรออกแบบเว็บไซตใหผูใชสวนใหญเขาถึงไดมากที่สุด โดยไมมีการบังคับใหผูใชตองติดตั้งโปรแกรมใด ๆ เพิ่มเติม หรือ ตองเลือกใชบราวเซอรชนิดใดชนิดหนึ่งจึงจะสามารถเขาถึง เนื้อหาได สามารถแสดงผลไดในทุกระบบปฏิบัติการและที่ความ ละเอียดหนาจอตางกันอยางไมมีปญหา
119.
8. คุณภาพในการออกแบบ (Design
Stability) ถาตองการใหผูใชรูสึกวาเว็บไซตที่มีคุณภาพ ถูกตอง และเชื่อถือได ก็ควรใหความสําคัญกับการออกแบบเว็บไซตอยางมาก
120.
9. ระบบการใชงานที่ถูกตอง (Functional
Stability) ระบบการทํางานตาง ๆ ในเว็บไซตจะตองมีความแนนอน และทํา หนาที่ไดอยางถูกตอง รูปตัวอยางเวบไซด http://www.settrade.com เปนเว็บที่มีระบบใหขอมูลที่ถูกตอง
121.
ความผิดพลาดในการออกแบบเว็บไซต •
ใชโครงสรางหนาเว็บเปนระบบเฟรม • ใชเทคโนโลยีขั้นสูงโดยไมจําเปน • ใชตัวหนังสือหรือภาพเคลื่อนไหวตลอดเวลา • มีที่อยูเว็บไซตที่ซับซอน (URL) ยากตอการจดจําและพิมพ • ไมมีการแสดงชื่อและที่อยูของเว็บไซตในหนาเว็บเพจ
122.
•
มีความยาวของหนามากเกินไป • ขาดระบบเนวิเกชันที่มีประสิทธิภาพ • ใชสีของลิงคไมเหมาะสม • ขอมูลเกาไมมีการปรับปรุงใหทันสมัย • เว็บเพจแสดงผลชา
123.
กําหนดกลุมผูใชเปาหมาย
การทําเว็บไซตจําเปนตองรูกลุมผูใชเปาหมายที่จะเขามาใช บริการในเว็บไซตอยางชัดเจน เพื่อที่จะตอบสนองความตองการของ ผูใชไดอยางถูกตอง สิ่งที่ผูใชตองการจากเว็บไซต 1. ขอมูลและการใชงานที่เปนประโยชน 2. การตอบสนองตอผูใช 3. ความบันเทิง 4. ของฟรี
124.
ขอมูลหลักที่ควรมีอยูในเว็บไซต 1. ขอมูลเกี่ยวกับบริษัท (About
the company) 2. รายละเอียดผลิตภัณฑ (Product information) 3. ขาวความคืบหนาและขาวจากสื่อมวลชน (News/Press releases) 4. คําถามยอดนิยม (Frequently asked questions) 5. ขอมูลในการติดตอ (Contact information)
Baixar agora