ساخت قالب HTML بصورت عملی

درود بر شما. بعد از مدت‌ها وقفه، دوباره قصد داریم بپردازیم به آموزش طراحی سایت و علاوه بر دوره آموزش صفر تا صد طراحی سایت، یک دوره رایگان هم داشته باشیم. البته نه با کیفیت دوره صفر تا صد. 😀 پس بریم سراغ جلسه ۱۴ و راهکار‌های عملی برای ساخت قالب HTML که زیبا و جامع باشه. البته در عین حال باید ساده باشه تا بتونید متوجه چگونگی ساخت قالب بشید. پس شروع می‌کنیم.

آنچه در این مطلب می‌خوانید:

ساخت قالب HTML

برای ساخت قالب HTML باید ابتدا یک نرم افزار ادیتور متن نصب کنید. اگر ویندوز استفاده می‌کنید پیشنهاد من استفاده از نرم افزار Notepad++ هست و اگر کاربر لینوکس یا مک هستید پیشنهاد می‌کنم از Atom استفاده کنید.

ایجاد فایل HTML

حالا یک فایل به نام index.html بسازید. دقت داشته باشید هاست شما فایل index.html را به عنوان فایل اصلی سایت شما لود خواهد کرد. به همین دلیل نام این فایل را index.html قرار دادیم.

حالا این فایل را با نرم افزار ویرایشگر متن باز کرده و کد زیر را در آن تایپ کنید:

Hello World

حالا اگر مرورگر را باز کرده و این فایل را در مرورگر خود اجرا کنید. (بکشید و رها کنید.) عبارت Hello World نمایش داده می‌شود.

تبریک! حالا شما یک طراح وب هستید. 😀 البته کمی باید صبر داشته باشید. هنوز کار خاصی انجام نشده!

شروع ساخت قالب

برای شروع ساخت قالب HTML باید کد زیر رو در این فایل قرار دهید:

<html>
<head>
<title>Page Title</title>
</head>
<body>
Hello World
</body>
</html>

به جای Page Title می‌تونید عنوان صفحه مورد نظر خودتون را وارد کنید. مثلا : میهن وردپرس

حالا ذخیره کنید و فایل را دوباره با مرورگر باز کنید. مشاهده می‌کنید که کدهای HTML در مرورگر اجرا خواهد شد.

راستی: فراموش نکنید که HTML و CSS زبان برنامه نویسی نیست، بلکه زبان نشانه‌گذاری و استایل‌نویسی هست. پس زیاد هم سخت نیست!

در جلسات بعدی استایل دهی و تگ‌های HTML را بصورت عملی به شما آموزش خواهیم داد.

موفق باشید.

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.