آموزشها
قالبها
افزونهها
سایت برتر
هاست وردپرس
طراحی سایتجلسه ۱۴: ساخت قالب 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 را بصورت عملی به شما آموزش خواهیم داد.
موفق باشید.
