آموزش جامع طراحی قالب سایت باما با HTML و CSS و Jquery

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

این مشکل مخصوصا برای افرادی که می خواهند به تازگی برنامه نویسی را شروع کنند بسیار اذیت کننده و آزار دهنده است چرا که مرتبا باید دوره های مختلف را برای یادگیری و شروع برنامه نویسی تماشا کنند.

در این دوره چه مباحثی آموزش داده شده است؟

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

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

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

سرفصل های دوره آموزش جامع قالب سایت باما

• Html وCSS  و Javascript چیست؟
• ایجاد ساختار header
• استایل دهی header
• آموزش تعریف فونت
• آموزش margin و padding
• طراحی زیر منو
• بررسی تفاوت display inline و block  و inline block
• بررسی position:absolute
• طراحی جستجو
• کار با animation و transition
• طراحی لوگو
• طراحی نتایج جستجو
• آموزش کلاس های کاذب
• آموزش before و after
• معرفی رویداد click در jquery
• نحوه تعریف متغیر در jquery
• افزودن و حذف کلاس در jquery
• طراحی منو میانبرها
• طراحی اسلایدر
• طراحی اسلایدر میانبرها
• طراحی footer
• رسپانسیو کردن صفحه index
• آموزش استفاده از media
• طراحی صفحه جستجو
• طراحی فیلترهای جستجو
• طراحی لیست جستجو
• طراحی گوش به زنگ
• طراحی صفحه بندی
• طراحی بنرهای صفحه جستجو
• رسپانسیو کردن صفحه جستجو
• طراحی صفحه جزئیات آگهی
• طراحی اسلایدر تصاویر آگهی
• طراحی بخش آگهی های مرتبط
• طراحی گالری تصاویر
• طراحی گزارش آگهی
• رسپانسیو کردن صفحه جزئیات آگهی
• طراحی صفحه ورود کاربران
• بررسی واحدهای em و Rem
• رسپانسیو کردن صفحه ورود کاربران
• طراحی صفحه ثبت آگهی
• رسپانسیو کردن صفحه ثبت آگهی
• صفحه تعرفه ها
• طراحی صفحه تعرفه ها

حاصل دوره

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