یک قالب وب سایت با استفاده از HTML5 و CSS3 طراحی کنید

Design a Website Template using HTML5 & CSS3

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

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: آموزش ساخت قالب وب سایت از ابتدا فقط با استفاده از HTML و CSS نحوه ایجاد یک قالب وب از ابتدا با استفاده از عناصر معنایی در HTML تعریف قوانین در CSS برای استایل دادن به قالب استفاده از بهترین انتخابگرها در CSS نحوه استفاده از flexbox در طراحی قالب وب پیش نیازها: حداقل دانش سطح متوسط از HTML و CSS هر رایانه: ویندوز، لینوکس یا مک یک مرورگر وب و یک ویرایشگر کد (در مقابل کد ترجیح داده می شود)

به دوره کوتاه ایجاد یک الگو برای یک وب سایت آموزشی خوش آمدید.

اگر قبلاً HTML5 و CSS3 را می‌دانید اما هنوز جاوا اسکریپت را یاد نگرفته‌اید، اما می‌خواهید با دانش خود یک قالب وب طراحی کنید، خبر خوب، این دوره آموزشی مناسبی است که برای شما ساخته شده است.

در این دوره، من قصد دارم یک قالب ساده و زیبا از ابتدا ایجاد کنم و در مورد تمام نکات مربوط به طراحی قالب برای وب سایت ها صحبت کنم.

در این دوره از فریم ورک خاصی مانند بوت استرپ یا مشابه برای طراحی قالب استفاده نمی شود و قالب کاملا ثابت است و فقط با HTML و CSS طراحی شده است.

علاوه بر این، عناصر معنایی HTML برای تشکیل بخش‌های مختلف الگو استفاده می‌شوند.

این الگو دارای ویژگی های زیر است:

بخش هدر سایت که شامل دکمه ثبت نام و ورود به سیستم، آرم و منوی اصلی سایت می باشد
قسمت بدنه سایت که شامل مقدمه، فرم جستجو، نمایش اطلاعات آماری، کادر درباره ما و لیست آخرین دوره ها می باشد
بخش پاورقی سایت که شامل پیوندهایی به شبکه های اجتماعی و پیوندهای مفید و اطلاعات تماس است

علاوه بر این موارد زیر در طراحی بخش های مختلف استفاده شده است

Flexbox
نمادهای Google و نمادهای آنها
عناصر معنایی شامل: سرصفحه، ناوبری، اصلی، بخش، مقاله، پاورقی، آدرس

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

اگر می خواهید بدانید که چگونه از ابتدا بدون وابستگی به جاوا اسکریپت و فقط با HTML و CSS یک قالب زیبا طراحی کنید، توصیه می کنم در این دوره شرکت کنید.

سرفصل ها و درس ها