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

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

آموزش طراحی سایت با bootstrap 5

مهم نیست قبلا طراحی سایت انجام دادید و یا حتی چندین پروژه را به اتمام رساندید و یا تازه اولین بار قصد ورود به این حوزه را دارید,
به هر حال در دوره حرفه ای آموزش طراحی سایت با بوت استراپ ۵  هدف ما این است که بطور اصولی و از ابتدا تمام مفاهیم را به شما برای حرفه ای شدن و پیشرفت در طراحی وب را آموزش بدیم.

آموزش طراحی سایت با بوت استرپ ( Bootstrap 5 )

از اونجایی که این فریم ورک قدرتمند و سریع کار طراحان وب رو بسیار ساده و سریع میکنه تصمیم گرفتیم که در این دوره آموزشی یعنی آموزش طراحی سایت با بوت استرپ ۵ یا جادوی رابط کاربری ،
از مقدماتی تا پیشرفته تمامی مباحث و بخش های مختلف قالب رو به صورت جزء به جزء مورد بررسی قرار بدیم و اینکه دوستان دقت کنید که شما برای یادگیری این دوره آموزشی فقط یکم با کد html و css آشناباشید
ما توی سایت پاسخ وردپرس آموزش html و css را به صورت کامل آموزش دادیم رایگان است میتوانید از این آموزش ها استفاده کنید .

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

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

واکنش گرایی یا ریسپانسیو سازی صحفات وب با Bootstrap 5

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

از صفر طراحی سایت انجام بدید …

پیش‌نیاز ثبت‌نام در این دوره آشنایی نسبی با html و css است.
اگر می‌دانید چگونه با html و css کار کنید  باز هم می‌توانید به کمک این دوره،
طراحی سایت  را حرفه ای  یاد بگیرید. چرا‌که از مفاهیم ابتدایی زبان‌های نشانه‌گذاری، استایل نویسی و طراحی حرفه‌ای را توضیح خواهیم داد.
آموزش طراحی سایت

مخاطبین دوره

دوره جامع طراحی سایت با HTML و CSS و bootstrap 5 هیچ پیش نیازی ندارد .ولی قبل از ثبت نام می بایست به موارد زیر توجه کنید تا در ادامه آموزش به مشکل نخورید.

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

  • افرادی که می خواهند متخصص طراحی سایت شوند
  • برای تمام کسانی که به فکر راه اندازی کسب و کار طراحی سایت خود هستند.
  • افرادی که قصد شروع برنامه نویسی وب را دارند اما نقطه شروع را نمی‌دانند.
  • افرادی که میخواهند تبدیل طرح دستی یا PSD به کد را یاد بگیرند.
  • طراحان سایتی که می خواهند دانش طراحی سایت خود را بروز کنند و یا ریسپانسیو را اصولی یاد بگیرند.
  • مدیران سایت یا وبمسترهایی که میخواهند وابستگی به طراح قالب را کم کنند و هزینه های تغییرات جزئی را کاهش بدند.
  • افرادی که میخواهد در خانه بنشینند و کسب درآمد آنلاین داشته باشند.
  • افرادی که میخواهند وارد دنیای درآمدزایی از طریق پروژه های ساخت سایت شوند.

مزایای دوره آموزش طراحی سایت

  • آموزش از سطح کاملا مقدماتی شروع می شود
  • آموزش کاملا پروژه محور و متناسب با نیاز و تغییرات روز است
  • آموزش را تا سطح پیشرفته ادامه می دیم تا کاملا حرفه بشید
  • ارتباط مستقیم با مدرس
  • پشتیبانی مادام‌العمر در تلگرام/پنل کاربری/واتساپ/ایمیل
  • دسترسی همیشگی به همه فایل‌ها
  • ارتباط از راه دور جهت رفع اشکالات و
  • ابهامات شما در طراحی سایت
  • بروزرسانی دائمی و رایگان
  • سورس کد کامل پروژه ها
  • تمام سوالات شما در کمتر از ۲۴ ساعت در طول روز پاسخ داده می شود

آموزش غیرحضوری و آنلاین

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

مخاطبین دوره طراحی سایت با HTML و CSS :

  • علاقه مندان به طراحی سایت
  • گرافیست هایی که می خواهند وارد حوزه طراحی صفحات وب شوند و طرح گرافیکی خود یا دیگران را به کد تبدیل کنند
  • افرادی که میخواهند یک مهارت پولساز را یاد بگیرند
  • افرادی که به طور جدی میخواهند از طراحی‌سایت پول در بیاورند
  • وبمستر و مدیران سایت که می‌خواهند تغییرات ظاهری قالب ها را به تنهایی انجام دهند

بعد از گذراندن این دوره به چه مهارتی دست پیدا میکنم

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

پشتیبانی دوره چطوره؟

لیست بروز رسانی  دوره 

جلسه اول بروز رسانی

  • ساخت یک صحفه اسکرولی زیبا
  • نوشتن کد های html
  • قرار دادن تصویر
  • استایل نویسی تصویر
  • و غیره …

ویدیو از بروز رسانی

پشتیبانی دوره چطوره؟

پشتیبانی این دوره بصورت همیشگی از طریق اکانت تلگرام با آیدی @su_replywp یا واتساپ ۰۹۱۳۸۹۰۵۷۰۸  و همچنین ایمیل و قسمت نظرات سایت  در دسترس هست و میتونید سوالات و چالش هایی که در طول یادگیری یا حتی انجام پروژه بهش برمیخورید رو بپرسید و تکمیل کنید.

نظرات دانشجویان این دوره

 

 

قالب طراحی شده در این دوره

صفحه اصلی طراحی شده 

صفحه اصلی طراحی شده 

صفحه داخلی یا single طراحی شده در این دوره

 

صفحه داخلی یا single طراحی شده در این دوره

صفحه archive طراحی شده در این دوره آموزش طراحی قالب html css

 

صفحه archive طراحی شده در این دوره آموزش طراحی قالب html css

 

صفحه جستجو طراحی شده در این دوره آموزش  طراحی قالب html css

 

صفحه جستجو طراحی شده در این دوره آموزش  طراحی قالب html css

 

صفحه ۴۰۴ طراحی شده در آموزش طراحی قالب html css

 

صفحه 404 طراحی شده در آموزش طراحی قالب html css

 

صفحه ورود و عضویت طراحی شده در این آموزش طراحی قالب html css

 

صفحه ورود و عضویت طراحی شده در این آموزش طراحی قالب html css

سر فصل های آموزش طراحی قالب html5  و css3 با bootstrap5

جلسه ۱ آموزش طراحی قالب html و css ابزار های مورد نیاز برای طراحی قالب

جلسه ۲ آموزش طراحی قالب html و css لود کردن فایل های موردنیاز

  • فراخوانی فایل های css
  • فراخوانی فایل js
  • فراخوانی فایل fonts
  • ساخت سند style.css
  • قرار دادن کد های ریست
  • روش اسفاده از فونت ها
  • و غیره …

جلسه ۳ آموزش طراحی قالب html و css پیاده سازی اعلانات سایت

  • نوشتن کد های هدر سایت توسط کد های HTML5
  • نهوه کامنت گذاری داخل کدهای html
  • تعریف کدهای html برای اعلانات
  • استایل نویسی اعلانات
  • استفاده از linear-gradient برای پس زمینه
  • معرفی سایت linear-gradient برای طراحی سایت
  • استفاده از کدهای  bootstrap5 بستن اعلانات
  • و غیره…

جلسه ۴ آموزش طراحی قالب html و css پیاده سازی منوی بالای سایت

  • پیاده سازی منوی بالا
  • تعریف کد های html برای منو
  • توضیحات خولصه در مورد col بوت استراپ
  • استفاده از کد های بوت استراپ برای تفسیم بندی
  • استایل نویسی منوی
  • استفاده از before  سی اس اس برای زیبا سازی منو
  • تکمیل استایل منوی بالا به صورت کامل
  • وغیره…

جلسه ۵ آموزش طراحی قالب html و css پیاده سازی منوی اصلی سایت قسمت اول

  • کد های html منوی اصلی سایت
  • استفاده از کدهای nav بوت استراپ
  • توضیحات لازم از استفاده از navbar
  • روش استفاده از navbar ها برای منوی سایت
  • روش استایل نویسی منوی اصلی
  • استفاده از navbar-brand
  • قرار دادن لوگو سایت در منوی اصلی
  • و غیره …

جلسه ۶ آموزش طراحی قالب html و css پیاده سازی منوی اصلی سایت قسمت دوم تکمیل منو

  • ساخت منوی آبشاری
  • استایل منوی آبشاری
  • کد html سبد خرید
  • کد های html دکمه ورود و ثبت نام
  • استایل سبد خرید
  • استایل دگمه ورود و ثبت نام
  • منو اصلی به صورت کامل تکمیل
  • و غیره …

جلسه ۷ آموزش طراحی قالب html و css پیاده سازی باکس جستجو

  • تعریف کدهای html برای sidebar و  content
  • تقسیم بندی استفاده col های بوت استراپ
  • استفاده از کامنت ها برای تمیز نگه داشت کد ها
  • استفاده از کلاس های بوت استراپ برای فاصله
  • استفاده از کد های html  بوت استراپ برای فورم ها
  • استایل نویسی فرم جستجو
  • و غیره …

جلسه ۸ آموزش طراحی قالب html و css پیاده سازی اسلایدر اصلی سایت

  • معرفی اسلایدر بوت استراپ
  • نهوه استفاده از اسلایدر
  • پیاده سازی owl-carousel
  • کدهای html و owl-carousel
  • کدهای js اسلایدر owl-carousel
  • استفاده از js در اسلایدر
  • اسفاده از فونت آیکونها در اسلایدر
  • استفاده به صورت راست چین در owl-carousel اسلایدر
  • استایل نویسی owl-carousel به صورت کامل
  • و غیره …

جلسه ۹ آموزش طراحی قالب html و css پیاده سازی باکس آخرین مقالات سایت

  • استفاده از کامنت ها برای مرتبط سازی
  • استفاده از کد های html5 برای هدر باکس های
  • استفاده از فونت آیکونها
  • استفاده از کلاس های بوت استراپ
  • استفاده از float end
  • استایل نویسی قسمت هدر مطالب
  • و غیره …

جلسه ۱۰ آموزش طراحی قالب html و css پیاده سازی باکس آخرین مقالات سایت قسمت تکمیلی

  • پیاده سازی باکس های مقالت سایت
  • استفاده از col بوت استراپ برای تقسیم بندی
  • استفاده از کامنت ها
  • استفاده از کد های html 5 برای سؤ سایت
  • قرار دادن عنوان
  • قرا دادن تصویر
  • قرار دادن دسته بندی
  • و غیره ..

جلسه ۱۱ آموزش طراحی قالب html و css پیاده سازی باکس آموزش های ریگان به صورت اسلایدری

  • پیاده سازی عنوان باکس آموزش های رایگان
  • نهوه کامنت گذاری
  • استفاده از کد های html5
  • استفاده از کد های بوت استراپ
  • استفاده از کلاس های پیش فرض بوت استراپ برای وسط چین کردن
  • پیاده سازی زیر عنوان باکس
  • قرار دادن border زیر عنوان به صورت خیلی زیبا
  • استایل نویسی عنوان به صورت کامل
  • و غیره …

جلسه ۱۲ آموزش طراحی قالب html و css قسمت تکمیلی باکس آموزش های ریگان به صورت اسلایدری

  • رفع مشکل پیش آمده برای اسلایدر اصلی سایت
  • استایل دگمه ها بعدی و قبلی اسلایدر
  • شروع استایل باکس های اسلایدر
  • استفاده از بوردر ها سی اس اس برای باکس ها
  • استفاده از کلاس های bootstrap5
  • استایل تصویر مطالب
  • استایل عنوان مطالب
  • و غیره …

جلسه ۱۳ آموزش طراحی قالب html و css پیاده سازی باکس پاکدست یا موزیک پلیر

  • استفاده از کامنت ها برای جدا سازی
  • پیاده سازی عنوان باکس
  • پیاده سازی زیر عنوان باکس
  • پیاده سازی تصویر پاکدست
  • پیاده سازی موزیک پلیر
  • معرفی یک سایت برای موزیک پلیر ها
  • دانلود موزیک پلیر
  • روش استفاده از موزیک پلیر
  • و کلی توضیحات دیگر…

جلسه ۱۴ آموزش طراحی قالب html و css پیاده سازی سایدبار چسبان

  • کد های html5 برای سایدبار
  • تعریف کلاس و آیدی برای سایدبار
  • استفاده از آیدی برای چسبان کردن سایدبار
  • تعریف کد های جاوا اسکریپت برای چسبان کردن
  • پیاده سازی باکس سایدبار
  • پیاده سازی عنوان سایدبار
  • استایل نویسی عنوان
  • قرار دادن تصویر تبلیغات در سایدبار
  • کنترل تصویر با استایل
  • پیاده سازی تب ها
  • و غیره…

جلسه ۱۵ آموزش طراحی قالب html و css پیاده سازی تب ها سایدبار

  • کد های html تب ها
  • استایل دگمه تب ها
  • پیاده سازی محبوب ترین ها
  • کد های html محبوب ترین ها
  • استایل content تب ها
  • استایل باکس محبوب ترین ها
  • پیاده سازی جدید ترین مقالات
  • کد های جدید ترین مقالات
  • و غیره…

جلسه ۱۶ آموزش طراحی قالب html و css قسمت پایانی سایدبار چسبان

  • استایل جدید ترین مطالب
  • استایل تصویر جدید ترین مطالب
  • استایل عنوان جدید
  • استایل متن خلصه جدید ترین
  • استایل متا های جدید ترین مطالب
  • پیاده سازی قسمت دیدگاه های تب
  • کد های html دیدگاه
  • استایل دیدگاه
  • و غیره…

جلسه ۱۷ آموزش طراحی سایت bootstrap پیاده سازی ویدیو لیست ها قسمت یک

  • شروع ویدیو لیست ها
  • استفاده از کامنت ها برای جدا سازی
  • استفاده از کد های html5
  • انتخاب پس زمینه
  • قرار دادن عنوان
  • قرار دادن زیر عنوان
  • استفاده از کد بوت استراپ
  • استفاده از تب ها
  • استفاده از تگ ویدیو
  • و غیره…

جلسه ۱۸ آموزش طراحی سایت bootstrap پیاده سازی ویدیو لیست ها قسمت دوم تکمیلی

  • پیاده سازی تب های
  • استفاده از تصویر با جای متن
  • استفاده از کد bootstrap
  • استفاده از flex ها
  • وارد کردن تصویر ویدیو
  • وارد کردن عنوان ویدیو
  • وارد کردن تاریخ انتشار ویدیو
  • استفاده از آیکونها
  • استایل تمام قسمت های لیست ویدیو ها
  • و غیره…

جلسه ۱۹ آموزش طراحی سایت bootstrap پیاده سازی مطالب وبلاک ویژه

  • پیاده سازی عنوان مطالب ویژه
  • استفاده از کد های bootstrap
  • برای تقسیم بندی تصویر مطالب وبلاک از col های bootstrap
  • ایجاد لینک تصویر
  • کد های html5 برای تصویر
  • وارد کردن تصویر
  • استایل تصویر
  • استایل دسته بندی تصویر
  • استایل عنوان تصویر
  • استایل تمام قسمت های مطالب وبلاک ویژه
  • و غیره…

جلسه ۲۰ آموزش طراحی سایت bootstrap پیاده سازی باکس های نظرات مشتریان

  • استفاده از اسلایدر برای نمایش نظرات مشتریان
  • تعریق کلاس اسلایدر
  • استفاده از کدها bootstrap
  • پیاده سازی عنوان
  • پیاده سازی زیر عنوان اسلایدر
  • کد های html نظرات مشتریان
  • استفاده از row
  • تصویر مشتری
  • نام مشتری
  • لینک ویدیو مشتری
  • استایل باکس
  • و غیره…

جلسه ۲۱ آموزش طراحی سایت bootstrap پیاده سازی تصویر و باکس های ریپورتاژ آگهی

  • پیاده سازی تصویر
  • استایل تصویر
  • پیاده سازی باکس های ریپورتاژ آگهی
  • استفاده از کد های bootstrap
  • قرار دادن تصویر در پس زمینه باکس
  • قرار دان تصویر آیکونی
  • پیاده سازی عنوان
  • پیاده سازی توضیحات
  • استایل بسیار زیبا برای باکس
  • و غیره…

جلسه ۲۲ آموزش طراحی سایت  bootstrap 5 پیاده سازی فوتر به صورت کامل پایان صفحه اصلی

  • استفاده از کد های html5
  • نوشتن کد های html فوتر سایت
  • قرار دادن لوگو
  • قرار دادن عنوان لوگو
  • پیاده سازی منوی های فوتر
  • پیاده سازی کپی رایت فوتر سایت
  • استایل تمام قسمت های فوتر سایت
  • پایان صفحه اصلی سایت
  • و غیره…

جلسه ۲۳ آموزش طراحی قالب  bootstrap 5 ریسپانسو کردن صفحه اصلی جلسه اول

  • ریسپانسو صفحه اصلی
  • ریسپانسو با بوت استرپ
  • تست قسمت اعلانات سایت
  • کنترل منوی بالای
  • کنترل منوی اصلی
  • کنترل لوگوی سایت
  • پیاده سازی فایل ریسپانسو برای قالب
  • آموزش ریسپانسو کردن دستی
  • و غیره…

جلسه ۲۴ آموزش bootstrap 5 ریسپانسو کردن صفحه اصلی جلسه دوم پایانی

  • ریسپاسو کردن لیست ویدیو ها
  • ریسپاسو کردن بخش پاک دست ها
  • ریسپاسو کردن مطالب ویژه
  • ریسپاسو کردن نظرات کاربران
  • ریسپاسو کردن باکس های ریپورتاژ آگهی
  • ریسپاسو کردن footer
  • و غیره…

جلسه ۲۵ آموزش bootstrap 5 شروع single پیاده سازی breadcrumb

  • ساخت صفحه single.html
  • انتقال هدر
  • انتقال سایدبار
  • انتقال پابرگ
  • پیاده سازی breadcrumb
  • استایل breadcrumb
  • پیاده سازی عنوان و متا تگ ها
  • و غیره…

جلسه ۲۶ آموزش bootstrap 5 پیاده سازی مطالب و باکس نویسنده

  • استایل عنوان و متاها
  • پیاده سازی p و h2
  • پیاده سازی تصویر
  • استایل کانتنت
  • کنترل تصویر
  • کنترل p و h2
  • پیاده سازی باکس نویسنده
  • اسم نویسنده تصویر نویسنده توضیحات نویسنده
  • استایل باکس نویسنده کامل
  • و غیره…

جلسه ۲۷ آموزش bootstrap 5 پیاده سازی دگمه شبکه اجتماعی و باکس آدرس کانال سایت

  • پیاده سازی دگمه های شبکه اجتماعی
  • استایل دگمه شبکه های اجتماعی
  • پیاده سازی باکس های آدرس کانال سایت
  • استفاده از  svg برای انستاگرام
  • استفاده از svg برای تلگرام
  • عنوان کانال
  • استایل باکس ها به صورت خیلی جزاب
  • و غیره…

جلسه ۲۸ آموزش bootstrap 5 پیاده سازی باکس مشاوره

  • پیاده سازی باکس
  • استفاده از کلاس های بوت استرپ
  • استفاده از تصویر برای پس زمینه
  • پیاده سازی عنوان باکس مشاوره
  • پیاده سازی توضیحات باکس مشاوره
  • استفاده از modal بوت استرپ ۵
  • استفاده از فرم داخل مودال
  • استایل نویسی به صورت کامل
  • و غیره…

جلسه ۲۹ آموزش bootstrap 5 پیاده سازی باکس دانلود

  • پیاده سازی عنوان باکس دانلود
  • استایل عنوان باکس دانلود
  • پیاده سازی لیست کشویی باکس دانلود
  • استفاده از Accordion بوت استرپ ۵
  • اضافه کردن تصویر باکس دانلود
  • توضیحات هر باکس
  • قرار دادن لینک دانلود باکس دانلود
  •  استایل کامل به صورت جذاب باکس دانلود
  • و غیره…

جلسه ۳۰ آموزش طراحی قالب HTML5  پیاده سازی مطالب مرتبط

  • پیاده سازی باکس ها
  • پیاده سازی عنوان
  • پیاده سازباکس مطالب مرتبط
  • استفاده از کدهای  HTML5
  • جایگاه تصویر مطالب مرتبط
  • استفاده از SVG برای زیبا سازی
  • عنوان باکس مطالب مرتبط
  • استایل کامل باکس ها
  • و غیره…

جلسه ۳۱ آموزش طراحی قالب HTML5  پیاده سازی فرم ارسال نظر اتمام single.html

  • پیاده سازی فرم نظرات
  • استفاده از کلاس های بوت استرپ
  • پیاده سازی فرم نام
  • پیاده سازی فرم ایمیل
  • پیاده سازی فرم url
  • پیاده سازی چک باکس
  • پیاده سازی فرم توضیحات
  • پیاده سازی فرم ارسال نظر
  • استایل کامل فرم نظرات
  • فایل single.html به صورت کامل تمام شد
  • و غیره…

جلسه ۳۲ آموزش طراحی قالب HTML5  پیاده سازی صفحه آرشیو و صفحه جستجو

  • ساخت صفحه archive.html
  • پیاده سازی باکس مطالب
  • استفاده از pagination برای صفحه بعد و قبل
  • ساخت صفحه search.html
  • پیاده صفحه search.html به صورت تمام صفحه
  • پیاده سازی باکس های جستجو شده
  • استایل متفاوت از تمام صفحات
  • و غیره…

جلسه ۳۳ آموزش طراحی قالب bootstrap 5 0 پیاده سازی صفحه ۴۰۴

  • پیاده سازی صفحه ۴۰۴
  • تعریف کلاس برای صفحه ۴۰۴
  • استفاده از تصویر برای صفحه ۴۰۴
  • عنوان صحفه ۴۰۴
  • کلید بازگشت به صفحه اصلی
  • استایل نویسی کامل صفحه ۴۰۴
  • و غیره…

جلسه ۳۴ آموزش طراحی قالب bootstrap 5 0 پیاده سازی صفحه ورود و ثبت نام به صورت اختصاصی

  • ساخت صفحه ورود و ثبت نام
  • ساخت فایل اختصاصی استایل برای ثبت نام و ورود
  • پاک سازی فایل های استایل و غیره
  • فراخونی فایل استایل
  • ایجاد تگه های برای فرم ثبت نام و ورود
  • استایل نویسی جایگاه فرم
  •  پیاده سازی عنوان ورود
  • استفاده از فرم های بوت استرپ ۵
  • پیاده سازی فرم ثبت نام
  • استایل نویسی فرم ثبت نام و ورود
  • و غیره…

جلسه ۳۵ آموزش طراحی قالب bootstrap 5 0 پیاده سازی صفحه ورود و ثبت نام به صورت اختصاصی جلسه دوم

  • کنترل placeholder
  • پیاده سازی توضیحات برای ثبت نام
  • پیاده سازی دگمه ورود به بخش ثبت نام
  • پیاه سازی توضیحات ورود
  • قرار دادن کد های جاوا اسکریپت برای کنترل دگمه ها
  • قرار دادن تصویر برای قسمت ورود
  • قرار دادن تصویر باری قسمت ثبت نام
  • استفاده از linear-gradient برای :before
  • و غیره…

جلسه ۳۶ آموزش طراحی قالب bootstrap 5 0 اتمام صفحه ورود و ثبت نام به صورت کامل جلسه آخر

  • استایل تمام قسمت های ورود و ثبت نام
  • ریسپانسیو کردن صفحه ورود و ثبت نام
  • قرار دادن کدهای ریسپانسیو داخل فایل استایل
  • توضیحات در مورد کد های ریسپانسیو
  • کلام آخر برای دانشجویان
  • منتظر بروز رسانی های باشید
  • و غیره…

نظر شما در این‌باره چیست؟

قوانین ثبت دیدگاه
دیدگاه خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. required

  1. Mehdi امتیاز 5 از 5

    سلام؟ اگه این قالبو به وردپرس تبدیل کنید خیلی خوب و عالی میشه

    ژانویه 8, 2021 - 1:11 ق.ظ
    • زمان الله ابراهیمی مدیر

      سلام خدمت شما دوست گرامی حتما این کار خواهیم کرد کلا این قالب برای همین کار طراحی شده ما خواستیم اول برای شروع گفتیم اگه دوره html و css را و هم وردپرس را یکی کنیم خیلی طولانی می شد شاید کسی نخواهد این کار کنه برای همین هم اول این دوره را برگذار کردیم به زود ترین فرصت دوره طراحی قالب وردپرس برگذار خواهد شد به هر یک دنیا ممنون از پشنهاد با ارزش ما موفق و سر بلند باشید

      ژانویه 8, 2021 - 9:01 ق.ظ
    • احسان قاجار دانشجو امتیاز 5 از 5

      هر چه زودتر مشتاق دیدن ویدیو های بعدی هستیم.

      ژانویه 10, 2021 - 8:34 ب.ظ
      • زمان الله ابراهیمی مدیر

        سلام خدمت شما همراه همیشگی وب سایت پاسخ وردپرس حتما نهایت تلاش را میکنم تا این دوره به زود ترین فرصت و بدونه کمی و کاستی خدمت شما قرار خواهم داد خیلی خوشحالم که پیگیری می کنید به هر موفق و سربلند باشید

        ژانویه 10, 2021 - 10:03 ب.ظ
  2. mehdi امتیاز 4 از 5

    سلام؟ اگه ممکن هستش قسمت های بعدی ویدیو ها رو زود آپلود کنید!!

    ژانویه 12, 2021 - 5:59 ب.ظ
    • زمان الله ابراهیمی مدیر

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

      ژانویه 12, 2021 - 6:54 ب.ظ
  3. mehdi امتیاز 4 از 5

    سلام؟ اگه ممکنه دوره رو بهمون قیمت قبلی بزارید تا دوره رو فردا ازتون بگیریم؟

    ژانویه 12, 2021 - 11:20 ب.ظ
    • زمان الله ابراهیمی مدیر

      سلام خدمت شما دوست گرامی هر جلسه که اضافه بشه قیمت ها افزایش پیاده خواهد کرد هنوز هم ۷۷ درصد تخفیف داره دوست عزیز میتوانید استفاده نمایید موفق باشید

      ژانویه 13, 2021 - 9:37 ق.ظ
  4. احسان قاجار دانشجو امتیاز 5 از 5

    بسیار عالیه همین روند رو ادامه بدین .

    ژانویه 15, 2021 - 8:00 ب.ظ
    • زمان الله ابراهیمی مدیر

      سلام خدمت شما دوست گرامی و همراه همیشگی وب سایت پاسخ وردپرس خیلی خوش حالم که مفید بوده حتما به همین صورت خواهد بود موفق و سر بلند باشید

      ژانویه 15, 2021 - 8:14 ب.ظ
  5. مالک امتیاز 5 از 5

    سلام علیک
    ببخشید می خوام سایت انگلیسی طراحی کنم آیا میشود؟

    ژانویه 25, 2021 - 8:27 ب.ظ
    • زمان الله ابراهیمی مدیر

      سلام خدمت شما دوست عزیز مشکل نداره هر سایت که میخواهید میتوانید طراحی کنید توی آموزش ما گفتیم که برای سایت های فارسی از بوت استراپ rtl استفاده کریم شما میتوانید از خود بوت استراپ استفاده کنید هر گونه سوال بود بنده در خدمت هستم موفق و سر بلند باشید

      ژانویه 25, 2021 - 8:57 ب.ظ
  6. احسان قاجار دانشجو امتیاز 5 از 5

    سلام به جناب آقای ابراهیمی عزیز
    واقعا ازتون سپاس گذارم که انقدر با فکر و برنامه ریزی دارین کار طراحی قالب این سایت رو جلو میبرین بنده نزدیک به ۴ سال هست در زمینه برنامه نویسی فراند و بک اند فعالیت دارم و با خیلی از سایت های آموزشی فارسی زبان و حتی سایت های معتبر خارجی دیدن کردم متاسفانه علرقم اینکه خیلی از سایت معتبر هستن ولی بروی محتویات بعضی آموزش ها مدیریت ندارن و کاملا مشخص هستش که استاد کاملا آماتور هستش و اصلا خط مشی درست و حسابی برای پیشبرد آموزش نداره و پیش خودشون گفتن شروع میکنیم هر چی بادا باد
    الی ایحال عرض میکنم خدمتتون که آموزش های با کیفیتی دارین تهیه میکنید و چند وقت پیش هم که با جنابعالی صحبت کردم بهتون عرض کردم دوره که در نظر گرفتین بالای ۵۰۰ هزار تومان ارزش مالی دارد سایت های آموزشی فارسی زبانی هستن که نمیخوام اسمشون رو بیارم متاسفانه دارن برای هر قسمتی از یک دوره که ظبط میکنن بین ۲۰ الی ۳۰ هزار تومان پول دریافت میکنن و ارزش آنچنانی هم نداره
    تلاش بنده این است که شما رو برای اشخاصی که یکم html5 و یکم css3 بلد هستن و میخوان خودشون رو بسنجن و ببینن چیز های که یاد گرفته اند به چه کاری میاد شما رو معرفی میکنم
    و اما خواهشی که از شما آقای ابراهیمی عزیز دارم اینه که لطفا در این دورتون
    روی بخش responsive کردن بیشتر زمان بگذارید و اینکه مثلا برای قالب های md یعنی ۷۶۸px به پایین رو منو طراحی کنید که محتویات اون منو در واقع همون هدر سایت در حالت قالب lg یعنی ۹۹۲px به بالا باشد .

    ژانویه 27, 2021 - 5:30 ب.ظ
    • زمان الله ابراهیمی مدیر

      سلام و دورود میگم خدمت شما آقا احسان قاجار عزیز
      اول بابت کامت بسیار زیبا و پر انرژی شما تشکر و قدر دانی میکنم از شما خیلی ممنونم از شما لطف دارید
      حتما تمام قسمت ها توسط کد های بوت استرپ کنترل می کینم دستی هم responsive را آموزش میدم که دوستان اگه دوست داشته باشن هر جایی قالب بتوانند responsive کنند
      منتظر جلسات بعدی باشید یک جهان سپاسگزارم از شما و تمام دوستان عزیز موفق و سر بلند باشید توی زندگی

      ژانویه 27, 2021 - 6:20 ب.ظ
  7. مجید سلطانی امتیاز 5 از 5

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

    مارس 9, 2021 - 7:34 ب.ظ
    • زمان الله ابراهیمی مدیر

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

      مارس 9, 2021 - 7:44 ب.ظ
  8. Amirhossein امتیاز 5 از 5

    دوره کی تموم میشه ما تهیه کنیم

    مارس 13, 2021 - 7:05 ب.ظ
    • زمان الله ابراهیمی مدیر

      سلام خدمت شما دوست گرامی دوره به اتمام رسیده میتوانید تهیه فرمایید هر گونه سوال بود بنده در خدمتم موفق و سر بلند باشید

      مارس 13, 2021 - 7:22 ب.ظ
  9. احمد آقاجانپور امتیاز 5 از 5

    سلام
    نمیشه یک همچین آموزشی به صورت جداگانه فقط با html , css هم داشته باشین. درسته ما برای طراح شدن باید با فریم ورک کار کنیم به دلیل اینکه هم سرعت کار بره بالا هم در رسپانسیو کردن بهتر عمل کنیم و لی یک آموزش طراحی سایت یعنی همین طراحی که شما با بوت استرپ انجام دادید رو بدون استفاده از این فریم ورک انجام بدید و کد زدن با html,css خالص خیلی خوب می‌شد که ما بعد از اون بیایم سراغ یادگیری طراحی با بوت استرپ

    آوریل 4, 2021 - 5:41 ب.ظ
    • زمان الله ابراهیمی مدیر

      سلام خدمت شما احمد آقاجانپور عزیز اگه فقط منظور شما ریسپانسو کردن است که به صورت کامل آموزش داده شده است هم html 5 آموزش داده شده هم css اگه دقت کرده باشید فرم ثبت نام و ورود را بدونه استفاده از بوت استرپ پیاده سازی کردیم بازم شما بعد از دیدن این دوره فکر نمی کنم مشکل بابت طراحی قالب چه توسط بوت استرپ چه توسط خود شما به راحتی مسلط خواهید شد بازم اگه داخل دوره کمی کسری است حتما هر چند جلسه بشه بنده در خدمت شما هستم که آموزش را به صورت بروز رسانی و رایگان خدمت شما عزیزان قرار بدم
      یک جهان سپاسگزارم از کامنت شما بازم سوال مشکل بود بنده در خدمت هستم موفق و سر بلند باشید

      آوریل 4, 2021 - 7:39 ب.ظ
      • احمد آقاجانپور امتیاز 5 از 5

        سلام استاد
        نه منظور فقط ریسپانسیو کردن نبود منظور طراحی کامل یک قالب هستش.
        و اینکه معمولاً خیلی از سایت‌ها این آموزش‌ها رو می‌ذارند ولی قالب زندس یعنی فقط قالبه و نمی‌شه ازش استفاده کرد. منظورم اون قالبی که طراحی کردیم رو چه جوری باید در سایتمون استفاده کنیم؟ یا چه جوری به وردپرس تبدیلش کنیم؟

        آوریل 10, 2021 - 10:47 ب.ظ
        • زمان الله ابراهیمی مدیر

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

          آوریل 10, 2021 - 11:00 ب.ظ
          • احمد آقاجانپور امتیاز 5 از 5

            سلام استاد
            خوب یاد گرفتن php هم خوبه و در طراحی پروژه خیلی کمک کنندس ولی زمان بر هستش اگه شما از الان شروع بکنید به تبدیل قالب به وردپرس عالی میشه با تشکر.

            آوریل 10, 2021 - 11:55 ب.ظ
          • زمان الله ابراهیمی مدیر

            سلام خدمت شما دوست گرامی حتما یک برنامه ریزی روی دوره آموزش طراحی قالب وردپرس خواهیم داشت به زود ترین فرصت موفق باشید

            آوریل 11, 2021 - 7:42 ب.ظ
  10. میلاد باژیان امتیاز 5 از 5

    سلام
    شما فرمودید که پیش نیاز این دوره html, css بعد گفتین دوره از مبتدی تا پیشرفتس. چه جوریه؟ من الان هیچی از html, css نمیدونم باز می‌تونم؟ خُب بهتر نبود تو این دوره پیش نیازها رو هم یاد می‌دادین؟

    آوریل 12, 2021 - 11:58 ق.ظ
    • زمان الله ابراهیمی مدیر

      سلام خدمت شما دوست عزیز اگه یکم آشنایی داشته باشید خوبه در حدی که بدانید که html چی است همین این دوره ما صفر آموزش داده شده است هرگونه سئوال یا مشکل داشته باشید بنده در خدمتم موفق و پیروز باشید

      آوریل 12, 2021 - 1:36 ب.ظ
  11. حامد علینژاد امتیاز 5 از 5

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

    آوریل 13, 2021 - 11:59 ب.ظ
    • زمان الله ابراهیمی مدیر

      سلام خدمت شما دوست گرامی در نظر داریم به امید خدا لطفا پیشنهادات خودتون را برای ما ارسال فرمایید
      موفق سر بلند باشید

      آوریل 14, 2021 - 1:04 ب.ظ