طراحی سایت با PHP
قبل از شروع اگر علاقه به یاد گیری طراحی سایت با PHPبه صورت حرفه ای دارید میتوانید برای ثبت نام برای دوره ها به سایت استاد سیدی کورایم مراجعه کنید
php چیست؟
php یکی از زبان های برنامه نویسی در سمت سرور است. به این معنی که کدهای این زبان روی سرور ترجمه می شود که از اصلی ترین کاربرد های آن می توان به طراحی وبسایت های دینامیکی (فعال) اشاره کرد.
دوباره نوشتن هسته ی این زبان و به وجود آوردن موتور پردازشی زند (Zend Engine) در راستای تاریخچه زبان برنامه نویسی php تحول بزرگی را ایجاد کرده است. این زبان برنامه نویسی در طول ۱۰ سال به مهم ترین وسیله برای پیاده سازی پروژه های وبسایت های دینامیکی تبدیل شده است. این زبان میتواند با HTML ترکیب شود و کارایی بالاتری را پیدا کند. برنامه نویسی php معمولا به این صورت انجام می شود که فرد برنامه نویس توسط یک کامپیوتر (یعنی می توان هنگامی را مثال زد که به اینترنت دسترسی ندارد) برنامه را بنویسد، اقدامات اولیه خود را روی آن انجام بدهد و پس از آن هنگام دسترسی به سرور این زبان را انتقال دهد.
قبل از شروع طراحی سایت، مطمئن شوید که یک ویرایشگر متن ساده یا محیط توسعه آماده PHP نصب کردهاید. میتوانید برنامه نویسی با زبان php را با ابزاری ساده به مثل notepad Windows شروع کنید. Notepad ++ نیز گزینه بسیار مناسبی است.
همچنین باید یک وب سرور PHP داشته باشید تا فایلهای خود را در آن بارگذاری کنید. ممکن است یک سرور از راه دور یا یک رایانه محلی با یکی از محیطهای زیر را نصب کرده باشید:
LAMP (Linux ، Apache ، MySQL ، PHP) یا WAMP (Windows ، Apache ، MySQL ، PHP)
ساختار طراحی سایت با php چگونه است؟
در ابتدا باید بدانید که طراح وب سایت کیست و چه تواناییهایی دارد؟ یک طراح وب، باید شامل مهارتها و تواناییهای مختلفی در زمینه تولید و نگهداری وب سایتها داشته باشد. زمینههای مختلف طراحی سایت با php شامل موارد زیر است؛
- طراحی گرافیک وب
- طراحی رابط کاربری
- تألیف کد استاندارد و نرم افزار اختصاصی
- طراحی تجربه کاربر
- بهینه سازی موتورهای جستجو
برای شروع آموزش طراحی سایت با php باید ابتدا با ساختار کلی آن آشنایی داشته باشید:
در سینتکس اصلی PHP از مجموعهای از angled brackets استفاده میشود و انتهای هر تابع نیز از semi-colon استفاده میشود، به صورت زیر:
<?php [CODE…CODE]; ?>
توجه داشته باشید که HTML نیز در نقل قولها گنجانده شده است. خروجی آن معمولاً به صورت زیر ظاهر میشود:
شروع طراحی سایت با php
برای شروع طراحی سایت با php باید سه صفحه وب ساخته شود.
ساخت هدر/ header
کار خود را با ساخت هدر شروع میکنیم که در واقع این قسمت شامل اطلاعات مربوط به عنوان سایت ما است.
ابتدا کار خود را با ساخت فایل header.html شروع میکنیم و پس از آن اطلاعات مورد نظر را در هدر درج میکنیم؛
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”description” contents=”About CM Cawley Biography website in PHP”>
<link rel=”stylesheet” href=”style.css” type=”text/css”>
</head>
<body>
<header>
<nav id=”navigation”>
<ul>
<li><a href=”index.php”>Home</a></li>
<li><a href=”about.php”>About</a></li>
<li><a href=”https://www.makeuseof.com/tag/author/ccawley/”>MakeUseOf</a></li>
</ul>
</nav>
</header>
<div id=”contents”>
درج محتوا در body
صفحات وب جدا از عنوان و تیتر دارای بدنهای هستند که این بخش body نام داشته و برای درج محتوا از آن استفاده میشود. در واقع صفحه قابل مشاهده برای کاربران سایت دارای محتوایی هست که در بخش کد نویسی، درون Body قرار گرفته است.
ساخت فوتر/Footer
ایجاد قسمت پاورقی صفحه وب، مرحله بعدی از طراحی سایت با php است. فایلی با عنوان footer.html ایجاد میکنیم و مقداری محتوا به آن اضافه میکنیم. این محتوا میتواند شامل اطلاعات حق چاپ باشد یا شاید پیوندهای مفیدی برای هر یک از افرادی که از صفحه شما بازدید میکنند؛
</div>
<footer>
Contact me on Twitter: <a href=”https://www.twitter.com/TheGadgetMonkey”>@TheGadgetMonkey</a>
</footer>
</body>
</html>
حال صفحات وب سایت PHP خود را کنار هم قرار دهید.
با سه فایل جداگانه HTML در / html / میتوانید از PHP echo برای کامپایل آنها در یک صفحه استفاده کنید.
یک فایل PHP جدید به نام index.php با سه خط زیر در آن ایجاد کنید:
<?php echo file_get_contents(“html/header.html”); ?>
<?php echo file_get_contents(“html/body.html”); ?>
<?php echo file_get_contents(“html/footer.html”); ?>
آن را ذخیره کنید، در سرور خود بارگذاری کنید، سپس به index.php بروید. حال میتوانید صفحه وب کامل شده را در مرورگر خود مشاهده کنید.
به خاطر داشته باشید که فایل PHP واقعی باز شده در مرورگرتان فقط شامل سه خط است.
در نهایت، میتوانید یک PHP flourish را با خط نهایی زیر به صفحه خود اضافه کنید که شامل یک اعلامیه حق چاپ و یک تاریخ(سال جاری) همیشه به روز است؛
<p>Copyright © CM Cawley <?php echo date(“Y”); ?></p>
این اطلاعات در فایل index.php زیر پاورقی ظاهر میشوند. توجه کنید که چگونه عبارت اکو (“Y”) سال جاری را چهار رقمی نمایش میدهد. با مراجعه به لیست آموزشهای W3Schools میتوانید نحوه نمایش این مورد را تغییر دهید.
به عنوان مثال، یک حروف کوچک “y” سال را در قالب دو رقمی نمایش میدهد، نه چهار رقمی
میتوانید از CSS برای موقعیت دهی و استایل دادن به پروژه خود و افزودن سایر عناصر استفاده کنید. همچنین میتوانید CSS این پروژه را در مخزن GitHub، همراه با دیگر کدهای وب سایت PHP ساده پیدا کنید.
بسیار خوب، با توجه به مقاله طراحی سایت با php شما توانستهاید اولین وب سایت PHP خود را از ابتدا ایجاد کنید.