دوستان این دوره بازتولید شده (با کیفیت و محتوای بهتر) دوره قبلی (آموزش 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
- مبحث Semantic HTML
- پراپرتی object-fit
ایجاد پروژه نهایی و آپلود پروژه روی سرور (deploy)
دوره های پیشنهادی، بعد از گذراندن این دوره :
Sorosh Mobini
سلام وقت بخیر استاد
سپاس فراوان بابت اموزش بی همتایی که در اختیار ما گذاشتید. تا اخر عمر مدیون شما هستم
علی شیخ
12 ساعت پیش
سلام وقت بخیر.
ممنوک از شما و حمایتتون
خداروشکر دوره براتون مفید بوده