SEO WEBSITE Hướng dẫn xây dựng trang web bằng PHP và Bootstrap by migodavn 24 Tháng ba, 2022 Hướng dẫn xây dựng trang web bằng PHP và Bootstrap Tiếp tục series học lập trình ngôn ngữ PHP bài viết hôm Quỳnh chia sẻ cùng bạn cách xây dựng trang web PHP & MySQL dạng tin tức kết hợp với Bootstrap. Với những bước hướng dẫn đơn thuần hy vọng ngay sau khi đọc bạn hoàn toàn có thể biết cách phong cách thiết kế giao diện web bằng PHP và MySQL. Nhưng trước khi làm được bạn phải có nền tảng về HTML, CSS và biết cách sử dụng những trình soạn thảo như Notepad + +, Subline text … Hướng dẫn tạo giao diện web bằng PHP, MySQL kết hợp Bootstrap Sau đây là những bước hướng dẫn viết web bằng php bạn nên làm theo thứ tự hướng dẫn ở trong bài nhé ! I/ Xây dựng bố cục giao diện Front end Bước 1: Xây dựng cây thư mục Bạn đang đọc: Hướng dẫn xây dựng trang web bằng PHP và Bootstrap Trong thư mục htdocs (C:\xampp\htdocs\) bạn sẽ tạo một thư mục tên là project1 để chứa toàn bộ file bên dưới Qua hình trên bạn sẽ thấy việc làm tiếp theo là sẽ tạo ra những tập tin gồm có : index.php : Hiển thị trang chủ PHPheader.php : Hiển thị phần đầu trang webmain.php : Chứa list bài viết và phần sidebararticle.php : hiển thị nội dung bài viếturl_seo. php : Tạo đường dẫn thân thiệnfooter.php : Hiển thị nội dung chân trangconnect.php : Kết nối tới CSDL Database Bước 2 : Viết code cho từng page Code index.php: Trong index nó sẽ gọi 3 tập tên ra đó là header.php, main.php và footer.php Code header.php WebSiteName Home Page 1 Page 2 Page 3 Code main.php “; echo “{$row[‘title’]} “; $readmore = ‘ Đọc thêm…’; echo ” “.substr($row[‘content’], 0, 150).$readmore.” “; echo “ “; } } ?> Code single.php – Tiếp theo tạo 1 file là single.php để hiện nội dung bài viết cụ thể khi nhấp chuột và Code file seo_friendly.php Xem thêm: Hướng dẫn tạo website: Cách tạo trang web từ A – Z cho người mới – Code sidebar.php “; echo ” “.$row[‘title’].” “; echo ” “.$row[‘content’].” “; } } ?> File. htaccess để tạo đường dẫn thân thiện với SEO RewriteEngine on RewriteRule ^post/(.*).html$ ./single.php?url=$1 Code footer.php Copyright @ 2020 Design by Quách Quỳnh Code file connect.php Code file style.css ( Nằm trong thư mục include / css ) * { margin: 0; padding: 0; } body { font-family: Arial; } .jumbotron { margin: 0!important; } .header { width: 100%; height: 50px; background-color:#23384e; position: relative; margin-bottom: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.6); padding-top: 10px; } .header img { float: left; position: absolute; left: 0; margin-left: 5px; } .header input { background: #fff; border: 0 none; color: #807E7E; height: 38px; line-height: 26px; font-size: 14px; margin: 0 0 0 12px; outline: medium none; padding: 6px 14px; width: 500px; border-radius: 2px; box-shadow: 0 0 1px rgba(0,0,0,0.6); font-family: inherit; float: right; margin-right: 5px; } .navbar-header { width: 100%; height: 30px; padding: 10px 0; } .navbar-header li { display: inline-block; float: left; margin-right: 20px; padding: 5px; } .navbar-header li a { color: #ffffff; text-decoration: none; } .main { width: 100%; } .col-sm-8 {padding: 0!important; } div.baiviet{ } .baiviet { overflow: auto; box-shadow: 0 0 5px #000; padding: 10px; border: 1px solid green; } .baiviet a { text-decoration: none; } .baiviet img{ width: 50%; height: 200px; float: left; margin: 0 20px 20px 0; } .baiviet h1 { display: inline; line-height: 32px; font-size: 25px; } .baiviet p { line-height: 32px; font-size: 16px; margin-bottom: 20px; } .col-sm-4 { margin: 0!important; } .col-sm-4 img {height:182px} .baivietmoi { } .baivietmoi img { float: left; margin: 0 10px 10px 0; width: 100px; height: 90px; clear: both; box-shadow: 0 0 5px #000; } .baivietmoi h1 { font-size: 18px; } .register { width:100%; } .register input { width: 100%; margin-bottom: 10px; height: 20px; padding: 15px; } .chapters{ width: 100%; } .jumbotron { position: relative; } .jumbotron .appeal { font-size: 17px; background: #1ebba3; color: #fff; width: 100%; } .jumbotron h2 { position: absolute; top: 100px; } .posts { clear: both; } Ok như vậy là đã xong phần Front-end rồi ! II/ Xây dựng phần backend để thêm dữ liệu là bài viết Bước 1 : Trước tiên bạn sẽ tạo thư mục admin như trong hình để làm trang admin bằng php Bước 2: Tạo trang thêm bài viết trong PHP (Nhấp vào liên kết để đọc) Bước 3 : Truy cập vào link localhost / project1 / admin / posts_add. php để thêm bài viếtCuối cùng load lại địa chỉ localhost / project1 / để xem thành quả nhé ! Lời kết: Trên đây là bài viết hướng dẫn tạo website tin tức bằng PHP và Bootstrap. Hi vọng qua bài viết này sau khi đọc xong bạn có thể tự tạo cho mình website với PHP. Ngoài ra cũng đừng quên đọc thêm các bài viết hướng dẫn học lập trình php cơ bản tới nâng cao tại Quach Quynh blog nhé! Xem thêm: Hướng dẫn tạo website: Cách tạo trang web từ A – Z cho người mới Ngoài ra bạn cũng nên tìm hiểu thêm thêm về cách tự tạo Framework bằng PHP thuần qua bài viết Xây dựng MVC trong PHP thuần. Sẽ giúp bạn xây dựng nên một website nhỏ vừa để học vừa làm website luôn. Xem thêm: Hướng dẫn các bước xây dựng website bán hàng trực tuyến hiệu quả Source: https://migoda.vn Category: SEO Website trang web bằng PHP và Bootstrap Bài viết liên quan Lý do tại sao phát triển nội dung... 16 Tháng bảy, 2024 Công cụ SEO toàn diện cho tối ưu... 7 Tháng năm, 2024 Bee Qr code – Thiết kế Qrcode sáng... 4 Tháng năm, 2023 Công cụ Kiểm Tra Tần Suất Từ Khóa... 2 Tháng tư, 2023 Công cụ tìm địa chỉ IP của tôi... 2 Tháng tư, 2023 Link Analyzer – Công cụ phân tích liên... 2 Tháng tư, 2023 Giới thiệu về công cụ website ping online 2 Tháng tư, 2023 Giới thiệu về công cụ hỗ trợ SEO... 1 Tháng tư, 2023 Giới thiệu về công cụ hỗ trợ SEO... 1 Tháng tư, 2023 Công cụ SEO Robots.txt Generator 1 Tháng tư, 2023 Bình luận Cancel Reply Save my name, email, and website in this browser for the next time I comment.