توضیحات

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 طراحی وب طراحی سایت

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

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

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

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

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

    • سلام وقت بخیر.
      خیلی عذرخواهی میکنم، من آشنایی با برنامه ای که فرمودید ندارم و نمیدونم به چه شکل هست

  • سلام آقای شیخ خسته نباشید من برنامه نویسی رو تازه شروع کردم و دوره های شما واقعا خوب و کاربردی هست ممنون بابت زحماتتون...
    فقط مشکل این هست که من تا فیلم ارث بری در سی اس اس رو با ویندوز تونستم ببینم و همه چی خوب بود اما بقیه فیلم ها با ویندوز برام لود و پلی نمیشه با اندروید که امتحان کردم مشکلی نداشت. چطور می تونم بقیه فیلم ها رو هم با ویندوز ببینم؟!

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

  • سلام من دوره ای که زمان 4 ساعت و 50 دقیقه بود رو نگاه کردم
    آیا نیاز هست این دوره رو هم نگاه کنم یا همون دوره کفایت میکنه؟

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

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

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

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

  • استاد سلام
    وقتتون بخیر
    استاد برای آموزش html و css ابتدا دوره آموزشی ای که ۴ ساعت 51 دقیقه هست رو ببینیم بهد بیایم سراغ دوره 12 ساعته ای که در حال برگزاری هست یا تنها همین دوره 12 ساعته کفایت میکنه و تمام مطالب دوره قبلی در اینجا ذکر شده؟

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

  • ممنون استاد از آموزش خوبتون.
    آیا هنوز باید از Vendor Prefix همون webkit-- باید استفاده کنیم یا نه دیگه قدیمی شده و لازم نیست؟

    • سلام وقت بخیر.
      ببینید توی دوره اشاره میشه بهش و دستوارت جدید در صورت نیاز باشه، بهتر
      در طول دوره بهش اشاره میشه