استان های فعال تا این لحظه: تهران - اصفهان - مازندران

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

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

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

– کدهای مورد نیاز برای طراحی وب را کجا می نویسیم؟

– ویرایشگر کد چیست؟

– آشنایی با انواع ویرایشگرهای کد

– دانلود و نصب نرم افزار Visual Studio Code جهت کدنویسی وب

– آشنایی با محیط این نرم افزار

– Extension چیست؟

– اکستنشن Live Server چیست؟

– نصب این اکستنشن

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

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

– آشنایی با کاربرد زبان های 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

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