آموزش مقدمه ای بر HTML و CSS اولیه برای کاربران وردپرس [ویدئو]

سرفصل ها و درس ها

خوش آمدی Welcome

• خوش آمدی Welcome

• خوش آمدی Welcome

• تبلیغ دوره Course promo

• تبلیغ دوره Course promo

• پیروزی سریع Quick win

• پیروزی سریع Quick win

• HTML و CSS چیست؟ What are HTML and CSS

• HTML و CSS چیست؟ What are HTML and CSS

• بازرسان مرورگر Browser inspectors

• بازرسان مرورگر Browser inspectors

مبانی HTML HTML basics

• ساختار اصلی یک صفحه HTML The basic structure of an HTML page

• ساختار اصلی یک صفحه HTML The basic structure of an HTML page

• تمرین 1 Exercise 1

• تمرین 1 Exercise 1

• عناصر بلاک در مقابل عناصر درون خطی Block elements vs inline elements

• عناصر بلاک در مقابل عناصر درون خطی Block elements vs inline elements

• دهانه و یک ظاهر طراحی داخلی Spans & inline styling

• دهانه و یک ظاهر طراحی داخلی Spans & inline styling

• تمرین 2 Exercise 2

• تمرین 2 Exercise 2

• رنگ ها Colors

• رنگ ها Colors

• یک ظاهر طراحی فونت Font styling

• یک ظاهر طراحی فونت Font styling

• Div ها و عناصر لیست Divs and list elements

• Div ها و عناصر لیست Divs and list elements

• پس زمینه ها Backgrounds

• پس زمینه ها Backgrounds

• بالشتک ها و حاشیه ها Paddings and margins

• بالشتک ها و حاشیه ها Paddings and margins

• مرز ها Borders

• مرز ها Borders

• هایپرلینک ها و تگ های تصویر Hyperlinks & image tags

• هایپرلینک ها و تگ های تصویر Hyperlinks & image tags

مبانی HTML HTML basics

CSS پایه Basic CSS

• ذخیره سازی Caching

• ذخیره سازی Caching

• تم های کودک Child themes

• تم های کودک Child themes

• فایل Style.CSS The Style.CSS file

• فایل Style.CSS The Style.CSS file

• چرا CSS و ساختار کد CSS Why CSS and the CSS code structure

• چرا CSS و ساختار کد CSS Why CSS and the CSS code structure

• HTML و CSS - کنار هم قرار دادن آنها HTML and CSS - Putting them together

• HTML و CSS - کنار هم قرار دادن آنها HTML and CSS - Putting them together

• کلاس ها و شناسه ها Classes & IDs

• کلاس ها و شناسه ها Classes & IDs

• درک ویژگی CSS - بخش 1 Understanding the CSS specificity - part 1

• درک ویژگی CSS - بخش 1 Understanding the CSS specificity - part 1

• درک ویژگی CSS - بخش 2 Understanding the CSS specificity - part 2

• درک ویژگی CSS - بخش 2 Understanding the CSS specificity - part 2

• یادداشت مهم Important note

• یادداشت مهم Important note

CSS پایه Basic CSS

ویژگی های CSS و اشیاء دنیای واقعی CSS properties and real-world objects

• پروژه 1 - تغییر پس زمینه موضوع Project 1 - Changing the background of the theme

• پروژه 1 - تغییر پس زمینه موضوع Project 1 - Changing the background of the theme

• نحوه استفاده از پس زمینه های مختلف How to use different backgrounds

• نحوه استفاده از پس زمینه های مختلف How to use different backgrounds

• پروژه 2 - تغییر سبک فونت تم Project 2 - Changing the font styling of the theme

• پروژه 2 - تغییر سبک فونت تم Project 2 - Changing the font styling of the theme

• اضافه کردن فونت های گوگل Adding Google fonts

• اضافه کردن فونت های گوگل Adding Google fonts

• ویژگی های متن Text properties

• ویژگی های متن Text properties

• نمایش ویژگی ها Display properties

• نمایش ویژگی ها Display properties

• پروژه 3 - تغییر اندازه لوگو Project 3 - Changing the size of the logo

• پروژه 3 - تغییر اندازه لوگو Project 3 - Changing the size of the logo

• پروژه 4 - سبک دادن به موارد لیست Project 4 - Styling the list items

• پروژه 4 - سبک دادن به موارد لیست Project 4 - Styling the list items

• تمرین 4 Exercise 4

• تمرین 4 Exercise 4

• پروژه 5 - تنظیم افکت های شناور Project 5 - Adjusting the hover effects

• پروژه 5 - تنظیم افکت های شناور Project 5 - Adjusting the hover effects

• مقدمه ای بر انیمیشن های CSS اولیه Introduction to basic CSS animation

• مقدمه ای بر انیمیشن های CSS اولیه Introduction to basic CSS animation

• برچسب !مهم The !important tag

• برچسب !مهم The !important tag

ویژگی های CSS و اشیاء دنیای واقعی CSS properties and real-world objects

نتیجه Conclusion

• متشکرم Thank you

• متشکرم Thank you

نتیجه Conclusion