چاپ کردن این صفحه

فصل پروژه ی عملی html

شروع فصل پروژه ی عملی html

فصل پنجم (پروژه عملی در HTML)

دوستانی که منتظر بودید به امید خدا دیگه استارت این فصل زده شد شروع فصل پروژه ی عملی html در این دوره ی آموزشی رایگان ، شما تبدیل psd به html5,css3 رو با ویدئو های آموزشی طی چند جلسه میاموزید.

تصمیم گرفتم در این جلسه ابتدا قالب psd رو بهتون معرفی کنم. تصویر زیر یه قالب ساده هست که قراره در این فصل با html5 و css3به کد تبدیلش کنیم.

شروع فصل پروژه ی عملی html

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

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

همونطور که در تصویر هم مشاهده می کنید، در فیلم های آموزشی تکنیک های زیر آموزش داده میشود:

1- معرفی ابزارهای طراحی وب

2- لایه بندی در html5

3- رنگ ها

4- Box Model

5- Box-sizing

6-  opacity

7-  چیدمان عناصر با استفاده از float و position

8-  نحوه ی استفاده از z-index

9-  Hover بر روی عناصر

10- Transition

11- Transform

12- نحوه ی استفاده از از nth-child ها و …

13- لیست ها

14- نحوه ی استفاده از فونت آیکون ها

15- نحوه ی استفاده از انیمیشن های css با animate.css

16- و …

در انتهای هر جلسه هم فیلم آموزشی و فایل های پروژه در اختیار شما قرار میگیره و میتونید خودتونم تمرین کنید.

پس ما با همراه باشید …

تهیه شده در مدرسه مجازی ایرانیان

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید

این مورد را ارزیابی کنید
(1 رای)
  • آخرین ویرایش در یکشنبه, 25 آبان 1393 ساعت 11:19
  • اندازه قلم

موارد مرتبط

برای ارسال نظر وارد سایت شوید