آموزش رایگان html و css (اچ تی ام ال و سی اس اس) پروژه محور

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

لینک ورود به سایت:
https://webprog.io/course/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B1%D8%A7%DB%8C%DA%AF%D8%A7%D9%86-html-%D9%88-css-%D8%A7%DA%86-%D8%AA%DB%8C-%D8%A7%D9%85-%D8%A7%D9%84-%D9%88-%D8%B3%DB%8C-%D8%A7%D8%B3-%D8%A7%D8%B3-%D9%BE%D8%B1%D9%88%DA%98%D9%87-%D9%85%D8%AD%D9%88%D8%B1

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
مبحث Semantic HTML
پراپرتی object-fit
ایجاد پروژه نهایی و آپلود پروژه روی سرور (deploy)

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

آموزش رایگان Emmet
آموزش رایگان Responsive Layout پروژه محور
آموزش رایگان FlexBox پروژه محور
آموزش رایگان css grid (سی اس اس گرید) پروژه محور
آموزش رایگان Sass پروژه محور
آموزش CSS Trantistion ,Transform ,Animation
آموزش رایگان Bootstrap ۵ پروژه محور
آموزش Bootstrap ۵ در دنیای واقعی
آموزش Materialize پروژه محور
آموزش رایگان javascript (جاوا اسکریپت) پروژه محور
HTML CSS طراحی وب طراحی سایت سی اس اس اچ تی ام ال css ۳ html ۵