طراحی سایت با استفاده از PHP
طراحی سایت با استفاده از PHP : PHP (PHP Hypertext Preprocessor) یک زبان برنامه‌نویسی server-side (سمت سرور) است که برای ایجاد صفحات وب پویا به کار می‌رود و می‌تواند با پایگاه داده ارتباط برقرار کند. PHP یک زبان منبع باز است که به طور خاص برای توسعه برنامه‌های وب به صورت گستره به کار می‌رود و می‌تواند داخل HTML قرار گیرد. طراحی سایت با استفاده از PHP یکی از روش‌هایی است که اکثر طراحان وب‌سایت از آن استفاده می‌کنند. در این مقاله می‌خواهیم به توضیح PHP و طراحی سایت با استفاده از PHP بپردازیم. با ما همراه باشید.
PHP چه ویژگی دارد؟
ویژگی متمایز PHP این است که این کد اسکریپت بر روی سرور اجرا می‌شود و HTML را که برای مشتری ارسال می‌شود، تولید می‌نماید. مشتری نتیجه اجرای اسکریپت را بدون دانستن کد اصلی دریافت می‌کند. توسعه‌دهندگان میتوانند سرور وب را برای پردازش تمام فایل‌های HTML (شامل اسکریپت PHP) پیکربندی کنند.
یادگیری دوره PHP برای هر تازه واردی ساده است، اما این زبان ویژگی‌های برنامه‌نویسی پیشرفته‌ای هم ارائه می‌کند.
استفاده از PHP با یک سیستم پایگاه داده
PHP به عنوان یک زبان اسکریپت، به دلیل توانایی در ارتباط با سیستم‌های پایگاه داده مانند اورکل و MySQL در میان توسعه‌دهندگان مشهور است.
هر وب‌سایت به انواع داده‌ها یا اطلاعات، برای نمایش و بازیابی آنها از پایگاه داده نیاز دارد. این امر می‌تواند شامل نمایش یک لیست ساده برای راه‌اندازی وب‌سایت بر اساس داده‌های ذخیره‌شده در پایگاه داده باشد.
در فهرست زیر نمونه‌هایی ذکر شده است که می‌توان PHP و MySQL را با هم استفاده کرد:
- بنر‌های آگهی دیجیتالی که در آن اسکریپت PHP می‌تواند برای بازیابی یک بنر دیجیتال از پایگاه داده استفاده شود و سپس یک بنر تصادفی را از جدول سوابق انتخاب می‌کند و آن را برای اسکریپت فراخوانی شده می‌فرستد. همچنین، اسکریپت PHP می‌تواند حساب تعداد نمایش‌ها و کلیک‌های بنر از وب‌سایت را نگهداری کند.
- انجمن‌های اینترنتی یا تابلوهای اعلانات دیجیتالی که از PHP و MySQL برای ذخیره و بازیابی پیام‌های کاربر استفاده می‌کنند.
- طراحی وب‌سایت، که در آن به جای تغییر و آپلود هر صفحه وب، می‌توان طراحی کل یک وب‌سایت را با استفاده از چند اسکریپت PHP تغییر داد. اسکریپت PHP برای بازیابی تمام اطلاعات صفحه وب، می‌تواند به پایگاه داده MySQL دسترسی پیدا کند.
راه‌اندازی پایگاه داده MySQL
طراحی سایت با استفاده از PHP : روش راه‌اندازی پایگاه داده MySQL با توجه به host، متفاوت است. برای دسترسی به آن، هر پایگاه داده نیاز به یک نام کاربری و رمز عبور دارد.
مدیریت پایگاه داده را می‌توان با استفاده از اسکریپت‌های PHP یا با استفاده از یک برنامه مانند PHPMyAdmin انجام داد.
گام بعدی ایجاد جداول پایگاه داده برای ذخیره اطلاعات وب‌سایت است. ایجاد یک جدول پایگاه داده با استفاده از PHPMyAdmin نیز ساده است. در روشی دیگر، میتوانید کل پایگاه داده را با استفاده از اسکریپت PHP زیر ایجاد و پیکربندی نمایید:
CREATE TABLE tablename {
Fields
}
جایی که زمینه‌ها به عنوان نام زمینه کدگذاری شده‌اند (طول) اطلاعات اضافی را تایپ نمایید. مثال:
first varchar(15) NOT NULL
دستور زیر در اسکریپت PHP برای اتصال به پایگاه داده MySQL استفاده می‌شود:
mysql_connect(localhost,$username,$password);
که در آن:
- localhost آدرس سروری است که در آن وب‌سایت در حال اجرا است.
- username $ نام کاربری برای دسترسی به پایگاه داده است.
- password $ رمز عبور برای دسترسی به پایگاه داده است.
اجرای دستورات PHP
پس از پیکربندی و اتصال به پایگاه داده MySQL، میتوانید شروع به اجرای دستورات PHP در سرور نمایید.
به دو روش اجرای یک دستور PHP در زیر اشاره شده است:
- وارد کردن دستور در PHP با استفاده از دستور زیر:
Mysql_query($query)
این دستور می‌تواند برای تکرار کردن فرمان، به سادگی با تغییر متغیر مورد استفاده قرار گیرد.
- تعریف دستور به عنوان یک متغیر. نتیجه این عملیات به متغیر اختصاص خواهد یافت.
قرار دادن داده‌ها با استفاده از PHP همانند روش ورود داده‌ها با استفاده از صفحات HTML است. مزیت استفاده از PHP این است که برای هر بخش جدید از داده‌های ورودی، اسکریپت نیازی به تغییر ندارد. همچنین، کاربران میتوانند اطلاعات خود را در صفحه وب وارد کنند.
در قسمت زیر نمونه‌ای از یک صفحه HTML با textboxeهایی است که می‌تواند برای ورود داده‌ها به صورت زیر استفاده شود:
همچنین، میتوانید از متغیرها برای ورود اطلاعات به پایگاه داده استفاده کنید. مثال:
این اسکریپت در فایل insert.php ذخیره می‌شود که می‌تواند به شکل HTML فراخوانی شود. با استفاده از این روش، داده‌های وارد‌شده در فرم صفحه وب، در متغیرهای تعریف‌شده ذخیره می‌شوند و سپس به PHP منتقل می‌شوند.
برای نمایش (یا خروجی) داده‌های وارد شده با استفاده از PHP، میتوانید از دستور MySQL زیر با نتیجه اختصاص داده شده به متغیر استفاده کنید.
$query=”SELECT * FROM contacts”;
$result=mysql_query($query);
PHP دو روش ارسال (GET و POST) برای دریافت اطلاعات ارسال‌شده توسط فرم به اسکریپت PHP فراهم می‌کند. روش GET متغیرها و داده‌ها را در آدرس صفحه نشان می‌دهد، در حالی‌که آنها در روش POST قابل رؤیت هستند. به عنوان مثال، یک اسکریپت می‌تواند صفحات مختلف وب را بسته به لینک کلیک‌شده نمایش دهد.
طراحی Templating System وب‌سایت با استفاده از PHP
طراحی سایت با استفاده از PHP : با یادگیری چگونگی ایجاد یک وب‌سایت و طراحی Templating System با استفاده از php میتوانید به آسانی بخش‌های مختلفی در وب‌سایت خود را تنها با تغییر چند فایل طراحی‌شده به روز نمایید. این آموزش برای مبتدیان طراحی شده است، بنابراین درک و اجرای آن ساده و راحت است.
شما می‌دانید که وب‌سایت شما چه کوچک باشد و چه بزرگ، به روز‌رسانی صفحات وب‌سایت چه دردسرهایی داشته و چقدر زمان بر است. فرآیند به روز‌رسانی، زمانی بیشتر آزار دهنده می‌شود که باید در هر صفحه وب‌سایت خود تغییری ایجاد کنید. یک مثال خوب از چنین تغییری، اضافه کردن یک دکمه به header یا تغییر اطلاعات کپی رایت در قسمت footer وب‌سایت شما است.
در این آموزش به شما نشان خواهیم داد که چگونه PHP تنها با چند خط کد، شما را نجات می‌دهد. شما میتوانید این آموزش را به عنوان مبنایی برای نگهداری و به روز‌رسانی راحت‌تر وب‌سایت خود استفاده کنید.
الزامات
سرور / میزبانی که قادر به اجرای اسکریپت‌های php باشد.
هیچ دانشی از پی اچ پی لازم نیست!
مرحله ۱
یک پوشه در سرور خود ایجاد کرده و نام آن را «design» قرار دهید.
مرحله ۲
فایل‌های زیر را در پوشه design ایجاد کنید:
”header.html’, ‘footer.html’, ‘right_column.html’, ‘left_column.html
مرحله ۳
پوشه دیگری ایجاد کنید و نام آن را «pages» قرار دهید.
مرحله ۴
در دایرکتوری «pages»، یک صفحه ایجاد کنید و آن به صورت «main.html» نام‌گذاری کنید.
مرحله ۵
حالا در دایرکتوری یک فایل ایجاد کنید و آن را به صورت «index.php» نام‌گذاری کنید.
مرحله ۶
کد زیر را به فایل «index.php» اضافه کنید:
<?php
if (isset($_REQUEST[‘page’]))
{
if($_REQUEST[‘page’] !=””)
if(file_exists(“pages/”.$_REQUEST[‘page’].”.html”))
$page_content = file_get_contents(“pages/”.$_REQUEST[‘page’].”.html”);
else
if (file_exists($_REQUEST[‘page’].”.html”))
$page_content = file_get_contents($_REQUEST[‘page’].”.html”);
else
echo “<center>Page:”.$_REQUEST[‘page’].” does not exist! Please check the url and try again!</center>”;
}
else
$page_content = file_get_contents(“pages/main.html”);
$page_content = str_replace(“!!HEADER!!”, file_get_contents(“design/header.html”),$page_content);
$page_content = str_replace(“!!LEFT_COLUMN!!”, file_get_contents(“design/left_column.html”),$page_content);
$page_content = str_replace(“!!RIGHT_COLUMN!!”, file_get_contents(“design/right_column.html”),$page_content);
$page_content = str_replace(“!!FOOTER!!”, file_get_contents(“design/footer.html”),$page_content);
$page_content = str_replace(“!!COMMON_TAGS!!”, file_get_contents(“design/common_tags.html”),$page_content);
echo $page_content;
?>
مرحله ۷
طراحی سایت با استفاده از PHP : به قسمت «main.html» رفته و وب‌سایت خود را آن طور که می‌خواهید در نهایت به نظر برسد، طراحی کنید، فقط اینجا، به جای افزودن طراحی کامل header، !!HEADER!! را اضافه کنید و سپس به فایل «header.html» که در پوشه «design» ایجاد کرده بودید، بروید. حالا در «header.html»، سربرگ اصلی وب‌سایت خود را طراحی کنید. این طرح تمام سربرگ‌های صفحات شما در پایان خواهد بود.
حالا برای طراحی‌های دیگر همین‌کار را انجام دهید، یعنی: بنویسید !!FOOTER!! و « »footer.htmرا طراحی کنید، بنویسید !!RIGHT_COLUMN!! و «right_column.html» را طراحی کنید و بنویسید !!LEFT_COLUMN!! و «left_column.html» را طراحی کنید.
یا به سادگی دستور از پیش آماده‌شده زیر را کپی کنید:
‘main.html’
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Main Page – PHP Simple Templating System By Zeronese</title>
!!COMMON_TAGS!!
</head>
<body>
<table width=”95%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td colspan=”3″><center>
!!HEADER!!
</center>
</td>
</tr>
<tr>
<td class=”column” width=”25%” height=”100%”>!!LEFT_COLUMN!!</td>
<td> </td>
<td width=”25%”>!!RIGHT_COLUMN!!</td>
</tr>
<tr>
<td class=”column” colspan=”3″><center>
!!FOOTER!!
</center>
</td>
</tr>
</table>
</body>
</html>
‘header.html’
<div class=”header”>Welcome To The PHP Simple Templating System</div>
‘footer.html’
<div class=”footer”>
<center>
<a href=”http://www.zeronese.net”>PHP Simple Templating System is a Copy Right of Zeronese.net</a>
</center>
</div>
‘right_column.html’
<table class=”column” width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td>Advertisement</td>
</tr>
<tr>
<td>Zeronese.net offers professional web design templates for both web designers and end users. Save time and money and still get a high quality professional web site for business, ecommerce or personal use. <a href=”http://www.zeronese.net”>Learn More…</a></td>
</tr>
</table>
‘left_column.html’
<table class=”column” width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><a href=””>Home</a></td>
</tr>
<tr>
<td><a href=”!!WEBSITE_URL!!tutorial.html”>Tutorial Page</a></td>
</tr>
<tr>
<td><a href=”!!WEBSITE_URL!!sub-directory/page.html”>Tutorial Sub Page</a></td>
</tr>
<tr>
<td><a href=”http://www.zeronese.net”>Visit Zeronese.net</a></td>
</tr>
</table>
and to add a little touch to our design, we create a ‘styles.css’ file in the design folder and add the following code:
body{
background-color:#003399;
color:#FFFFFF;
}
a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.column{
background-color:#3366CC;
vertical-align:top;
}
.header{
background-color:#336699;
}
.footer{
background-color:#336699;
}
طراحی سایت با استفاده از PHP : این آموزش برای مبتدیان طراحی شده، ساده اما بسیار قدرتمند است و می‌تواند پایه‌ای برای سیستم‌های بسیار بزرگ و پیچیده‌ای باشد که می‌خواهند راهی آسان برای مشتریان خود برای طراحی اسکریپت ارائه دهند. بسیاری از اسکریپت‌ها دارای قابلیت‌های عملکردی بسیار عالی هستند، اما زمانی‌که نوبت به طراحی قالب می‌رسد، این ویژگی مهم را از دست میدهند یا زمانی که Templating System دارند، معمولاً دستکاری آن برای کاربران بی‌تجربه بسیار سخت است.
استفاده از این روش، کد اسکریپت را از طراحی جدا می‌کند. این جداشدن بسیار مفید است. یک مسئله بسیار مهم این است که هنگام اصلاح طراحی، مجبور نیستید نگران کدها باشید!