วิธีสร้างเว็บไซต์ PHP อย่างง่ายแห่งแรกของคุณ

วิธีสร้างเว็บไซต์ PHP อย่างง่ายแห่งแรกของคุณ

ต้องการเรียนรู้วิธีสร้างเว็บไซต์พื้นฐานหรือไม่? เมื่อคุณเริ่มใช้ HTML แล้ว แต่ในปัจจุบัน ทางออกที่ดีที่สุดคือ PHP แม้ว่าคุณจะต้องมีความรู้เกี่ยวกับ HTML เพื่อเริ่มต้น แต่ PHP ได้กลายเป็นตัวเลือกที่ดีที่สุดสำหรับการสร้างเว็บไซต์ ทั้งแบบคงที่และแบบไดนามิก





ในการเรียนรู้ PHP วิธีที่ดีที่สุดในการเริ่มต้นคือการใช้เว็บไซต์ PHP อย่างง่าย



ทำไมต้องเลือก PHP สำหรับการพัฒนาเว็บไซต์?

มีตัวเลือกมากมายสำหรับการพัฒนาเว็บในช่วงหลายปีที่ผ่านมา มันเริ่มต้นด้วย HTML ธรรมดา จากนั้นเป็น HTML ที่มี CSS ฝังตัวหรือการอ้างอิงไฟล์ CSS เมื่อเว็บไซต์ไดนามิกเข้ามา มีสองตัวเลือกหลัก: ASP (ภายหลัง ASP.NET) และ PHP





ตามตัวเลข (เช่น แบบสำรวจ W3Techs นี้ ) PHP เป็นที่นิยมมากกว่ามาก โดยเกือบ 82 เปอร์เซ็นต์ของเว็บไซต์ใช้ภาษานี้เป็นภาษาโปรแกรมฝั่งเซิร์ฟเวอร์ เปรียบเทียบสิ่งนี้กับน้อยกว่า 16 เปอร์เซ็นต์โดยใช้ ASP.NET

ดูเหมือนว่าไม่น่าเป็นไปได้ที่ ASP.NET จะอยู่เกินวันที่กำหนดปิดอย่างเป็นทางการในปี 2565 ในทุกความสามารถอย่างเป็นทางการ อย่างน้อยก็ไม่ใช่ในฐานะเทคโนโลยีเว็บ PHP (ตัวย่อแบบเรียกซ้ำสำหรับ PHP Hypertext Preprocessor) ได้รับการพิสูจน์แล้วว่าประสบความสำเร็จมากขึ้น ส่วนใหญ่ต้องขอบคุณการรวมเข้ากับ Linux ที่ง่ายขึ้น



เนื่องจากระบบปฏิบัติการโอเพ่นซอร์สทำงานบนเว็บเซิร์ฟเวอร์ส่วนใหญ่ จึงไม่น่าแปลกใจเลย

สิ่งที่คุณต้องการเพื่อสร้างเว็บไซต์ PHP

ก่อนที่คุณจะเริ่มต้น ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งโปรแกรมแก้ไขข้อความธรรมดาหรือสภาพแวดล้อมการพัฒนาที่พร้อมใช้งาน PHP คุณสามารถเริ่มเขียนโค้ด PHP ด้วยเครื่องมือง่ายๆ อย่าง Windows Notepad ตัวอย่างที่พบในบทช่วยสอนนี้เขียนใน Notepad++



คุณควรมีเว็บเซิร์ฟเวอร์ PHP เพื่ออัปโหลดไฟล์ของคุณ นี่อาจเป็นเซิร์ฟเวอร์ระยะไกลหรือคอมพิวเตอร์ในระบบที่ติดตั้งสภาพแวดล้อม LAMP (Linux, Apache, MySQL, PHP) หรือ WAMP (Windows, Apache, MySQL, PHP) หากคุณกำลังใช้ Windows ให้ทำตามนี้ คู่มือการติดตั้ง WAMP ที่จะเริ่มต้น.

สุดท้าย คุณจะต้องใช้โปรแกรม FTP เพื่ออัปโหลดไฟล์ของคุณไปยังเว็บเซิร์ฟเวอร์ของคุณ



อ่านเพิ่มเติม: ไคลเอนต์ FTP ฟรีสำหรับ Windows

ทำความเข้าใจไวยากรณ์เพื่อเขียนโค้ดเว็บไซต์อย่างง่ายโดยใช้ PHP

ไวยากรณ์พื้นฐานสำหรับ PHP ใช้ชุดวงเล็บเหลี่ยม โดยแต่ละฟังก์ชันจะลงท้ายด้วยเซมิโคลอนดังนี้:

ในแง่ของหน้าเว็บ เกือบทุกการใช้ PHP อาศัยคำสั่ง echo สิ่งนี้แนะนำให้เบราว์เซอร์แสดงข้อความและเนื้อหาในเครื่องหมายคำพูด ตัวอย่างเช่น:

วิธีรับ wifi โดยไม่ต้องเชื่อมต่ออินเทอร์เน็ต

โปรดทราบว่า HTML จะรวมอยู่ในเครื่องหมายคำพูดด้วย ผลลัพธ์สำหรับสิ่งนี้มักจะปรากฏเป็น:

สร้างเว็บไซต์ด้วย PHP: โครงสร้าง

ไม่ว่าคุณจะเขียนโค้ดอะไรในเว็บไซต์ คุณจะต้องรู้โครงสร้างของเว็บไซต์ก่อนดำเนินการต่อ บทช่วยสอนนี้จะแสดงวิธีสร้างหน้าเดียวจากไฟล์ PHP ที่นำกลับมาใช้ใหม่ได้ สิ่งเหล่านี้อาจถูกใช้เพื่อสร้างหน้าเพิ่มเติม หรือคุณอาจเลือกวิธีการอื่น

ไม่ว่าคุณจะมองเห็นรูปแบบใดของไซต์ที่กำลังพัฒนา ให้ใช้เวลาในการจดแผนสั้นๆ ลงบนแผ่นกระดาษ จากนั้นคุณสามารถอ้างอิงถึงสิ่งนี้ บางทีเพื่อตรวจสอบเนื้อหาที่ต้องการหรือดูว่าหน้าใดที่จะเชื่อมโยง

การติดตามบน facebook หมายถึงอะไร

เว็บไซต์ PHP พื้นฐานของเราจะมีโฮมเพจ รวมถึงข้อมูลชีวประวัติและรูปภาพบางส่วน

สำหรับเว็บไซต์ PHP แบบง่ายนี้ คุณจะต้องสร้างหน้า PHP หน้าเดียวที่มีเนื้อหาจากหน้า HTML สามหน้า ไฟล์ index.php ที่คุณสร้างจะสามารถแก้ไขได้โดยการปรับคำและรูปภาพจากไฟล์ HTML ดั้งเดิม

ตัวอย่างโค้ดที่แสดงด้านล่างเป็นภาพหน้าจอ คุณจะพบรหัสต้นฉบับใน ที่เก็บ GitHub ของฉัน ซึ่งทุกคนสามารถดาวน์โหลดได้ฟรี

สร้างเว็บไซต์ PHP: The Header

ในการสร้างเว็บไซต์โดยใช้ PHP คุณจะต้องสร้างหน้าเว็บสามหน้า สิ่งเหล่านี้ขึ้นอยู่กับโครงสร้างพื้นฐานของส่วนหัว เนื้อหา และส่วนท้าย

อย่างที่คุณอาจเดาได้ ส่วนหัวมีข้อมูลชื่อเรื่อง อย่างไรก็ตาม ข้อมูลสำหรับเบราว์เซอร์ยังรวมอยู่ด้วย เช่น มาตรฐาน HTML ที่ใช้อยู่ พร้อมด้วยข้อมูลอ้างอิง CSS

เริ่มต้นด้วยการสร้างไฟล์ชื่อ header.html จากนั้นเพิ่มข้อมูลส่วนหัวที่จำเป็น

สำหรับตัวอย่างนี้ เราได้จัดเตรียมไฟล์ CSS พื้นฐาน ซึ่งคุณจะเห็นว่ามีการอ้างอิงในไดเร็กทอรี /css/ ของตัวเอง ไฟล์นี้จะถูกเรียกเมื่อหน้าเว็บโหลดในเบราว์เซอร์ของคุณและใช้แบบอักษรและเลย์เอาต์ที่จำเป็น

ใส่เนื้อหาในเนื้อหาหน้าเว็บ PHP ของคุณ

ทุกหน้าเว็บประกอบด้วยส่วนเนื้อหาที่เรียกว่า 'เนื้อหา' นี่เป็นส่วนหนึ่งของหน้าที่คุณอ่าน---สิ่งที่คุณกำลังอ่านอยู่ตอนนี้คือเนื้อหาของหน้านี้

สร้างไฟล์ชื่อ body.html และเพิ่มข้อมูลที่คุณต้องการรวมไว้ในเพจ ฉันได้รวมรายละเอียดชีวประวัติจากหน้าผู้เขียน MakeUseOf ของฉัน แต่คุณสามารถเพิ่มสิ่งที่คุณต้องการได้

ส่วนท้ายของหน้าเว็บอยู่ถัดไป สร้างสิ่งนี้เป็น footer.html และเพิ่มเนื้อหาบางส่วน นี่อาจเป็นข้อมูลลิขสิทธิ์ หรืออาจเป็นลิงก์ที่มีประโยชน์สำหรับผู้ที่เข้าชมเพจของคุณ

อาจเป็นดังนี้:

เมื่อเพิ่มรหัสแล้ว ให้บันทึกไฟล์

รวบรวมเว็บไซต์ PHP อย่างง่ายของคุณเข้าด้วยกัน

ด้วยไฟล์ HTML แยกกันสามไฟล์ใน /html/ คุณสามารถใช้ PHP echo เพื่อคอมไพล์ให้เป็นหน้าเดียวได้

สร้างไฟล์ PHP ใหม่ชื่อ index.php โดยมีสามบรรทัดต่อไปนี้:



บันทึก อัปโหลดไปยังเซิร์ฟเวอร์ของคุณ จากนั้นเรียกดู index.php คุณควรเห็นหน้าเว็บที่เสร็จสมบูรณ์ในเบราว์เซอร์ของคุณ โปรดทราบว่าไฟล์ PHP จริงที่คุณเปิดในเบราว์เซอร์ของคุณมีเพียงสามบรรทัด

สุดท้ายคุณสามารถเพิ่ม PHP เล็กน้อยกับบรรทัดสุดท้ายได้ รวมประกาศลิขสิทธิ์พร้อมปีที่อัปเดตอยู่เสมอ:

Copyright © CM Cawley

ซึ่งจะปรากฏในไฟล์ index.php ต่อจากส่วนท้าย สังเกตว่าคำสั่ง echo date('Y') แสดงปีปัจจุบันเป็นตัวเลขสี่หลักอย่างไร คุณสามารถเปลี่ยนวิธีการแสดงได้โดยอ้างอิงรายการตัวเลือก W3Schools นี้ ตัวอย่างเช่น ตัวพิมพ์เล็ก 'y' จะแสดงปีในรูปแบบตัวเลขสองหลัก แทนที่จะเป็นสี่

ใช้ CSS เพื่อจัดตำแหน่งและจัดรูปแบบ เช่นเดียวกับที่คุณทำกับองค์ประกอบอื่นๆ ค้นหา CSS สำหรับโปรเจ็กต์นี้ในที่เก็บ GitHub พร้อมกับโค้ดเว็บไซต์ PHP อื่นๆ

ธีมเครื่องเล่นเดสก์ท็อปของ Google Play เพลง

ทำได้ดีมาก---คุณเพิ่งสร้างเว็บไซต์ PHP แรกของคุณตั้งแต่เริ่มต้น

PHP เป็นตัวเลือกที่ดีที่สุดสำหรับการเข้ารหัสเว็บไซต์หรือไม่?

ตามที่คุณอาจได้รวบรวมมา PHP ไม่ใช่วิธีเดียวในการพัฒนาเว็บไซต์ เฟรมเวิร์กจำนวนมากมีอยู่แล้วสำหรับประสบการณ์เว็บที่ขับเคลื่อนด้วยฐานข้อมูลแบบไดนามิก มี JavaScript และเทคโนโลยีที่เกี่ยวข้อง และซอฟต์แวร์เช่น Adobe Dreamweaver

อย่างไรก็ตาม หากคุณต้องการเริ่มต้นการพัฒนาเว็บไซต์ ควรชื่นชมพื้นฐาน หากคุณเข้าใจโครงสร้างเว็บไซต์ของ HTML, CSS และ PHP แสดงว่าคุณกำลังประสบความสำเร็จ

แบ่งปัน แบ่งปัน ทวีต อีเมล เรียนรู้ HTML และ CSS ด้วยบทช่วยสอนทีละขั้นตอนเหล่านี้

อยากรู้เกี่ยวกับ HTML, CSS และ JavaScript? หากคุณคิดว่าคุณมีความสามารถพิเศษในการเรียนรู้วิธีสร้างเว็บไซต์ตั้งแต่เริ่มต้น นี่คือบทแนะนำทีละขั้นตอนที่ยอดเยี่ยมที่ควรค่าแก่การลอง

อ่านต่อไป หัวข้อที่เกี่ยวข้อง
  • การเขียนโปรแกรม
  • การพัฒนาเว็บ
  • การเขียนโปรแกรม
  • การเขียนโปรแกรม PHP
เกี่ยวกับผู้เขียน Christian Cawley(ตีพิมพ์บทความ 1510)

รองบรรณาธิการด้านความปลอดภัย, Linux, DIY, การเขียนโปรแกรม และผู้ผลิตพอดคาสต์ที่มีประโยชน์มาก โดยมีประสบการณ์อย่างกว้างขวางในการสนับสนุนเดสก์ท็อปและซอฟต์แวร์ Christian เป็นผู้สนับสนุนนิตยสาร Linux Format เป็นนักประดิษฐ์ Raspberry Pi คนรักเลโก้และแฟนเกมย้อนยุค

เพิ่มเติมจาก Christian Cawley

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก