%۷۵ تخفیف ویژه تمامی دوره ها
جستجو برای:
  • فناوری
    • وب
    • بازی سازی
    • برنامه نویسی
    • شبکه و امنیت
    • طراحی و چند رسانه ای
  • مهارت
    • سبک زندگی
    • کسب و کار
    • زندگی دیجیتال
    • زبان های خارجه
  • سورس ها
    • سورس اپلیکیشن
    • پکیج یونیتی
    • پلاگین وردپرس
  • دسترسی سریع
    • وبلاگ
    • پرسش و پاسخ
    • تماس با ما
    • مجوزها
    • کدهای تخفیف
    • سوالات متداول
  • تدریس در جت اموز
 
  • info@jetamooz.com
  • وبلاگ جت آموز
  • تدریس در جت اموز
جت اموز
  • فناوری
    • وب
    • بازی سازی
    • برنامه نویسی
    • شبکه و امنیت
    • طراحی و چند رسانه ای
  • مهارت
    • سبک زندگی
    • کسب و کار
    • زندگی دیجیتال
    • زبان های خارجه
  • سورس ها
    • سورس اپلیکیشن
    • پکیج یونیتی
    • پلاگین وردپرس
  • دسترسی سریع
    • وبلاگ
    • پرسش و پاسخ
    • تماس با ما
    • مجوزها
    • کدهای تخفیف
    • سوالات متداول
  • تدریس در جت اموز
0

ورود و ثبت نام

آموزش جامع HTML5 و CSS3 در قالب پروژه‌ی عملی

خانهفروشگاهبرنامه نویسیآموزش جامع HTML5 و CSS3 در قالب پروژه‌ی عملی
پکیج آموزش جامع Html و Css – کاملا پروژه محور
حالت مطالعه

آموزش جامع HTML5 و CSS3 در قالب پروژه‌ی عملی

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

HTML چیست؟

اچ تی ام ال یا HTML مخفف عبارت Hyper Text Markup Language به معنای “زبان نشانه گذاری متن” است. به طور معمول بر روی صفحات وب مجموعه ای از تصاویر، متون، جداول، ویدئوها و… وجود دارد که به کمک HTML شما می توانید آنها را مشاهده کنید. در اچ تی ام ال تگ های زیادی وجود دارند که هر کدام از آنها دارای معنا و مفهوم خاصی هستند. در واقع در زبان HTML بخش ها و کدهای مختلف توسط تگ ها از هم جدا می شوند و این تگ ها وظیفه چگونگی نمایش اطلاعات در صفحات مختلف وبسایت را بر عهده دارند.

Css چیست؟

css مخفف عبارت Cascading Style Sheets به معنای “برگه های آبشاری” می باشد. سی اس اس در واقع قابلیت صفحه آرایی، استایل دهی و زیباسازی صفحات وب را برای طراحان وب فراهم می کند. با استفاده از Css می توان تمامی رنگ ها، ابعاد، مکان های قرارگیری، فونت ها و… را تعیین کرد. سی اس اس در کنار HTML ظاهر وبسایت شما را می سازد. در واقع می توان گفت شما ساختار و اسکلت ظاهری یک وبسایت را با HTML و درادامه زیبا سازی و کاربر پسند کردن آن را به کمک CSS انجام می دهید.

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

ما در این دوره به طور جامع و پروژه محور به آموزش html و css خواهیم پرداخت. این دوره آموزشی به ۸ فصل تقسیم می شود.

  1. در فصل اول که مقدمه می باشد در مورد مقدمات دوره و طراحی سایت با Html و Css صحبت می کنیم.
  2. در فصل دوم از این دوره شما را با مباحث پایه ای HTML به طور کامل آشنا خواهیم کرد تا در فصل های آینده آمادگی کامل برای استفاده از آن را داشته باشید.
  3. در فصل سوم نیز به سراغ آموزش CSS می رویم و شما را این زبان به طور کامل آشنا می کنیم.
  4. در فصل چهارم به طور عمیق تر و تخصصی تر در مورد HTML صحبت می کنیم.
  5. در فصل پنجم برایتان از فرم های HTML خواهیم گفت و در ادامه یک پروژه کوچک برای آماده سازی شما برای یادگیری پروژه اصلی انجام خواهیم داد.
  6. در فصل ششم از این دوره آموزشی در مورد نحوه استفاده از ویدیو و موسیقی در وبسایت صحبت خواهیم کرد.
  7. در نهایت در فصل هفتم پروژه اصلی این دوره را آغاز می کنیم و به طور گام به گام و به کمک HTML و CSS یک وبسایت را به طور کامل طراحی می کنیم.
  8. در فصل هشتم و بعد از پایان پروژه در مورد گام های بعدی که باید طی کنید صحبت خواهیم کرد.

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

سرفصل های دوره آموزش Html و Css

فصل اول: آشنایی با دوره و پیش نیازهای آن

  • آشنایی بادوره موزشی و پروژه ای که قصد طراحی آن را داریم
  • نصب برنامه اتم و پکیج های آن برای استفاده در این دوره آموزشی

فصل دوم: آشنایی با مباحث پایه HTML

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

فصل سوم: آشنایی با مباحث پایه CSS

  • آشنایی با ۳ روش برای نوشتن کدهای CSS
  • نحوه نوشتن کد های CSS با تگ استایل
  • آشنایی با اولویت بندی در انتخابگر ها در زبان CSS
  • نحوه id دادن به تگ های HTML و انتخاب آنها با CSS
  • نحوه important کردن دستورات CSS برای به ماکسیمم رساندن اولویت آن
  • نحوه ضمیه کردن فایل های CSS و نوشتن دستورات آن در یک فایل مجزا
  • آشنایی با راه های مختلف برای انتخاب رنگ ها در CSS
  • یادگیری خاصیت های جدید در CSS
  • نحوه تغییر display های پیشفرض HTML با دستورات CSS
  • آشنایی با شبه کلاس ها و کاربرد آنها در CSS

فصل چهارم: عمیق شدن در مباحث HTML

  • توضیحاتی راجع به برخی نکات متفرقه در زبان HTML
  • آشنایی با console مرورگر و نحوه به کارگیری آن برای اشکال زدایی کدها و کاربرد های آن
  • آشنایی با تگ iframe
  • استفاده از تصاویر به عنوان لینک
  • آشنایی با جداول
  • آشنایی با لیست ها در زبان HTML
  • آشنایی با تگ های پرکاربرد meta
  • آشنایی با علائم و آیکون های HTML

فصل پنجم: آشنایی با فرم های HTML

  • آشنایی با تگ فرم و کاربرد آن
  • آشنایی با انواع ورودی ها در زبان HTML
  • آشنایی با انواع عناصری که در فرم های HTML استفاده می شوند
  • آشنایی با اتربیوت هایی که به عناصر موجود در فرم ها می چسبند.
  • مینی پروژه طراحی صفحه ورود به حساب کاربری

فصل ششم: رسانه های صوتی تصویر

  • آشنایی با تگ video و قرار دادن ویدئو در وبسایت
  • آشنایی با تگ audio و قرار دادن موسیقی در وبسایت

فصل هفتم: انجام پروژ طراحی سایت

  • ایجاد layout اولیه برای طراحی وبسایت
  • طراحی navbar وبسایت
  • طراحی header وبسایت
  • زیباسازی و ارتقا header و navbar سایت
  • ایجاد یک منوی dropdown برای navbar وبسایت
  • راه اندازی مقدمات لازم برای ایجاد بخش های جدید در وبسایت
  • ایجاد یک بخش جدید تحت عنوان دوره های آموزشی در وبسایت که بین header و footer قرار می گیرد
  • استفاده از palette برای انتخاب رنگ های سایت
  • افکت دادن به بخش دوره های آموزشی که در جلسات قبل ایجاد کردیم.
  • توضیحاتی راجع به وبسایت ریسپانسیو و نحوه ریسپانسیو کردن وبسایت
  • ایجاد بخش جدید برای ثبت نام
  • ارتقا و زیبا سازی بخش ثبت نام
  • طراحی footer وبسایت این پروژه

فصل هشتم: گام های بعدی

  • نتیجه گیری از دوره و طرح گام های بعدی برای پیشرفت در برنامه نویسی

آیا این دوره پیش نیاز دارد؟

خیر، این دوره به صورت جامع بوده و دانشجویان برای گذراندن آن نیاز به پیش نیازی ندارند.

حاصل دوره آموزش جامع HTML5 و CSS3 در قالب پروژه‌ی عملی

از آنجایی که این دوره به طور جامع و پروژه محور می باشد، دانشجویان عزیز می توانند پس از گذراندن این دوره آموزشی یک وبسایت را به کمک HTML و CSS طراحی و پیاده سازی کنند.

فصل ۱

آشنایی با دوره و پروژه انجام شده ویدئو

08:10

پیش نمایش

نصب برنامه اتم و پکیج های آن ویدئو

08:41

پیش نمایش

آشنایی با ساختار HTML و نحوه نوشتن کدهای HTML ویدئو

18:51

پیش نمایش

نحوه نوشتن عناوین و پاراگراف ها در HTML ویدئو

17:53

پیش نمایش

نحوه قرار دادن لینک در وبسایت ویدئو

17:37

پیش نمایش

استفاده از لینک های داخلی در وبسایت ویدئو

15:41

پیش نمایش

آشنایی با اتربیوت های جدید در HTML ویدئو

12:03

پیش نمایش

آشنایی با display ها در HTML و مقادیر پیشفرض آن ویدئو

10:37

پیش نمایش

آشنایی با تگ هایی که مخصوص نگارش هستند ویدئو

10:20

پیش نمایش

نحوه ضمیمه کردن تصاویر در زبان HTML ویدئو

14:29

پیش نمایش

دانلود یکجا درس های شماره ۱۰ الی ۴۵ ویدئو

15:17:07

خصوصی

سورس پروژه انجام شده فایل های ضمیمه

خصوصی
برچسب: css css3 html html5 java javascript آموزش html css پروژه محور رایگان آموزش html رایگان آموزش html زومیت آموزش html فرادرس آموزش پروژه محور html و cs آموزش پروژه محور html و css رایگان آموزش سی اس اس آموزش مقدماتی html آموزش+html+css+javascript اموزش html اپارات اموزش html5 دانلود آموزش html و css دانلود آموزش کامل html و css کلاس آموزش html و css

دوره های مرتبط

طراحی وب سایت خبری بدون یک خط کدنویسی با وردپرس

طراحی وب سایت خبری بدون یک خط کدنویسی با وردپرس

طراحی وب سایت خبری بدون یک خط کدنویسی با وردپرس می دانستید بیش از ۵۰% سایت های زیر رتبه ۱۰۰…
اموزش برنامه نویسی سی شارپ در یونیتی از مقدماتی تا پیشرفته

اموزش برنامه نویسی سی شارپ در یونیتی از مقدماتی تا پیشرفته

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

اموزش ساخت نرم افزار اندروید برای سایت بدون برنامه نویسی

با اموزش ساخت نرم افزار اندروید برای سایت بدون برنامه نویسی همراه ما باشید.بنابر تقاضای دوستان مبنی بر ایجاد یک…
اموزش ساخت فروشگاه اینترنتی با وردپرس

اموزش ساخت فروشگاه اینترنتی با وردپرس

دوره تخصصی آموزش راه اندازی فروشگاه اینترنتی با وردپرس |  فیلم آموزش ساخت وب سایت فروشگاهی با وردپرس |آموزش فروشگاه ساز wordpress…
مقایسه زبان php با asp و برتری هر کدام

مقایسه زبان php با asp و برتری هر کدام

مقایسه زبان php با asp و برتری هر کدام مدت زمان زیادی است که یک مبارزه ی سرسختانه در اینترنت…

امتیاز دانشجویان دوره

5
5.00 2 رای
32,000 تومان
2 رأی
5 ستاره
2
4 ستاره
0
3 ستاره
0
2 ستاره
0
1 ستاره
0

نظرات

  • ندارم( دانشجوی دوره )
    2019/12/09
    امتیاز 5 از 5
    برای پاسخ دادن وارد شوید

    سلام درود فراوان بر آقای مهندس صیفی عزیز بابت انتشار این آموزش
    سپاسگذارم موفق باشید استاد

  • ندارم( دانشجوی دوره )
    2019/12/11
    امتیاز 5 از 5
    برای پاسخ دادن وارد شوید

    سلام استاد
    بخش Forms قسمت ۱۰ یعنی Designing a Login Form با ارور the file is corrupt مواجه شدم و اکسترکت نمیشه
    امکانش هست این قسمت رو ارزیابی و لینک دانلود رو بفرستید.
    با تشکر

    • جت آموز(مدیریت)
      2019/12/14
      برای پاسخ دادن وارد شوید

      سلام.لطفا مجددا لینک را بررسی کنید.

      • سیدعطاالله هجرتی( دانشجوی دوره )
        2020/12/03
        برای پاسخ دادن وارد شوید

        برای من اصلا لینک قسمت 10 فصل چهارم ، فصل اشنایی با فرم ها وجود ندارد تا پیغام خطایی بدهد.

  • mahdijannati021
    2020/06/22
    برای پاسخ دادن وارد شوید

    جناب من از تگ svg استفاده میکنم بهمراه border ک یک مستطیل تو خالی بسازم ولی نمیشه چرا

  • سیدعطاالله هجرتی( دانشجوی دوره )
    2020/12/03
    برای پاسخ دادن وارد شوید

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

  • سیدعطاالله هجرتی( دانشجوی دوره )
    2020/12/05
    برای پاسخ دادن وارد شوید

    سلام. صدا چقدر خش دارد. اعصابم به هم ریخت. خدا کند بتوانم تا آخر تحمل کنم و ادامه بدهم.

قوانین ثبت دیدگاه

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

لغو پاسخ

برای ارسال نظر باید وارد حساب کاربری خود شده باشید.

قیمت :

32,000 تومان

امتیاز
5.00 از 2 رأی
5.00 2 رای
32,000 تومان
سطح دوره: پیشرفته
زبان: فارسی
17 ساعت و 32 دقیقه
56 درس
2.2 گیگابایت
روش دریافت: دانلود آنی پس از پرداخت
روش پشتیبانی: ارسال تیکت
علی صیفی
علی صیفی
برنامه نویس

مدرس کارگاه ها و دوره های حضوری و آنلاین لاراول، بوت استرپ، php

دسته: برنامه نویسی
درباره جت آموز

جت آموز بستری است که به شما کمک می کند تا با یادگیری دانش های کاربردی، بتوانید وارد بازار کار شوید و کسب درامد کنید.

  • info@jetamooz.com
دسترسی سریع
  • دوره ها
  • سبد خرید
  • مجوزها
  • کدهای تخفیف
  • سوالات متداول
  • تماس با ما
  • تدریس در جت اموز
  • وبلاگ جت آموز
ساماندهی - جت اموز نماد اعتماد - جت اموز
صفحه اینستاگرام کانال تلگرام

این سایت توسط سرورهای قدرتمند میهن وب هاست پشتیبانی می شود.

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت