دانلود قالب خام صفحه HTML برای طراحی سایت
در این صفحه یک اسکلت اولیه فایل HTML را معرفی میکنیم که به طور خاص برای زبان فارسی آماده شده است.
هر سند HTML برای عملکرد صحیح به چند تگ اصلی نیاز دارد. ساختاری که در ادامه میبینید یک مثال اولیه و کامل است که نیازهای اساسی یک صفحهی وب را در خود دارد.
برای شروع کدهای زیر را در یک ویرایشگر برنامهنویسی کپی کنید و شروع کنید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!doctype html> <html lang="fa"> <head> <meta charset="UTF-8"> <title>عنوان اصلی صفحه</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <header> عنوان صفحه در این قسمت قرار میگیرد </header> <main> محتوای اصلی سایت در این قسمت قرار میگیرد </main> <footer> اطلاعات پابرگ اینجا ثبت میشوند </footer> </body> </html> |
در این قالب چند نکته مهم که برای طراحی سایت استاندارد مورد نیاز هستند، رعایت شده است:
- نسخه HTML در ابتدا تعیین شده است( HTML 5 یا جدیدتر )
- زبان سایت مشخص شده است
- نوع کدگذاری متنهای صفحه در محل مناسبت مشخص شده( UTF8 )
- عنوان صفحه در محل مناسب تعیین شده است
- متاتگ ریسپانسیو(واکنشگرا) در صفحه درج شده( Viewport )
- قسمتهای سربرگ، محتوای اصلی و پابرگ در قالب سایت تعیین شدهاند
کدهای تکمیلی
یک سایت واقعی تگها و جزئیات بسیار بیشتری در مقایسه با مثال بالا نیاز دارد. تگهای سئو، اسکریپتها و استایلها، تگهای شبکههای اجتماعی، تگهای کنترل عملکردهای مرورگرها مثل آیکونها و رنگها و ... که هر کدام بسته به نیاز باید به خروجی نهایی اضافه شود.
برای یادگیری تمام چیزهایی که یک سایت واقعی نیاز دارد، باید مطالعه کنید و کدهای سایتهای دیگر را بررسی کنید. با تمرین و تلاش زیاد میتوانید یک پایهی اولیه برای کارهای بعدی و واقعی خودتان ایجاد کنید که بهترین عملکرد را داشته باشد.