Cách xây dựng trang web PHP đơn giản đầu tiên của bạn

Cách xây dựng trang web PHP đơn giản đầu tiên của bạn

Bạn muốn học cách xây dựng một trang web cơ bản? Một khi 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. Mặc dù bạn sẽ cần một số kiến ​​thức về HTML để bắt đầu, nhưng PHP đã 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 là với một trang web PHP đơn giản.





Tại sao chọn PHP để phát triển trang web?

Nhiều tùy chọn khác nhau đã có sẵn để phát triển web trong những năm qua. Nó bắt đầu với 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 số liệu (chẳng hạn như khảo sát W3Techs này ) PHP phổ biến hơn rất nhiều, với gần 82% các trang web sử dụng nó như một 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 phần trăm sử dụng ASP.NET.

Có vẻ như ASP.NET sẽ không tồn tại sau ngày kết thúc chính thức vào năm 2022 với bất kỳ khả năng chính thức nào, ít nhất không phải là một công nghệ web. PHP (từ viết tắt đệ quy của PHP Hypertext Preprocessor) đã đượ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.



Vì hệ điều hành mã nguồn mở chạy trên hầu hết các máy chủ web, điều này không có gì đáng ngạc nhiên.

Những gì bạn cần để xây dựng một trang web PHP

Trước khi bắt đầu, hãy đảm bảo rằng bạ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 mã PHP bằng một công cụ đơn giản như Windows Notepad. Các ví dụ được tìm thấy trong hướng dẫn này đã được viết bằng Notepad ++.





Bạn cũng nên có một máy chủ web PHP để tải các tệp 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) hoặc WAMP (Windows, Apache, MySQL, PHP). Nếu bạn đang 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 các tệp lên máy chủ web của mình.





Đọc thêm: Ứng dụng khách FTP miễn phí dành cho Windows

Hiểu cú pháp để viết mã một trang web đơn giản bằng 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, với 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 hoạt động sử dụng PHP đều dựa vào câu lệnh echo. Thao tác này 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ụ:

sự khác biệt giữa màn hình và TV

Lưu ý rằng HTML cũng được bao gồm trong dấu ngoặc kép. Đầu ra cho điều này thường sẽ xuất hiện dưới dạng:

Xây dựng một trang web với PHP: Cấu trúc

Bất kể mã nào bạn đang viết trang web của mình, bạn sẽ 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 duy nhất từ ​​các tệp PHP có thể tái sử dụng. Chúng 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.

Dù bạn thấy trang web đang phát triển theo hình dạng nào, hãy dành thời gian để ghi nhanh một kế hoạch trên một tờ giấy. Sau đó, bạn có thể tham khảo điều này, có lẽ để kiểm tra nội dung dự định hoặc xem trang nào để liên kết nội dung đó.

làm thế nào để hack một máy ảnh máy tính xách tay từ xa

Trang web PHP cơ bản của chúng tôi sẽ có một trang chủ, 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ừ ba 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à hình ảnh từ các tệp HTML gốc.

Các ví dụ mã đượ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 của tôi , miễn phí cho bất kỳ ai tải xuống.

Tạo một trang web PHP: Tiêu đề

Để tạo một trang web bằng PHP, bạn sẽ cần phải xây dựng ba trang web. Chúng dựa trên cấu trúc cơ bản của header, body và footer.

Như bạn có thể đoán, tiêu đề bao gồm thông tin tiêu đề. Tuy nhiên, thông tin cho trình duyệt cũng được bao gồm, 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 tiêu đề cần thiết.

Đối với ví dụ này, chúng tôi đã cung cấp một tệp CSS cơ bản, bạn sẽ thấy tệp này được tham chiếu trong thư mục / css / của riêng nó. Tệp 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.

Đưa nội dung vào phần thân trang web PHP của bạn

Mỗi trang web bao gồm một phần nội dung được gọi là 'phần thân'. Đây là phần của trang mà bạn đã đọc --- những gì bạn đang đọc bây giờ là phần nội dung của trang này.

Tạo một tệp có tên body.html và thêm thông tin bạn muốn đưa vào trang. Tôi đã bao gồm chi tiết tiểu sử từ trang tác giả MakeUseOf của mình, nhưng bạn có thể thêm bất cứ điều gì bạn thích.

Phần chân trang của trang web là phần tiếp theo. Tạo cái 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, hoặc có thể là một số liên kết hữu ích cho bất kỳ ai truy cập trang của bạn.

Nó có thể là một cái gì đó như thế này:

Với mã được thêm vào, hãy lưu tệp.

Kết hợp trang web PHP đơn giản của bạn lại với nhau

Với ba tệp HTML riêng biệt trong / html /, bạn có thể sử 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 index.php với ba dòng sau trong đó:



Lưu, tải lên máy chủ của bạn, sau đó duyệt đến index.php. Bạn sẽ thấy trang web đã hoàn thà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 của mình 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 cùng. Bao gồm một thông báo bản quyền, với một năm luôn được cập nhật:

Copyright © CM Cawley

Điều này sẽ xuất hiện trong tệp index.php sau chân trang. Lưu ý cách câu lệnh echo date ('Y') hiển thị năm hiện tại bằng bốn chữ số. Bạn có thể thay đổi cách hiển thị thông tin này bằng cách tham khảo danh sách các tùy chọn của W3Schools này. Ví dụ: chữ 'y' viết thường sẽ hiển thị năm ở định dạng hai chữ số, thay vì bốn.

Sử dụng CSS để định vị và tạo kiểu cho nó, như cách bạn làm với bất kỳ phần tử nào khác. Tìm CSS cho dự án này trong kho lưu trữ GitHub, cùng với mã trang web PHP đơn giản khác.

làm thế nào để làm cho kích thước tệp hình ảnh nhỏ hơn

Làm tốt lắm --- bạn vừa tạo trang web PHP đầu tiên của mình từ đầu.

PHP có phải là lựa chọn tốt nhất để mã hóa trang web không?

Như bạn có thể đã thu thập được, PHP không phải là cách duy nhất để phát triển trang web. Nhiều khuôn khổ đã tồn tại cho trải nghiệm web động, dựa trên cơ sở dữ liệu, có JavaScript và các công nghệ liên quan, và phần mềm như Adobe Dreamweaver.

Tuy nhiên, nếu bạn đang tìm cách bắt đầu phát triển web, thật thông minh khi bạn đánh giá cao những điều cơ bản. Nếu bạn hiểu các khối xây dựng trang web của HTML, CSS và PHP, bạn đang trên con đường thành công.

Đăng lại Đăng lại tiếng riu ríu E-mail Học HTML và CSS với các hướng dẫn từng bước này

Bạn tò mò về HTML, CSS và JavaScript? Nếu bạn nghĩ rằng bạn có khả năng học cách tạo trang web từ đầu - thì đây là một vài hướng dẫn từng bước tuyệt vời đáng để thử.

Đọc tiếp
Chủ đề liên quan
  • Lập trình
  • Phát triển web
  • Lập trình
  • Lập trình PHP
Giới thiệu về tác giả Christian Cawley(1510 bài báo đã xuất bản)

Phó tổng biên tập về Bảo mật, Linux, Tự làm, Lập trình và Giải thích về Công nghệ, và Nhà sản xuất Podcast Thực sự Hữu ích, có nhiều kinh nghiệm trong lĩnh vực hỗ trợ máy tính để bàn và phần mềm. Một người đóng góp cho tạp chí Định dạng Linux, Christian là một người mày mò Raspberry Pi, người yêu thích Lego và người hâm mộ trò chơi cổ điển.

Xem thêm từ Christian Cawley

Theo dõi bản tin của chúng tôi

Tham gia bản tin của chúng tôi để biết các mẹo công nghệ, đánh giá, sách điện tử miễn phí và các ưu đãi độc quyền!

Bấm vào đây để đăng ký