ساخت قالب HTML بصورت عملی
[ad_1]
درود بر شما. بعد از مدتها وقفه، دوباره قصد داریم بپردازیم به آموزش طراحی سایت. پس بریم سراغ آموزش این مطلب و راهکارهای عملی برای ساخت قالب HTML که زیبا و جامع باشه. البته در عین حال باید ساده باشه تا بتونید متوجه چگونگی ساخت قالب بشید. پس شروع میکنیم.
در این مطلب میخوانید:
ساخت قالب 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 زبان برنامه نویسی نیست، بلکه زبان شانهگذاری و استایلنویسی هست. پس زیاد هم سخت نیست!
موفق باشید.
The post ساخت قالب HTML بصورت عملی appeared first on ایکس اسکریپت .
[ad_2]
لینک منبع مطلب
لینک کوتاه مطلب :
به نکات زیر توجه کنید