توضیحات

دوستان این دوره بازتولید شده (با کیفیت و محتوای بهتر) دوره قبلی (آموزش HTML۵ & CSS۳ پروژه محور) در سایت هست که میتوانید از این دوره استفاده کنید.

HTML  (اچ تی ام ال) برگرفته از حروف اول عبارت HyperTextMarkupLanguage می باشد و به عنوان یک زبان نشانه گذاری متن ( زبان استاندارد صفحات وب ) می باشد. معمولا در یک صفحه ی موجود بر روی وب مجموعه ای از متن ها، عکس ها، بخش بندی های مختلف وجود دارد، به کمک تگ ها و کدهایی که HTML در اختیارتان قرار می دهد، می توانید یک ساختار مشخص از اطلاعات را در این قسمت ها  به وجود آورید و در معرض نمایش بازدیدکنندگان قرار بدهید. 

Css (سی اس اس) کوتاه شده یا مخفف عبارت Cascading Style Sheets می باشد که قابلیت صفحه آرایی؛ استایل دهی و زیبا سازی صفحات وب را برای طراحان سایت فراهم می سازد. در واقع ساختار یک صفحه با استفاده از HTML تعیین می شود و سپس با به کار بردن کدهایی دیگر به این ساختار و چیدمان استایل داده می شود. تمامی رنگ ها، ابعاد و اندازه ها، حاشیه ها، مکان قرارگیری، فونت ها و سایر خصوصیات اجزای یک صفحه ی وب، با استفاده از CSS تعیین خواهند شد.
حتما ویدیو معرفی دوره را در پایین مشاهده کنید تا با دوره و پروژه ای انتهای دوره آشنا شوید.

مباحثی که در این دوره گفته میشود شامل :
آشنایی با HTML (اچ تی ام ال)

  • معرفی HTML
  • ابزار های مورد نیاز
  • ساخت اولین صفحه با HTML
  • بررسی ساحتار HTML
  • تگ های paragraph و heading و img
  • تگ های link و strong و em و list
  • تگ های form و table

آشنایی با CSS (سی اس اس)

  • معرفی CSS (سی اس اس)
  • ترتیب اجرای css
  • selector ها در css
  • تگ های span و div
  • ارث بری در css
  • ترکیب selector ها

رنگ ها (colors) در css

  • پراپرتی background-color
  • رنگ ها در css

واحد ها (units) در css

  • واحد های pixel و percent و em و rem
  • واحد های vw و vh
  • استایل های پیش فرض و ابزار devtools در مرورگر
  • تابع ()calc
  • پراپرتی hight و width

تایپوگرافی (typography) در css

  • پراپرتی font-family
  • افزودن فونت به css
  • پراپرتی های دیگر فونت

box model در css

  • پراپرتی padding و margin و border
  • پراپرتی outline
  • box-sizing

نمایش (display) در css

  • پراپرتی display
  • مقدار inline-box
  • پراپرتی های دیگر display

تصویر پس زمینه (background image) در css

  • پراپرتی background-image
  • linear gradient
  • background image overlay

موقعیت (position) و float در css

  • پراپرتی float
  • پراپرتی های position
  • پراپرتی z-index

رسپانسیو (media query) در css

  • آشنایی با رسپانسیو (responsive)
  • دستور media query
  • طراحی mobile-first

pseudo-element و pseudo-class در css

  • آشنایی با pseudo-element
  • آشنایی با pseudo-class

transform و transition و animation در css

  • پراپرتی transform
  • پراپرتی transition
  • پراپرتی animation

مباحث تکمیلی در css

  • متغیر در css
  • آیکون (icon)
  • پراپرتی text-shadow و body-shadow
  • مبحث browser prefix
  • مبحث smantic HTML
  • پراپرتی object-fit

ایجاد پروژه نهایی و آپلود پروژه روی سرور (deploy)

دوره های پیشنهادی، بعد از گذراندن این دوره :


HTML CSS طراحی وب طراحی سایت سی اس اس اچ تی ام ال css 3 html 5

مدرس دوره علی شیخ
مدت دوره 13:47:11
تعداد ویدیو 86

وضعیت دوره : کامل شده
قیمت دوره : رایگان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

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

  • درود.
    جاداره که از شما بدلیل تولید همچین دوره با کیفیت و با توضیح روونی تشکر کنم
    من قبلا html و css رو از منابع دیگه یاد گرفته بودم ولی یادگیری عمیق نبود. این دوره علاوه بر اینکه بسیار خوب و کاربردی توضیح داده، ترتیب یادگیری مناسبی هم داره و هر مبحثی رو در زمان مناسب یاد داده.
    مطمئن باشید که هر زمان با فردی علاقه مند به طراحی وب سایت مواجه شدم، اول از همه شما و سایتتون رو بهش معرفی میکنم.
    با تشکر.

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

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

    1- Core i3- 3220 CPU

    2-مادربرد اینتل H61

    3-رم کامپیوتر کینگستچن تک کاناله 8گیگابایت

    4-کارت گرافیک استوک ایکس اف‌ ایکس rx 580 ddr5

    5-هارد دیسک اینترنال wd 500 گیگ

    مدل Blue WD 5000 LPCx

    6-حافظه اس اسددی لگسار مدل ns100 -128 گیگ

    7- پاور کامپیوتر. 430 وات گرین

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

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

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

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

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

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

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

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

  • سلام استاد ممنون از اموزش های بینظیر شما
    من در حال اموزش دوره های html.css هستم و اینکه من در ر
    طول روز چطور تمرین کنم و بهتر یاد بگیرم اموزشها رو ک میبینم نمیتونم به تنهایی تمرین کنم به چه صورت کار کم؟

    • سلام وقت بخیر.
      ممنون از شما، هر جلسه را مشاهده کنید و همون موضوعات را شما هم کد بزنید و هر ویدیوی که نیاز بود را دوبار ببینید و سوالی دارید حتما اول سعی کنید با سرچ بهش برسید (این خیلی کمک میکنه) و در نهایت پروژه نهایی دوره را بعد از دیدن و تمرین، سعی کنید خودتون یکبار کامل پیاده سازی کنید.

  • درود استاد
    من تو مباحثی ضعف داشتم که به سایت شما برخوردم و برام راهگشا بود ممنونم خیلی خوبه که ویدیوها مبحث به مبحث و کوتاه هست خسته نباشید

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

  • سلام و عرض خدا قوت و خسته نباشید از شما بابت زحماتی که در این دوره کشیدید قدر دانی میکنم واقعا لذت بردم هم از سطح اطلاعتتون و هم بخش بندی هر بخش که بسیار با دقت بخش بندی شده بود .

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

    این بود که قضیه collapse توی margin رو من داخل این دوره متوجه شدم که چرا زمانی که دوتا تگ مارجین دارن با هم جمع نمیشن و ...



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

    با تشکر و قدردانی دوباره.❤?✔????????

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

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

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