دوره آموزش html و css

بازدیدها : 594

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

html مخفف کلمه Hyper Text Markup Language زبانی است برای طراحی چارچوب و ساختار صفحات وب. html یک زبان نشانه گذاری است که به کمک یک سری تگ و عنصر می توانیم ساختار یک صفحه وب را طراحی کرده و متن ها و تصاویر را صفحه جانمایی کنیم. به کمک html می توانیم عناوین، متن ها، لیست ها، جداول، فرم ها، تصاویر و ... را روی صفحه قرار داد و برای هر کدام از آن ها تگ یا تگ هایی وجود دارد که در این دوره آموزشی به آن می پردازیم.

اما تا اینجا فقط ساختار صفحه را ایجاد کرده ایم. برای زیبا سازی صفحه باید از css استفاده کنیم. css یا شیوه نامه های آبشاری مخفف casecading style sheet می باشد که جهت تنظیم ظاهر سایت مانند رنگ متن، رنگ پس زمینه، لایه بندی عناصر، اندازه و نوع فونت ها، حاشیه ها، فاصله ها و ... از قوانین آن استفاده می کنیم.

 سرفصل های دوره آموزش HTML , CSS 

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

این دوره آموزشی اولین قدم در مسیر طراحی وب خواهد بود.

پیش نیازها

محتواهای درسی

• - بخش اول : وب سایت ها چگونه کار می کنند؟

• جلسه اول :معرفی دوره وب سایت ها چگونه کار میکنند

  پخش ویدئو

• - بخش دوم : HTML چیست؟

• جلسه دوم: ساختار یک صفحه HTML

  جلسه سوم: ایجاد یک صفحه و ساختار پوشه ها

  جلسه چهارم: ویرایشگرها و ابزارهای طراحی

  پخش ویدئو

• - بخش سوم : CSS چیست؟

• جلسه پنجم:css چیست؟

  جلسه ششم: ساختار دستورات css

  جلسه هفتم: External -Css

  جلسه هشتم: selector ها در css

  جلسه نهم:selector ها در css (قسمت دوم)

  جلسه دهم:selectorها در css (قسمت سوم)

• - بخش چهارم : تایپوگرافی

• جلسه یازدهم: تایپوگرافی

  جلسه دوازدهم: تایپوگرافی و css

• - بخش پنجم : لیست ها

• جلسه سیزدهم:لیست ها

• - بخش ششم : لینک ها

• جلسه چهاردهم: لینک ها

• - بخش هفتم : تصاویر

• جلسه پانزدهم: تصاویر

• - بخش هشتم : جعبه ها - BOX مدل

• جلسه شانزدهم:Box Model(معرفی تگ div, ابعاد جعبه ها)

  جلسه هفدهم: Box Model(border,padding,margin)

  جلسه هجدهم: نحوه نمایش جعبه ها (معرفی Display)

  جلسه نوزدهم: مثال عملی با div

• - بخش نهم : جداول

• جلسه بیستم: جداول

• - بخش دهم : لایه بندی

• جلسه بیست و یکم: لایه بندی (position)

  جلسه بیست و دوم: لایه بندی float

• - کارگاه

• کارگاه ها