آموزش طراحی رابط کاربری برای وب

فصل اول – قسمت دوم

آنچه پس از تماشای قسمت دوم خواهید آموخت:

– آشنایی با کاربرد زبان های HTML،  CSS و JAVA SCRIPT

– شروع کدنویسی به زبان HTML

– آموزش تگ های:

DOCTYPE – Html – head – title – body – p – h1 – h2 – h3 – h4 – h5 – h6 – a

فصل اول – قسمت سوم

آنچه پس از تماشای قسمت سوم خواهید آموخت:

– پاسخ به سوالات کاربران

– مرور جلسه گذشته

– قرار دادن تصویر در صفحه به کمک تگ img  و لینک کردن تصویر از اینترنت یا از     لوکال هاست (سیستم شخصی)

– برخی از تگ های مخصوص نوشتن متن مانند :   ins – strong – del – sub – sup – i – em – br – hr

– ساخت جدول با استفاده از تگ های :   table – tr – th – td

فصل اول – قسمت چهارم

آنچه پس از تماشای قسمت چهارم خواهید آموخت:

– آموزش کار با دو تگ b و mark

– ساخت لیست های شمارشی و غیر شمارشی به کمک تگ های ul – ol – li

– معرفی تگ های بسیار مهم: span و div (کاربرد، شباهت و تفاوت آنها)

– معرفی attribute (ویژگی یا صفت) و value (مقدار) در تگ های html

– معرفی دو ویژگی بسیار مهم: id وclass  (کاربرد، شباهت و تفاوت آنها)

فصل اول – قسمت پنجم

آنچه پس از تماشای قسمت پنجم خواهید آموخت:

– مرور Class و id

– طراحی اولین صفحه وب با کمک html

– دادن class و id به اِلِمان ها

– شروع کار با css و آموزش استایل دهی به سلکتورها (selector)

– دادن استایل به اِلِمان ها

– آموزش انواع property (صفت) ها در css شامل:

direction – background – color – font–family – font–size – font–weight – list–style –  line–height – margin –  padding

– نحوه نوشتن value (مقدار) برای property ها

فصل اول – قسمت ششم

آنچه پس از تماشای قسمت ششم خواهید آموخت:

– آموزش نوشتن padding و margin به روش های مختلف

– تفاوت padding،  margin و border در اطراف یک اِلِمان

– نحوه کشیدن  border

– کنار هم قرار دادن آیتم های منو با display

– ساخت لینک برای آیتم های منو

– آشنایی با view page source و inspect در مرورگر chrome

– نحوه تغییر فونت سایت با استفاده از ویژگی @font-face و font-family

– شیوه اختصاص دادن یک صفت به چند سلکتور به طور همزمان، فقط با یک بار نوشتن کد