طراحی صفر تا صد سایت با PHP
طراحی صفر تا صد سایت با PHP
PHP مخفف عبارت “Hypertext Preprocessor” میباشد، یک زبان برنامه نویسی (open-source) و شیءگرا معرفی شده است. علاوه بر این به عنوان یک زبان عمومی میتوان از PHP استفاده کرد. همچنین این زبان اجازه پیاده سازی محتوای صفحات خود را بر روی پایگاه داده را به توسعه دهندگان وب می دهد.
یکی از ویژگی های خوب PHP سطح دسترسی به انواع پایگاه داده ها از جمله MySQL , SQLite , Oracle , SqlLite و … می باشد.
کاربرد زبان PHP
1) اجرا بر روی Platform های مختلف
2) برنامه نویسی شبکه با آن ساده و لذت بخش است.
3) در برنامه نویسی وب سریع و پرقدرت و امن است.
4) سرعت بالای آن در مقایسه با برنامه ی asp.net
5) قابلیت اجرایی بر روی انواع پلت فرم ها نظیر; Unix , Linux , Windows و …
6) زبان PHP از لحاظ شی گرایی یک زبان کامل است.
7) توجه داشته باشید PHP در استفاده بهینه از منابع و حافظه نمونه است.
8) پی اچ پی رایگان و Open Source می باشد.
ساختار طراحی سایت با PHP
؟ شغل طراحی وبسایت چیست ؟ و چه توانایی هایی دارد ؟ مهارت های یک طراح وب باید شامل مهارتها و تواناییهای مختلفی در زمینه تولید و نگهداری وب سایتها داشته باشد. مهارت های طراحی سایت با php در گزینه های زیر آمده است :
- طراحی گرافیک وب
- طراحی رابط کاربری
- تألیف کد استاندارد و نرم افزار اختصاصی
- طراحی تجربه کاربر
- بهینه سازی موتورهای جستجو
برای طراحی سایت با php باید با ساختار کلی PHP آشنایی داشته باشید:
در سینتکس اصلی PHP مجموعهای از angled brackets استفاده میشود و در انتهای هر تابع نیز از semi-colon (;) استفاده میشود، به صورت زیر:
<?php [CODE…CODE]; ?>
آموزش طراحی وب سایت از نظر صفحات وب، تقریباً همهی کاربردهای از زبان php به استفاده از دستور echo پیرو میکند. این گزاره به مرورگر دستور میدهد که متن و محتوای داخل نقل قولها را در خروجی نمایش دهد. مثلا:
<?php print(“Hello World”)?>
عموما وقتی صحبت از طراحی سایت با 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>
با سه فایل جداگانه 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 میتوانید نحوه نمایش این مورد را تغییر دهید.
همچنین از CSS برای لوکیشین و استایل دادن به پروژه خود و افزودن سایر عناصر میتوانید استفاده کنید.
چه تفاوتی بین وردپرس و PHP است ؟
در قدم اول با php سایتتان را طراحی و پیاده سازی کنید. تمام نیازهای خود را پیشبینی و طراحی کنید و حتی اگر در آینده به یک ویژگی اختصاصی برای وبسایت خود نیاز پیدا کردید میتوانید آن را اضافه کنید. که برای این کار کافیست شما زبان php را یاد بگیرید.
اما اگر سایت شما وردپرسی باشد و تنها می توانید از امکانات موجود در قالب و ساختار وردپرس خودتان استفاده کنید یا از افزونه های موجود در بازار در صورتی که با قالب وردپرس شما سازگاری داشته باشند.اما اگر برای خواسته شما افزونه ای تا به امروز وجود نداشته باشد تنها راه شما این است که دنبال برنامه نویسانی در حوزه php وردپرس بگردید تا بتوانید نیازهای خود را در وب سایتتان پیاده سازی کنید که معمولا زمان و هزینه زیادی باید صرف پیاده سازی مواردتان کنید.