1 / 21

NETWORK

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.

alexandra-zane
Download Presentation

NETWORK

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. World Wide Web NETWORK

  2. You will know หัวเรื่องหลักๆทั้งหมด 5 หัวข้อดังนี้ Basic Web Concept Web application in daily life Essential Web Developer Language How they work ? Web Technology for web developer

  3. Basic Web Concept Protocol Port 80 B R O W S E R

  4. www.google.com IP ของเครื่อง host 113.21.241.59 data

  5. Web application in daily life Essential Web Developer Language How they work ? Web Technology for web developer

  6. Web application in daily life GOOGLE Search Engine

  7. HOW GOOGLE WORK ?? WEB PAGE Content Content LINKED PAGE Indexers DATABASE

  8. Blog Instant Messaging Social Network Yahoo Chat 90’Web chat

  9. Essential Web Developer Language How they work ? Web Technology for web developer

  10. Essential Web Developer Language <html>  <head>    <title>ตรงนี้ใส่ข้อความที่ต้องการแสดงที่ส่วนหัวแถบ browser</title>  </head>  <body> ตรงนี้ใส่ข้อความที่ต้องการแสดงผลไปเลยๆ  </body> </html> HTML TAGS

  11. <br /> เว้นเพื่อขึ้นบรรทัดใหม่ <center>…</center> จัดอักษรให้อยู่ตรงกลาง <hr> ขีดเส้นแบ่งให้ข้อความ <h1>…</h1> ทำตัวอักษรให้ใหญ่ขึ้น <h2>…</h2> <h3>…</h3> <h4>…</h4> ใส่ภาพ picture.png ลงเว็บต้องอยู่ Folder เดียวกัน <imgsrc=”picture.png”> <imgsrc=”../pic/pic.png”>

  12. HTML 5 Canvas Draw Embedded Clip or Music Friendly code ETC …

  13. PHP PHP Hypertext Preprocessor • ประมวลผล ข้อมูล dynamic • ติดต่อฐานข้อมูลผ่าน SQL OppaGangnum Style !! OppaGangnum Style !! OppaGangnum Style !! OppaGangnum Style !! OppaGangnum Style !! OppaGangnum Style !! สามารถใช้กับ Loop อื่นๆทุกรูปแบบ

  14. Javascript • ประมวลผลที่ฝั่ง Client • เพิ่มลูกเล่นต่างๆให้เว็บ ส่วน java script กำหนดให้ tags ที่มี id “text” แสดงเวลาปัจจุบัน เรียก javascript function displayDate() เมื่อคลิกที่ปุ่ม เป็นส่วน html tags id=“text” นั่นคือมันจะแสดงเวลาที่นี่ Html Tags <script>….</script>

  15. How they work ? Web Technology for web developer

  16. How They Work ? www.yourdomain.com/phpmyadmin Html จัดหน้าเว็บให้เป็นระเบียบ ทำงานร่วมกับ CSS Database PHP Code mySQL Javascript • ประมวลผลข้อมูลที่ต้องเปลี่ยนแปลงอยู่ตลอด • ดึงข้อมูลจากฐานข้อมูล เนื่องจากประมวลผลฝั่ง Client สามารถแสดงผล ทันทีกับผู้ใช้โดยไม่ต้อง refresh

  17. Web Technology for web developer

  18. Web Technology For Developer ช่วยให้การสร้างเว็บเป็นไปง่ายขึ้น Framework

  19. CMS Joomla , Wordpress , drupal

  20. Premium For Every KMITL Student บริการ host ฟรีสำหรับนักศึกษา KMITL http://webserv.kmitl.ac.th ดูแลโดย Computer System Administrator Group(CSAG)

  21. Thank you for your attention

More Related