آموزش طراحی فرم ورود وب سایت با html و css

طراحی فرم ورود وب سایت یا همان فرم لاگین(LOGIN) یکی از نیاز های هر وب سایتی جهت ورود کاربران و ثبت نام و دسترسی به بخش های اختصاصی وب سایت می باشد.

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

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

پیش نیاز این ویدیو آموزشی دانش مقدماتی از زبان های html و css می باشد.

در طراحی فرم ورود وب سایت با دو قسمت ورودی یا input اطلاعات و دکمه ی تایید مواجه هستیم.

بعد از نوشتن تگ های فرم در سند html به وسیله ی فایل css به آن ها استایل مورد نظر را اعمال می کنیم.

دانلود فایل پروژه
رمز فایل فشرده:www.s4d.ir

در این کلیپ آموزشی از نرم افزار ویرایشگر کد ادوبی دریم ویور استفاده شده است که می توانید آن را از وب سایت سافت ۹۸ دانلود کنید.

سه روش برای اضافه کردن CSS به صفحه وجود دارد :

  • CSS خارجی
  • CSS داخلی
  • سبک درون خطی

برای اتصال فایل css خود به سند html کد زیر را در قسمت تگ head سند html وارد کنید:

<“link rel=”stylesheet” type=”text/css” href=”css/style.css>

و آدرس فایل css را در جلو href وارد کنید.

HTML چیست؟

در يک صفحه HTML می توان انواع عناصر از قبيل متن ، تيتر ، عکس ، جدول و … را قرار داد ، که برای هر عنصر بايد از تگ مربوط به آن استفاده کرد . صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند.

بدین معنا که برای تصویر کد مربوط به تمایش تصویر و جدول و … کدهای اچ تی ام ال مربوط به هر یک را باید نوشت و مرورگر با رسیدن به این کد ها و تگ ها ، المنت های مرتبط با آن را نمایش می دهد.

هر یک از کدهای html ، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند.

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

CSS چیست؟

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

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

طراحی سایت و اپلیکیشن

اشتراک گذاری در شبکه های اجتماعی

2 دیدگاه برای“آموزش طراحی فرم ورود وب سایت با html و css

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *