งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

Introduction to HTML, PHP 353352 – Special Problem (Database) Choopan Rattanapoka.

งานนำเสนอที่คล้ายกัน


งานนำเสนอเรื่อง: "Introduction to HTML, PHP 353352 – Special Problem (Database) Choopan Rattanapoka."— ใบสำเนางานนำเสนอ:

1 Introduction to HTML, PHP – Special Problem (Database) Choopan Rattanapoka

2 HTML  HyperText Markup Language  เป็นภาษาที่ถูกออกแบบมาเพื่อพัฒนา เวปเพจ หรือ ข้อมูลต่างๆ ที่สามารถเรียกดูผ่าน web browser  นามสกุลของไฟล์ทั่วไปจะใช้.htm หรือ.html  โครงสร้างพื้นฐานของภาษา HTML จะ ประกอบด้วย Hello What’s up

3 รหัสสีใน HTML  เราสามารถกำหนดสีของฉากพื้นหลัง รวมถึง สีของ ตัวอักษรแล้ว link ต่างๆ ใน HTML ได้ ซึ่งรหัสสีจะอยู่ ในรูปของเลขฐาน 16 (RGB สีละ 8 bits) แล้วขึ้นต้นด้วย เครื่องหมาย “#”  ตัวอย่าง  # (Red = 0, Green = 0, Blue = 0) คือ สีดำ  #FFFFFF (Red = FF, Green = FF, Blue = FF) คือ สีขาว  #FF0000 (Red = FF, Green = 0, Blue = 0) คือ สีแดง  #00FF00 สีเขียว  #0000FF สีน้ำเงิน

4 การเปลี่ยนสีพื้นหลัง และ สีของตัวอักษร  เปลี่ยนสีพื้นหลัง จะสั่งใน tag ของ BODY  เช่น จะเปลี่ยนพื้นหลังให้เป็น สีแดง   เปลี่ยนสีตัวอักษร จะสั่งใน tag ของ BODY เช่นกัน  เช่น จะเปลี่ยนตัวอักษรให้เป็นสีน้ำเงิน   เปลี่ยนสีตัวอักษรเฉพาะที่  Hello

5 Example 1

6 การจัดรูปแบบตัวอักษร  …, …, … เป็นการกำหนดตัวอักษรให้เป็น header  เพื่อทำให้แสดงค่าที่ตำแหน่ง กลางหน้าจอ Hello normal Hello h1 Hello h2 Hello h3 Hello center

7

8 รายละเอียดเพิ่มเติม ควรไปศึกษาเอง ศึกษาเองได้จาก web site :   ตัวอย่างคำสั่งที่ควรรู้จักเช่น  ….. ที่ใช้ในการสร้าง link  ที่ใช้ในการแสดงรูปภาพ  ใช้ในการขึ้นบรรทัดใหม่  ขีดเส้นขั้นบรรทัด  ในการสร้างตาราง

9 HTML FORM  นอกจาก web page จะแสดงข้อความต่างๆ แล้ว เรายังเรา ให้ web page รับข้อมูลจากผู้ใช้ได้อีกด้วย ด้วยการใช้ tag แบบฟอร์ม (FORM)

10 Input : Text Field   ตัวอย่าง : Hello Firstname : Lastname :

11

12 Input : Radio Buttons  Male Female

13 Input : CheckBoxes  bike: car: plane:

14 การส่งผ่านค่าใน FORM  Username : Password :

15 Exercise 1 จงเขียนหน้า web page ดังนี้ : มี title ว่า Exercise 1 พื้นหลังมีสี #AAEEEE คำว่า แบบสอบถาม มีขนาด ให้ตัวแปรที่เก็บค่าของชื่อเล่น มี ชื่อว่า nickname ให้ตัวแปรที่เก็บค่าของเพศชื่อ ว่า sex มีค่า male ถ้าเป็นชาย มีค่า female ถ้าเป็นหญิง ให้ตัวแปรที่เก็บค่าของงาน อดิเรกชื่อ hobby มีค่า read -> อ่านหนังสือ มีค่า game -> เล่นเกมส์ มีค่า sleep -> นอน มีค่า drunk -> เมา

16 PHP  PHP มาจาก PHP : Hypertext Preprocessor  ทำงานที่ฝั่งของ server เช่นเดียวกับ ASP  สามารถทำงานร่วมกับระบบฐานข้อมูลได้หลายชนิด (MySQL, Informix, Oracle, Sybase,..etc)  PHP เป็น open source  PHP ฟรี  PHP สามารถทำงานได้ในหลาย OS (Windows, Linux, Unix, etc..)  Web server เกือบทุกเจ้ารองรับ PHP (IIS, Apache)  โดยปกติจะเป็นแฟ้มข้อมูลที่อยู่ในรูป.php,.php3 หรือ.phtml

17 เริ่มต้นกับ PHP  Syntax ของ PHP จะอยู่ในรูป   หรือ  ทดลองง่ายๆ ก่อนกับฟังค์ชั่น echo  Comment ใน PHP ใช้เหมือนภาษา C, Java

18 Hello World PHP HTML

19 การประกาศตัวแปรใน PHP  ในภาษา PHP จะใช้สัญลักษณ์ $ นำหน้าชื่อตัวแปร เช่น  $myVariable = 5;  $txt = “Hello World”;  PHP เป็นภาษา script ที่ไม่สนใจประเภทของข้อมูลจึงไม่ จำเป็นต้องประกาศประเภทของข้อมูล (int, string,..) ให้กับ ตัวแปร  ตัวอย่าง :

20 Operation  การเชื่อมต่อข้อความ จะเชื่อมต่อด้วยเครื่องหมายจุด “. “  การทำ arithmetic operation ก็ใช้เครื่องหมายเหมือน ภาษา C, java  +, -, *, /, %, ++, --, +=, -=, ==, !=, <=

21 Condition  If-else ลักษณะการทำงานเหมือนกับภาษา C, Java if ( เงื่อนไข ) { คำสั่งถ้าเป็นจริงที่ 1; คำสั่งถ้าเป็นจริงที่ 2; … คำสั่งถ้าเป็นจริงที่ N; } else { คำสั่งถ้าเป็นเท็จ ที่ 1; คำสั่งถ้าเป็นเท็จ ที่ 2; … คำสั่งถ้าเป็นเท็จ ที่ N; }

22 ตัวอย่างยอดฮิต โปรแกรมคิดเกรด = 80) echo “A”; else if($score >= 70) echo “B”; else if($score >= 60) echo “C”; else if($score >= 50) echo “D”; else echo “F”; ?>

23 HTML + PHP  PHP จะสามารถรับค่าจาก form ของ HTML เช่น จาก ตัวอย่างคิดเกรด เราจะทำหน้า web page เพื่อรับค่า score แล้วส่งค่าไปให้ php PHP score :

24 การรับค่าจาก PHP  ใน HTML FORM จะมี method อยู่ 2 แบบ คือ get และ post  การดึงค่าจาก method=“get” จะดึงค่าจากตัวแปรที่ชื่อ $_GET  การดึงค่าจาก method=“post” จะดึงค่าจากตัวแปรที่ชื่อ $_POST  ทั้ง $_GET และ $_POST เป็นตัวแปรชนิด array score : = 80) echo “A”; else if($score >= 70) echo “B”; else if($score >= 60) echo “C”; else if($score >= 50) echo “D”; else echo “F”; ?> grade.html a.php

25 GET และ POST  Method ในระบบ form คือ GET และ POST มีความ แตกต่างกันดังนี้  GET  ค่าที่เราใส่เข้าไปจะถูกแสดงใน URL ของหน้าใน action  ทำให้มีความไม่ปลอดภัยถ้าค่าที่จะส่งอีกหน้าเป็น password เพราะจะถูกแสดงใน URL  แต่จะทำให้สามารถทำ bookmark ได้  POST  ค่าที่ใส่ใน form จะไม่ถูกแสดงใน URL ของหน้าใน action  ทำให้มีความปลอดภัยในข้อมูลที่ส่งระหว่างหน้าเวป  แต่จะไม่สามารถทำ bookmark ได้

26 Exercise 2  จงเขียนหน้าเวปชื่อ ex2.html เพื่อที่จะรับค่า Login และ Password  ถ้าค่า login คือ “ect” และ password คือ “kmutnb” ให้แสดง  คำว่า Welcome เป็นตัวอักษรขนาด H2 สี #0000FF  แต่ถ้าไม่ใช่ ให้แสดง  คำว่า Go away hacker!! เป็นตัวอักษรขนาด H 1 สี #FF0000


ดาวน์โหลด ppt Introduction to HTML, PHP 353352 – Special Problem (Database) Choopan Rattanapoka.

งานนำเสนอที่คล้ายกัน


Ads by Google