210 likes | 383 Views
World Wide Web. NETWORK. You will know. หัวเรื่องหลักๆทั้งหมด 5 หัวข้อดังนี้. Basic Web Concept. Web application in daily life. Essential Web Developer Language. How they work ?. Web Technology for web developer. Basic Web Concept. Protocol. Port 80. B R O W S E R.
E N D
World Wide Web NETWORK
You will know หัวเรื่องหลักๆทั้งหมด 5 หัวข้อดังนี้ Basic Web Concept Web application in daily life Essential Web Developer Language How they work ? Web Technology for web developer
Basic Web Concept Protocol Port 80 B R O W S E R
www.google.com IP ของเครื่อง host 113.21.241.59 data
Web application in daily life Essential Web Developer Language How they work ? Web Technology for web developer
Web application in daily life GOOGLE Search Engine
HOW GOOGLE WORK ?? WEB PAGE Content Content LINKED PAGE Indexers DATABASE
Blog Instant Messaging Social Network Yahoo Chat 90’Web chat
Essential Web Developer Language How they work ? Web Technology for web developer
Essential Web Developer Language <html> <head> <title>ตรงนี้ใส่ข้อความที่ต้องการแสดงที่ส่วนหัวแถบ browser</title> </head> <body> ตรงนี้ใส่ข้อความที่ต้องการแสดงผลไปเลยๆ </body> </html> HTML TAGS
<br /> เว้นเพื่อขึ้นบรรทัดใหม่ <center>…</center> จัดอักษรให้อยู่ตรงกลาง <hr> ขีดเส้นแบ่งให้ข้อความ <h1>…</h1> ทำตัวอักษรให้ใหญ่ขึ้น <h2>…</h2> <h3>…</h3> <h4>…</h4> ใส่ภาพ picture.png ลงเว็บต้องอยู่ Folder เดียวกัน <imgsrc=”picture.png”> <imgsrc=”../pic/pic.png”>
HTML 5 Canvas Draw Embedded Clip or Music Friendly code ETC …
PHP PHP Hypertext Preprocessor • ประมวลผล ข้อมูล dynamic • ติดต่อฐานข้อมูลผ่าน SQL OppaGangnum Style !! OppaGangnum Style !! OppaGangnum Style !! OppaGangnum Style !! OppaGangnum Style !! OppaGangnum Style !! สามารถใช้กับ Loop อื่นๆทุกรูปแบบ
Javascript • ประมวลผลที่ฝั่ง Client • เพิ่มลูกเล่นต่างๆให้เว็บ ส่วน java script กำหนดให้ tags ที่มี id “text” แสดงเวลาปัจจุบัน เรียก javascript function displayDate() เมื่อคลิกที่ปุ่ม เป็นส่วน html tags id=“text” นั่นคือมันจะแสดงเวลาที่นี่ Html Tags <script>….</script>
How they work ? Web Technology for web developer
How They Work ? www.yourdomain.com/phpmyadmin Html จัดหน้าเว็บให้เป็นระเบียบ ทำงานร่วมกับ CSS Database PHP Code mySQL Javascript • ประมวลผลข้อมูลที่ต้องเปลี่ยนแปลงอยู่ตลอด • ดึงข้อมูลจากฐานข้อมูล เนื่องจากประมวลผลฝั่ง Client สามารถแสดงผล ทันทีกับผู้ใช้โดยไม่ต้อง refresh
Web Technology For Developer ช่วยให้การสร้างเว็บเป็นไปง่ายขึ้น Framework
CMS Joomla , Wordpress , drupal
Premium For Every KMITL Student บริการ host ฟรีสำหรับนักศึกษา KMITL http://webserv.kmitl.ac.th ดูแลโดย Computer System Administrator Group(CSAG)