Bạn muốn tìm hiểu cách xây dựng một trang web cơ bản? Thay vì sử dụng HTML truyền thống, hiện nay PHP là lựa chọn tốt nhất. Mặc dù bạn cần một số kiến thức về HTML để bắt đầu, nhưng PHP đã trở thành một công nghệ tối ưu để xây dựng trang web, cả tĩnh và động.
Để bắt đầu học PHP, cách tốt nhất là bắt đầu với một trang web PHP đơn giản.
Tại sao chọn PHP để phát triển trang web?
Có nhiều lựa chọn để phát triển trang web trong những năm qua. Bắt đầu từ HTML đơn giản, sau đó là HTML với CSS được nhúng hoặc tham chiếu file CSS. Khi các trang web động xuất hiện, có hai lựa chọn chính: ASP (sau này là ASP.NET) và PHP.
Theo số liệu (như khảo sát của W3Techs), PHP được sử dụng rộng rãi hơn nhiều, với gần 82% các trang web sử dụng nó làm ngôn ngữ lập trình phía máy chủ. So sánh điều này với chỉ dưới 16% sử dụng ASP.
ASP sẽ chỉ được hỗ trợ đến năm 2022. PHP đã chứng minh thành công hơn, chủ yếu nhờ tích hợp dễ dàng hơn với Linux. Vì hệ điều hành mã nguồn mở này chạy trên hầu hết các máy chủ web, nên điều này không quá ngạc nhiên.
Bạn cần gì để xây dựng một trang web PHP?
Trước khi bắt đầu, hãy chắc chắn rằng bạn đã cài đặt một trình soạn thảo văn bản đơn giản hoặc môi trường phát triển đã sẵn sàng cho PHP. Bạn có thể bắt đầu viết mã PHP bằng một công cụ đơn giản như Windows Notepad. Các ví dụ trong hướng dẫn này được viết trong Notepad++.
Bạn cũng cần có một máy chủ web PHP để tải các tệp lên. Điều này có thể là máy chủ từ xa hoặc máy tính cục bộ có môi trường LAMP (Linux, Apache, MySQL, PHP) hoặc WAMP (Windows, Apache, MySQL, PHP) đã được cài đặt. Nếu bạn sử dụng Windows, hãy làm theo hướng dẫn cài đặt WAMP để bắt đầu.
Cuối cùng, bạn sẽ cần một chương trình FTP để tải lên các tệp lên máy chủ web.
Bắt đầu với PHP: Cú pháp
Cú pháp cơ bản của PHP sử dụng một tập hợp dấu ngoặc nhọn, với mỗi hàm kết thúc bằng dấu chấm phẩy. Ví dụ:
Về trang web, hầu hết các trường hợp sử dụng PHP đều phụ thuộc vào lệnh echo. Lệnh này chuyển hướng trình duyệt để xuất văn bản và nội dung trong dấu ngoặc kép. Ví dụ:
Hello World!"; ?>Lưu ý rằng HTML cũng được bao gồm trong dấu ngoặc kép. Kết quả của lệnh này thường sẽ xuất hiện như sau:
Xây dựng một trang web: Cấu trúc
Cho dù bạn viết bất kỳ code nào cho trang web của mình, trước tiên bạn cần biết cấu trúc của trang web. Hướng dẫn này sẽ chỉ cho bạn cách tạo một trang duy nhất từ các tệp PHP có thể sử dụng lại. Những tệp này có thể được sử dụng để tạo các trang bổ sung hoặc bạn có thể chọn một cách tiếp cận khác.
Cho dù bạn có ý tưởng trang web bạn đang phát triển theo hướng nào, hãy dành thời gian để ghi lại một kế hoạch nhanh chóng trên giấy. Sau đó, bạn có thể tham khảo bảng này để kiểm tra nội dung dự định hoặc xem trang nào để liên kết nó.
Ví dụ trong bài viết này sẽ là một trang chủ cơ bản, bao gồm thông tin tiểu sử và một số hình ảnh.
Đối với trang web PHP đơn giản này, bạn sẽ tạo một trang PHP duy nhất, được điền bởi nội dung từ 3 tệp HTML. Sau đó, tệp index.php bạn tạo có thể được chỉnh sửa bằng cách thay đổi từ và hình ảnh từ tệp HTML gốc.
Bạn có thể tìm thấy các ví dụ code trong kho GitHub miễn phí tại đây.
Bắt đầu trang web của bạn: Header PHP
Để bắt đầu trang web, bạn sẽ cần xây dựng 3 trang web. Chúng dựa trên một cấu trúc cơ bản gồm phần tiêu đề, phần thân và phần chân trang.
Như bạn có thể đoán, phần tiêu đề bao gồm thông tin tiêu đề. Tuy nhiên, nó cũng bao gồm thông tin cho trình duyệt, ví dụ như tiêu chuẩn HTML được sử dụng, cùng với các tham chiếu CSS.
Bắt đầu bằng cách tạo một tệp có tên header.html sau đó thêm thông tin tiêu đề cần thiết.
Trong ví dụ này, chúng tôi đã sử dụng một tệp CSS cơ bản mà bạn sẽ thấy được tham chiếu tại thư mục /css/ trong cùng tệp tin. Tệp này sẽ được gọi khi trang web được tải trong trình duyệt của bạn, áp dụng kiểu chữ và bố cục cần thiết.
Đặt nội dung trong phần thân của trang web PHP
Mỗi trang web đều có một phần nội dung được gọi là "body". Đây là phần của trang mà bạn đang đọc, nghĩa là phần thân của trang này.
Thêm thông tin bạn muốn hiển thị vào tệp có tên body.html. Bạn có thể thêm bất kỳ thông tin gì bạn muốn.
Sử dụng phần chân trang PHP trong trang web
Tiếp theo là phần chân trang của trang web. Tạo một tệp với tên footer.html và thêm một số nội dung. Điều này có thể là thông tin bản quyền hoặc có lẽ một số liên kết hữu ích cho bất kỳ ai truy cập trang của bạn.
Phần chân trang có thể giống như ví dụ sau:
Với code đã được thêm vào, lưu tệp.
Kết hợp tất cả các phần với nhau
Với 3 tệp HTML riêng biệt trong thư mục /html/, bạn có thể sử dụng echo PHP để kết hợp chúng thành một trang duy nhất.
Tạo một tệp PHP mới có tên index.php với ba dòng sau:
Lưu tệp, tải lên máy chủ, sau đó duyệt đến index.php. Bạn sẽ thấy trang web hoàn chỉnh trong trình duyệt của mình. Hãy nhớ rằng tệp PHP thực tế bạn mở trong trình duyệt của mình chỉ có ba dòng.
Cuối cùng, bạn có thể thêm một số tùy chỉnh cho PHP với dòng cuối cùng, bao gồm thông báo bản quyền:
Bản quyền © CM Cawley
Thông báo này sẽ xuất hiện trong tệp index.php theo phần chân trang. Hãy lưu ý cách echo date("Y") hiển thị năm hiện tại theo định dạng 4 chữ số. Bạn có thể thay đổi cách hiển thị bằng cách tham khảo danh sách tùy chọn W3Schools. Ví dụ, một chữ thường "y" sẽ hiển thị năm theo định dạng 2 chữ số, thay vì 4.
Sử dụng CSS để thiết kế và định vị nó, giống như bạn làm với bất kỳ phần tử nào khác. Bạn có thể tìm CSS cho dự án này trong GitHub, cùng với các tệp khác.
Chúc mừng! Bạn đã tạo ra trang web PHP đơn giản đầu tiên của mình.
PHP có phải là lựa chọn tốt nhất cho các trang web mã hóa không?
Như bạn đã biết, PHP không phải là cách duy nhất để phát triển trang web. Có nhiều framework khác nhau đã tồn tại cho trải nghiệm web dựa trên cơ sở dữ liệu động, bao gồm JavaScript, các công nghệ liên quan và các phần mềm như Adobe Dreamweaver.
Tuy nhiên, nếu bạn muốn bắt đầu với việc phát triển web, hãy thông minh khi đánh giá cao những kiến thức cơ bản. Nếu bạn hiểu rõ về các building block cho trang web bao gồm HTML, CSS và PHP, bạn sẽ hoàn thành công việc một cách tốt nhất.
Hy vọng rằng bài viết này đã giúp bạn!