تو این دوره چی یاد میگیریم ؟
هدف از برگذاری دوره آموزشی طراحی لندینگ پیج با المنتور ، در واقع آموزش کار با المان کانتینر ( Container ) در المنتور پرو هستش و در کنارش یه لندینگ پیج شرکتی رو طراحی میکنیم و اون رو ریسپانسیو میکنیم که یه دیزاین حرفه ای داشته باشیم.
رفرنس اصلی ما برای این کار یه رابط کاربری از پیش آماده شده در کامیونیتی فیگما هستش که لینکشو تو جلسات دوره براتون قرار میدم و تمامی عکس ها و آیکون ها از اون صفحه قابل دریافت هستن و میتونید به عنوان یک رفرنس تمرینی ازشون استفاده کنید.
تو این دوره نگاه کوتاهی هم به مبحث فلکس باکس ها ( Flex Box ) داریم و یه سری توضیحات کوتاه در رابطه با پراپرتی های فلکس بهتون میدم تا به یه آشنایی کلی از این موضوع برسید.
لندینگ پیج چیست ؟
لندینگ پیج به صفحاتی گفته میشه که دروازه ورود بازدیدکننده به وبسایت هستند. این صفحات، بهعنوان نقطه فرود ( Landing Point ) یک بازدیدکننده درنظر گرفته میشوند. به عبارتی، صفحه فرود یا همون لندینگ پیج، نخستین صفحهای است که بازدیدکنندگان سایت، از طریق آن به فضای محتوای سایت شما وارد میشن، این شاید سادهترین پاسخ به سوال صفحه فرود چیست باشه. به این صفحات، صفحه هدف هم میگن، صفحهای که افزایش بازدید و در نهایت افزایش فروش رو بهدنبال داره.
معمولا بازدیدکنندگان بعد از مشاهده لندینگ پیج، یا محتوای صفحه را مشاهده کرده و آن را میبندند و از طریق لینکهای قرار داده شده به بخش دیگری از سایت میروند، یااقدام دیگری انجام میدهند مثلا ایمیل خود را در سایت ثبت میکنند، فایل شما را دانلود میکنند، با شما تماس میگیرند و…
پیش نیاز های این دوره آموزشی
این دوره به پیش نیاز خاصی نیاز ندارد و صرفا شما باید با وردپرس و همچنین المنتور آشنایی اولیه داشته باشید. در صورت بروز هرگونه مشکل یا سوال در مراحل میتوانید از طریق دایرکت در صفحه اینستاگرام طاووس وب با مربی این دوره به صورت مستقیم در ارتباط باشید.
منابع آموزشی
تو این دوره ما از فونت ایران سنس استفاده کردیم. اگر به لایسنس اصلی این فونت دسترسی دارید که میتونید با خیال راحت استفاده کنید و اگر نه میتونید از فونت وزیر استفاده کنید. لینک دسترسی سریع CDN.js به فونت وزیر را برای استفاده راحت تر در قرار دادیم.
رفرنس بعدی صفحه فیگما رابط کاربری (UI) این لندینگ پیج هستش که میتونید طرح اصلی و ابعاد دقیق رو اونجا هم مشاهده کنید.
برای مشاهده جلسات دوره باید ثبت نام کنید
توجه داشته باشید برای مشاهده کامل جلسات دوره و همچنین استفاده از پشتیبانی باید در سایت طاووس وب ثبت نام کنید
قسمت اول ویدئو
طراحی سربرگ اصلی و هدر
قسمت دوم
طراحی بخش خدمات و ویژگی ها
قسمت سوم
طراحی بخش معرفی محصول یا خدمت
قسمت چهارم
طراحی بخش عضویت در خبرنامه
قسمت پنجم
طراحی بخش همکاران ما
قسمت ششم
طراحی بخش لیست قیمت
قسمت هفتم
طراحی فرم تماس با ما
دوره های مرتبط
دوره کوتاه آموزش Position ها در CSS
در این دوره میخواهیم به صورت جامع با Position ها در CSS آشنا شویم و محدودیت ها و شیوه های استفاده از هر پوزیشن رو به شما آموزش بدیم.
امتیاز دانشجویان دوره
نظرات
رایگان!
مهدی حبیبی
موسس طاووس وببرنامه نویس فرانت اند
sayyed.m.h.77( دانشجوی دوره )
سلام المنتور من کانتینر رو نداره میشه راهنمایی کنید
مهدی حبیبی(مدیریت)
سلام دوست من
تو تنظیمات المنتور از بخش ویژگی ها میتونی کانتینر فلکس باکس رو فعال کنی. اگر مشکلی بود در خدمتم
hamedghalani91( دانشجوی دوره )
پخش نمیشه دانلود هم نمیشه لطفا درستش کنید و اطلاع بدین
مهدی حبیبی(مدیریت)
سلام دوست من
لطفا از نسخه بروز فایر فاکس یا کروم استفاده کن