تسلط به طراحی وب - راهنمای نهایی برای طراح صفحه فرود

آنچه یاد خواهید گرفت:

• ساخت 3 پروژه - وب‌سایت صفحه فرود کامل به منظور آماده کردن شما برای کار طراحی وب
• پس از این دوره قادر خواهید بود هر طراحی وب‌سایتی را بسازید.
• یادگیری جدیدترین فناوری‌ها: بوت‌استرپ 5، سی اس اس و اچ تی ام ال
• یادگیری دیدگاه‌های مختلف طراحی 3 پروژه

توضیحات دوره

اگر نمی‌دانید چگونه یک تم وب‌سایت بسازید، این دوره به شما کمک خواهد کرد. ما این دوره را با چگونگی ساخت صفحات فرود با بوت‌استرپ آغاز می‌کنیم. نوار ناوبری بالا و بخش جایزه که شامل عنوان، توضیحات و دکمه است را بررسی می‌کنیم و صفحات فرود جذاب می‌سازیم.

تسلط به طراحی وب - فهرست مطالب

• مقدمه
• نصب نرم‌افزار (راه‌اندازی)
• بوت‌استرپ 5
• اطلاعات اولیه
• سیستم گرید
• فاصله‌گذاری - مارجین
• فاصله‌گذاری - پدینگ
• تصاویر
• دکمه‌ها
• متن
• رنگ پس‌زمینه
• پروژه 1 - DSEO
• پروژه 2 - eHelp
• پروژه 3 - eTech
• دانلود کد منبع هر 3 پروژه

اولین پروژه - صفحه فرود DSEO

ما این پروژه را با فایل‌های کامپایل شده سی اس اس و جاوا اسکریپت بوت‌استرپ ایجاد کردیم. تصویر پس‌زمینه و تصویر فرانت‌اند را در ردیف و ستون اضافه کردیم. این تصاویر دقیقاً در مرکز صفحه نمایش موبایل، لپ‌تاپ یا هر صفحه دیگری قرار می‌گیرند. این پروژه در حالت واکنش‌گرا نمایش داده می‌شود. این دوره شامل نوار ناوبری بوم و همچنین بخش‌هایی شامل عنوان، توضیحات و دکمه با پس‌زمینه روشن است.

دومین پروژه - صفحه فرود eHelp

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

سومین پروژه - صفحه فرود eTech

این پروژه تنها یک ردیف در هدر و دو ستون میانی دارد. ستون سمت راست حاوی توضیحات است و ستون دوم شامل تصویری شفاف است روی پس‌زمینه‌ای با رنگی ملایم و هماهنگ قرار گرفته است. این صفحه وب دارای یک نوار ناوبری در بالای صفحه با Border Bottom است و شامل دکمه Toggler می‌باشد. این دکمه به یک منوی خارج از بوم متصل است.

نتیجه‌گیری

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

این دوره برای چه کسانی مناسب است؟

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