جعفر نقی‌زاده برنامه‌نویس و طراح وب MindMade.ir
جعفر نقی‌زاده برنامه‌نویس و طراح وب MindMade.ir
خواندن ۳ دقیقه·۶ سال پیش

آموزش توسعه وب با PHP درس پنجم: HTML

پس از آشنایی با نحوه ساختن فایل های PHP روی سرور (در درس دوم)، و لوکال هاست (در درس چهارم)، از این درس، مثال ها و نمونه های کاربردی تری میسازیم. توصیه می کنم این مثالها را در هر دو محیط اجرا کنید.

همانطور که قبلا هم گفته بودم، برای توسعه وب، آشنایی با HTML یکی از پیش نیازهاست. اگر با زبانِ نشانه گذاریِ HTML آشنا نیستید، می توانید از این منبع مطالعه کنید (چند روز مطالعه و تمرین برای شروعِ کار کافی است).

آموزش توسعه وب با زبان برنامه نویسی PHP - درس پنجم - ترکیب HTML و پی اچ پی
آموزش توسعه وب با زبان برنامه نویسی PHP - درس پنجم - ترکیب HTML و پی اچ پی

چرا HTML لازم داریم ?

زبان نشانه گذاری HTML مجموعه ای از استانداردها است (زبان برنامه نویسی نیست) که به مرورگرها می گوید می خواهیم چه چیزی را کجا و چطور نمایش دهد. مثلا یک متن زیر خط دار، یک متن برجسته و ...

شما با HTML تنها می توانید یک صفحه ی وب استاتیک (پایا = بدون تغییر = محتوای ثابت) برای خودتان بسازید. چیزی که حدود سالهای 2000 مرسوم بود؛ یعنی هر وبسایت شامل چند صفحه استاتیک بود که گاهی تغییراتی در هر فایل اعمال می کردند (آپدیت میکردند).

ما با زبان های برنامه نویسی، به این صفحات استاتیک روح می دهیم، تا تبدیل به صفحات وب پویا شوند و مثلا با شرایط مختلف، عملکرد خاصی ارائه دهند؛ برای مخاطبان مختلف محتوای خاصی نمایش دهند و ...

بَکِند وبسایت شما (پشت صحنه = Backend) به هر زبانی (PHP ، جاوااسکریپت ، سی شارپ و...) که باشد در نهایت پس از تمام پردازش ها چیزی که به مخاطب نهایی وبسایت تان تحویل می شود، مجموعه ای از نوشته ها و تگ های HTML است! (و کمی از چیزهای دیگر که حتما بحث خواهیم کرد)


برای مثال » فرض کنید پردازش ها با پی اچ پی انجام شده اند، و می دانیم این مخاطب عضوِ سایت است؛ پس چنین کاری می کنیم (حالتِ خیلی ساده شده) :

<? echo "جعفر عزیز خوش آمدید!"; ?>

اما با کمی HTML این خروجی زیباتر می شود (اینطوری اسمِ کاربر را برجسته می کنیم):

<? echo "<b>جعفر</b> عزیز خوش آمدید!"; ?>

همانطور که می بینید یک تگ HTML را داخل PHP چسباندیم؛ برعکس هم می تواند باشد:

<b> <? echo "جعفر"; ?> </b> عزیز خوش آمدید!

همانطور که متوجه شدید، بدنه اصلی HTML بود و یک تکه کد PHP داخل آن اضافه کردیم.

این صفحه در هر دو حالت درست کار خواهد کرد؛ خروجی مشابهی ساخته و به مخاطب تحویل می شود. ?

برای دیدن خروجی، صفحه را در مرورگر فراخوانی کنید، و برای نگاه دقیق تر، داخل مرورگر View source بزنید.
آموزش توسعه وب با زبان برنامه نویسی PHP - درس پنجم - ترکیب HTML و پی اچ پی
آموزش توسعه وب با زبان برنامه نویسی PHP - درس پنجم - ترکیب HTML و پی اچ پی

نگاهی کوتاه به HTML ?

هر صفحه وب، چند بخش اساسی دارد؛ از جمله عنوان و بدنه اصلی صفحه.

صفحات وب بطور کلی قالبی کلی شبیه این دارند:

<html> <head> <title>عنوان صفحه</title> </head> <body> بدنه اصلی صفحه </body> </html>
کد فوق را در یک فایل با نام Lesson5.php ذخیره و از مرورگر فراخوانی کنید (site.com/Lesson5.php) تا نحوه عملکرد آن را ببینید و تمرین بعدی هم روی آن اجرا کنید.

برای طراحی هر صفحه وب، ترکیبی از سورس PHP و تگ های HTML را خواهیم داشت (فعلا).

با هر بار فراخوانی صفحه ی مورد نظر در مرورگر، خروجیِ کدهایِ PHP پس از پردازش به HTML اضافه شده، در نهایت یک صفحه حاوی کدهای HTML به مخاطب (client) ارسال می شود.


بیایید نمونه بالا را کمی تغییر دهیم :

<html> <head> <title><? echo "اولین صفحه وب من"; ?></title> </head> <body> <? echo "<b>جعفر</b> عزیز خوش آمدید!"; ?> </body> </html>

تبریک می گویم حالا شما اولین صفحه php که کمی html هم داشت ساختید ?

در این دوره تمرکز ما بر PHP خواهد بود. پس سعی کنید برای HTML به اندازه کافی مطالعه و تمرین کنید.


در درس بعدی با مفهوم متغیرها آشنا می شویم و کار کمی جدی تر خواهد شد! ?


آموزش phpآموزش برنامه نویسی وبآموزش طراحی وبآموزش برنامه نویسی phpبرنامه نویسی php
جعفر نقی زاده؛ برنامه‌نویس وب، طراح وب 💙دانش‌آموخته مدیریت تکنولوژی 💜علاقمند مطالعه، نوشتن، ترجمه، هنر، فلسفه، یادگیری، یاددادن، فناوری و توسعه وب 〽️سایتم: MindMade.ir 〽️سایت انگلیسی: MatisWeb.com
شاید از این پست‌ها خوشتان بیاید