آموزش طراحی فرم لاگین با HTML و CSS

آموزش طراحی فرم لاگین با HTML و CSS

جلسه 1
آموزش ساخت اسلایدر با HTML و CSS (عکس | بلاگ)

آموزش ساخت اسلایدر با HTML و CSS (عکس | بلاگ)

جلسه 2
آموزش ساخت ساعت دیجیتال در جاوا اسکریپت

آموزش ساخت ساعت دیجیتال در جاوا اسکریپت

جلسه 3
نمایش و پنهان کردن رمز عبور در جاوا اسکریپت

نمایش و پنهان کردن رمز عبور در جاوا اسکریپت

جلسه 4
ساخت منوی بازشو در HTML CSS و جاوا اسکریپت

ساخت منوی بازشو در HTML CSS و جاوا اسکریپت

جلسه 5
مینی وب اپلیکیشن پسورد ساز با جاوا اسکریپت

مینی وب اپلیکیشن پسورد ساز با جاوا اسکریپت

جلسه 6
ساخت دکمه سوئیچ یا Toggle Button در جاوا اسکریپت

ساخت دکمه سوئیچ یا Toggle Button در جاوا اسکریپت

جلسه 7
ساخت باکس جستجو یا سرچ بار در جاوا اسکریپت

ساخت باکس جستجو یا سرچ بار در جاوا اسکریپت

جلسه 8
ساخت انیمیشن کلیک روی دکمه در جاوا اسکریپت

ساخت انیمیشن کلیک روی دکمه در جاوا اسکریپت

جلسه 9
پروفایل کارت با تغییر رنگ تم در جاوا اسکریپت

پروفایل کارت با تغییر رنگ تم در جاوا اسکریپت

جلسه 10
آموزش ساخت لندینگ پیج با HTML و CSS و جاوا اسکریپت

آموزش ساخت لندینگ پیج با HTML و CSS و جاوا اسکریپت

جلسه 11
افکت هاور دکمه با استفاده از HTML و CSS (دکمه انیمیشنی)

افکت هاور دکمه با استفاده از HTML و CSS (دکمه انیمیشنی)

جلسه 12
آموزش ویدیویی ساخت اکولایزر حرفه ای با HTML & CSS

آموزش ویدیویی ساخت اکولایزر حرفه ای با HTML & CSS

جلسه 13
ساخت امواج SVG | افزودن CSS Waves به سایت (آموزش ویدیویی)

ساخت امواج SVG | افزودن CSS Waves به سایت (آموزش ویدیویی)

جلسه 14
آموزش ساخت هاور 3 بعدی برای دکمه ها با HTML و CSS

آموزش ساخت هاور 3 بعدی برای دکمه ها با HTML و CSS

جلسه 15
آموزش ویدیویی ساخت UI کارت پروفایل کاربری با HTML & CSS

آموزش ویدیویی ساخت UI کارت پروفایل کاربری با HTML & CSS

جلسه 16
ویدیوی آموزش ساخت ۴ افکت هاور آیکون تنها با HTML & CSS

ویدیوی آموزش ساخت ۴ افکت هاور آیکون تنها با HTML & CSS

جلسه 17

شما در حال مشاهده
جلسه 18 هستید

آموزش ساخت فرم ورود به سایت با افکت های زیبا با HTML و CSS

آموزش ساخت فرم ورود به سایت با افکت های زیبا با HTML و CSS

جلسه 18
آموزش ساخت انیمیشن حرکت موس با جاوا اسکریپت

آموزش ساخت انیمیشن حرکت موس با جاوا اسکریپت

جلسه 19
آموزش ساخت هاور آیکون انیمیشنی با html و css (ساخت تولتیپ)

آموزش ساخت هاور آیکون انیمیشنی با html و css (ساخت تولتیپ)

جلسه 20
ساخت باکس اطلاعات تماس در HTML و CSS (با هاور زیبا)

ساخت باکس اطلاعات تماس در HTML و CSS (با هاور زیبا)

جلسه 21
آموزش ساخت فرم ثبت نام با html و css (فرم ثبت‌نام در سایت)

آموزش ساخت فرم ثبت نام با html و css (فرم ثبت‌نام در سایت)

جلسه 22
آموزش طراحی هاور تصویر با HTML و CSS 🤩طراحی های خلاقانه

آموزش طراحی هاور تصویر با HTML و CSS 🤩طراحی های خلاقانه

جلسه 23
طراحی یک صفحه ساده وبسایت با HTML و CSS ✅برای مبتدیان

طراحی یک صفحه ساده وبسایت با HTML و CSS ✅برای مبتدیان

جلسه 24
طراحی صفحه تماس با ما ریسپانسیو با استفاده از HTML و CSS

طراحی صفحه تماس با ما ریسپانسیو با استفاده از HTML و CSS

جلسه 25
آموزش طراحی فرم لوگین با HTML و CSS 🤩 طراحی های خلاقانه فرانت اند

آموزش طراحی فرم لوگین با HTML و CSS 🤩 طراحی های خلاقانه فرانت اند

جلسه 26
آموزش ساخت باکس قیمت گذاری با HTML و CSS

آموزش ساخت باکس قیمت گذاری با HTML و CSS

جلسه 27

مدرس دوره

نبی عبدی

زمان ویدیو

06:26 دقیقه

برو به دیگر جلسات

مینی پروژه HTML و CSS

دانلود ویدیو

وارد شوید

آموزش ساخت فرم ورود به سایت با افکت های زیبا با HTML و CSS

منتشر شده در تاریخ : 27 اسفند 1401
باید لاگین کنید!

آموزش ساخت فرم لوگین با HTML و CSS :
در این آموزش طراحی سایت از سری آموزش های طراحی خلاقانه با html و css برای شما همراهان گرانقدر آکادمی وبکیما ، ویدیوی آموزش ساخت یک فرم ورود به سایت با انیمیشنی زیبا و ساده آماده کرده ایم.

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

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

4.4/5 - (5 امتیاز)

دیدگاه و پرسش

  1. نظری میگوید:

    سلام خسته نباشید موقع نوشتن برنامه کد box input قسمت type قبول نمیکنه و نمیتونم بخش text , submit رو جدا استایل کنم مشکل از کجاست؟

    • پشتیبانی میگوید:

      سلام، احتمال زیاد کدها را به درستی وارد نمی‌کنید.

  2. محمد میگوید:

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

    • پشتیبانی میگوید:

      درود بر شما، برای این کار شما باید برنامه نویسی بک اند یاد بگیرید، زبان ‌های برنامه نویسی مثل جاوا اسکریپت یا PHP.

  3. ملیکا میگوید:

    سلام من خیلی جستجو کردم ولی چیزی پیدا نکردم اینکه همزمان با نوشتن کد در سمت چپ تغییرات در صفحه وب را می بینیم .با در اتم چه تغییری بدهیم؟
    تشکر

    • پشتیبانی میگوید:

      سلام، باید افزونه لایو سرور atom-live-server را روی اتم نصب کنید.

  4. ملیکا میگوید:

    سلام چه پلاگین هایی در atom باید نصب کنم که بتونم مثل کار شما همزمان بانوشتن کدهای نتیجه را ببینم

    • پشتیبانی میگوید:

      سلام، پیشنهاد می‌کنیم در این رابطه آموزش های صفحه آموزش HTML و CSS وبکیما را مشاهده کنید.

  5. هومن یوسفی میگوید:

    عالی بود

  6. سوشیان میگوید:

    ببخشید چطوری ساید پریوو رو در اتم فعال کنم

    • پشتیبانی میگوید:

      با نصب پلاگین Atom HTML Preview می‌توانید این قابلیت را به اتم اضافه کنید.

  7. ابراهیم میگوید:

    اسم این برنامه ای که داره داخلش کد نویسی میکنه چیه؟

  8. سوشیان میگوید:

    سلام ببخشید شما در چه نرم افزاری کد مینویسید؟

    • پشتیبانی میگوید:

      با سلام و احترام، ویرایشگر این ویدیو نرم افزار Atom است.

  9. Mojtaba میگوید:

    سلام مهندس خسته نباشید
    من این طرح فرم ورودی که اموزش دادید رو ساختم و الان میخاستم روی سایت وردپرسیم پیاده سازیش کنم.
    سوالم اینه چطور میتونم این کارو انجام بدم؟
    ممنون بابت اموزش هاتون

    • پشتیبانی میگوید:

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

  10. علیرضا میگوید:

    سلام خسته نباشید از چه پکیجی در برنامه اتم استفاده میکنید که تغییرات را به صورت زنده میبینید

  11. ماهان میگوید:

    باچه نرم افزاری کد نویسی کردین

    • پشتیبانی میگوید:

      با نرم افزار Atom کدنویسی شده است.

آموزش‌های ویدیویی جدید یوتیوب رو از دست ندی!

بزن بریــم!