طراحی یک وب‌سایت با PHP

آموزش php

PHP یکی از زبان‌های برنامه‌نویسی پرکاربرد برای توسعه وب‌سایت‌های داینامیک است. این زبان به شما امکان می‌دهد که به‌سادگی وب‌سایت‌های پویا و تعامل‌پذیر طراحی کنید. در این مقاله، با مراحل اساسی ایجاد یک وب‌سایت ساده با PHP آشنا خواهید شد.

فهرست مطالب

آماده‌سازی محیط توسعه
ایجاد ساختار پروژه
اتصال به پایگاه داده
ایجاد صفحه اصلی (index.php)
اضافه کردن فرم تماس
طراحی رابط کاربری با CSS

ایجاد یک وب‌سایت ساده با PHP

1. آماده‌سازی محیط توسعه

برای شروع، به یک سرور محلی نیاز دارید تا بتوانید کدهای PHP را اجرا کنید. می‌توانید از نرم‌افزارهایی مانند XAMPP یا WAMP استفاده کنید که شامل Apache، MySQL و PHP هستند.

برای دانلود XAMPP، می‌توانید به وب‌سایت Apache Friends مراجعه کنید.

2. ایجاد ساختار پروژه

پوشه‌ای برای پروژه خود ایجاد کنید و زیرپوشه‌هایی برای فایل‌های HTML، CSS، جاوااسکریپت، و فایل‌های PHP ایجاد کنید. یک ساختار پوشه ساده به صورت زیر است:

my_website/
├── index.php
├── about.php
├── contact.php
├── css/
│   └── style.css
└── scripts/
    └── db.php

3. اتصال به پایگاه داده

بسیاری از وب‌سایت‌ها به یک پایگاه داده نیاز دارند. می‌توانید از MySQL به عنوان پایگاه داده استفاده کنید. برای این منظور ابتدا پایگاه داده خود را در phpMyAdmin ایجاد کنید و سپس فایل db.php را برای اتصال به پایگاه داده تنظیم کنید.

کد اتصال به پایگاه داده در db.php:

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "my_database";

// ایجاد اتصال
$conn = new mysqli($servername, $username, $password, $dbname);

// بررسی اتصال
if ($conn->connect_error) {
    die("اتصال به پایگاه داده ناموفق بود: " . $conn->connect_error);
}
?>

4. ایجاد صفحه اصلی (`index.php`)

در این مرحله از طراحی یک وب‌سایت با PHP ، فایل index.php را ایجاد کرده و از HTML برای ساختاردهی محتوای صفحه اصلی استفاده کنید.

کد index.php:

<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>صفحه اصلی</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <h1>به وب‌سایت ما خوش آمدید</h1>
    <p>این یک وب‌سایت ساده با PHP است.</p>
</body>
</html>

5. اضافه کردن فرم تماس

در فایل contact.php، یک فرم تماس برای دریافت اطلاعات از کاربران ایجاد کنید و از PHP برای ارسال اطلاعات به پایگاه داده یا ارسال ایمیل استفاده کنید.

کد contact.php:

<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تماس با ما</title>
</head>
<body>
    <h2>تماس با ما</h2>
    <form action="contact.php" method="post">
        <label for="name">نام:</label>
        <input type="text" id="name" name="name" required>

        <label for="email">ایمیل:</label>
        <input type="email" id="email" name="email" required>

        <label for="message">پیام:</label>
        <textarea id="message" name="message" required></textarea>

        <button type="submit">ارسال</button>
    </form>

    <?php
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        require 'scripts/db.php';

        $name = $_POST['name'];
        $email = $_POST['email'];
        $message = $_POST['message'];

        $sql = "INSERT INTO contacts (name, email, message) VALUES ('$name', '$email', '$message')";

        if ($conn->query($sql) === TRUE) {
            echo "پیام شما با موفقیت ارسال شد!";
        } else {
            echo "خطا: " . $sql . "<br>" . $conn->error;
        }

        $conn->close();
    }
    ?>
</body>
</html>

6. طراحی رابط کاربری با CSS

برای جذابیت بیشتر، می‌توانید از CSS برای استایل‌دهی به صفحات وب‌سایت خود استفاده کنید. فایل CSS را در پوشه css قرار دهید و از آن برای استایل‌دهی عناصر HTML استفاده کنید.