Bạn muốn học cách xây dựng một trang web cơ bản? Trước đây bạn có thể đã bắt đầu với HTML, nhưng ngày nay giải pháp tốt nhất là PHP. Ngôn ngữ này đã trở thành lựa chọn tối ưu để xây dựng các trang web, cả tĩnh và động.
Để học PHP, cách tốt nhất để bắt đầu xây dựng một trang web PHP đơn giản.
1. Tại sao chọn PHP để phát triển web?
Có nhiều ngôn ngữ lập trình được dùng để phát triển web trong những năm qua. Bắt đầu là HTML thuần túy, sau đó là HTML có nhúng CSS hoặc tham chiếu tệp CSS. Khi các trang web động ra đời, có hai lựa chọn chính: ASP (sau này là ASP.NET) và PHP.
Theo khảo sát của W3Techs, phát triển web PHP phổ biến hơn rất nhiều, với gần 82% các trang web sử dụng PHP làm ngôn ngữ lập trình phía máy chủ. Trong khi đó, dưới 16% sử dụng ASP.NET.
Có vẻ như ASP.NET sẽ không còn tồn tại sau ngày kết thúc chính thức vào năm 2022, ít nhất không phải như một công nghệ web. PHP đã được chứng minh là thành công hơn, chủ yếu là nhờ tích hợp dễ dàng hơn với Linux, bởi hệ điều hành mã nguồn mở Linux chạy trên hầu hết các máy chủ web.
>>> Đọc ngay: 8 Ứng dụng thực tế hàng đầu của PHP và các bước để theo đuổi ngôn ngữ lập trình PHP
2. Những gì bạn cần để xây dựng một trang web PHP
Trước khi bắt đầu, bạn cần cài đặt một trình soạn thảo văn bản thuần túy 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 code PHP bằng một công cụ đơn giản như Windows Notepad.
Bạn cũng nên có một máy chủ web PHP để tải các file của mình lên. Đây có thể là một máy chủ từ xa hoặc một máy tính cục bộ có cài đặt môi trường LAMP (Linux, Apache, MySQL, PHP) hay WAMP (Windows, Apache, MySQL, PHP).
Cuối cùng, bạn sẽ cần một chương trình FTP để tải các file lên máy chủ web của mình.
3. Hiểu cú pháp để viết mã một trang web đơn giản bằng cách sử dụng mã PHP
Cú pháp cơ bản cho PHP sử dụng một tập hợp các dấu ngoặc nhọn, mỗi hàm kết thúc bằng dấu chấm phẩy, như sau:
Về trang web, hầu hết mọi code PHP đều dựa vào câu lệnh echo. Nó hướng dẫn trình duyệt xuất văn bản và nội dung trong dấu ngoặc kép. Ví dụ:
<?php print("Hello World")?>
Lưu ý rằng HTML cũng được bao gồm trong dấu ngoặc kép. Đầu ra thường sẽ xuất hiện dưới dạng:
4. Lên cấu trúc trang web
Dù bạn viết trang web của mình bằng ngôn ngữ nào, bạn cần biết cấu trúc của trang web trước khi tiếp tục. Hướng dẫn này sẽ chỉ cho bạn cách tạo một trang web từ các tệp PHP có thể tái sử dụng. Chúng có thể được dùng để tạo thêm các trang khác hoặc bạn có thể chọn một cách khác.
Trước khi bắt đầu code, hãy dành thời gian để phác thảo nhanh cấu trúc dự định của trang web trên giấy.
Trang web PHP cơ bản của chúng ta sẽ có một trang chủ, bao gồm thông tin tiểu sử và một số ảnh.
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 nội dung từ 3 trang HTML. Sau đó, tệp index.php bạn tạo có thể được chỉnh sửa bằng cách điều chỉnh các từ và ảnh từ các tệp HTML gốc.
Các ví dụ code được hiển thị bên dưới là ảnh chụp màn hình. Bạn sẽ tìm thấy mã gốc trong kho lưu trữ GitHub ở đây, mà ai cũng có thể tải xuống miễn phí.
>>> Đọc ngay: Hoàn thành khóa học lập trình PHP có thể lập trình được những sản phẩm gì?
5. Tạo một trang web PHP: Header
Để tạo một website bằng PHP, bạn sẽ cần phải xây dựng ba trang web (web pages). Chúng có cấu trúc cơ bản của header, body và footer.
Header 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, chẳng hạn như tiêu chuẩn HTML đang đượ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 là header.html sau đó thêm thông tin header cần thiết.
Trong ví dụ này, chúng tôi đã cung cấp một file CSS cơ bản, bạn sẽ thấy tệp này được tham chiếu trong thư mục /css/ của chính file đó. File này sẽ được gọi khi trang tải trong trình duyệt của bạn và áp dụng phông chữ và bố cục cần thiết.
6. Đưa nội dung vào phần thân trang web
Mỗi trang web bao gồm một phần nội dung được gọi là “body”.
Tạo một file có tên body.html và thêm thông tin bạn muốn đưa vào trang, ví dụ như trong ảnh trên.
>>> Đọc ngay: Những tố chất cần có để có thể học lập trình web PHP
7. Code đơn giản cho footer
Phần footer (chân trang) của trang web là phần tiếp theo. Tạo phần này dưới dạng footer.html và thêm một số nội dung. Đây có thể là thông tin bản quyền, thông tin liên hệ, hoặc có thể là một số đường link hữu ích cho khách truy cập trang của bạn. Ví dụ như:
Sau đó hãy lưu tệp.
8. Tạo website PHP đơn giản
Với ba file HTML riêng biệt trong /html/, bạn có thể dùng PHP echo để biên dịch chúng thành một trang duy nhất.
Tạo một tệp PHP mới có tên là index.php, trong đó có ba dòng sau:
<?php echo file_get_contents("html/header.html"); ?>
<?php echo file_get_contents("html/body.html"); ?>
<?php echo file_get_contents("html/footer.html"); ?>Sau đó lưu và tải tệp lên máy chủ của bạn, rồi duyệt đến index.php. Bạn sẽ thấy website đã hoàn chỉnh trong trình duyệt của mình. Hãy nhớ rằng tệp PHP thực mà bạn đã mở trong trình duyệt chỉ bao gồm ba dòng.
Cuối cùng, bạn có thể thêm một chút PHP vào dòng cuối, bao gồm một thông báo về bản quyền và năm được cập nhật:
<p>Copyright © CM Cawley <?php echo date("Y"); ?></p>Nó sẽ xuất hiện trong tệp index.php sau footer. Lưu ý cách câu lệnh echo date (“Y”) hiển thị năm hiện tại bằng 4 chữ số.
Sử dụng CSS để định vị và style nó, như cách bạn làm với bất kỳ element nào khác. Bạn có thể tìm CSS cho dự án này trong kho lưu trữ GitHub, cùng với code website PHP đơn giản khác.
Vậy là bạn vừa tạo trang web PHP đầu tiên của mình. Nếu có bất kỳ thắc mắc nào, hãy để lại dưới phần bình luận để được giải đáp nhé.
>>> Tìm hiểu ngay các khóa học lập trình của FUNiX tại:
>>> Xem thêm nhiều hơn bài viết tại đây:
- Hướng dẫn xây dựng một website PHP đơn giản
- Tự học lập trình web PHP khó hay dễ? Tại sao nên dành thời gian tự học lập trình?
- Tìm hiểu khái niệm Select Query trong lập trình PHP
- Làm thế nào để trở thành một nhà lập trình PHP?
Vân Nguyễn
Dịch từ: https://www.makeuseof.com/tag/build-simple-php-website/
Bình luận (0
)