- 0.0/5.0
- (0 نظرات)
- تعداد قسمت 57
- مدت زمان 13:34:34
- انتشار 1401/12/27
- آخرین ویرایش 1401/12/27
جواد عوض زاده
مدرس دانشسرا
برچسب های محبوب
آموزش کاربردی HTML و CSS
- 0.0/5.0
- تعداد مهارتجو 25
- آخرین ویرایش 1401/12/27
- انتشار 1403/02/05
توضیحات آموزش کاربردی HTML و CSS
آموزش کاربردی HTML و CSS در واقع اولین قدم برای ورود به کانتکست وب و طراحی وب سایت است.
اگر Html و Css را به یک ساختمان تشبیه کنیم، Html بدنه ساختمان است که به کمک Css جلوه و زیبایی پیدا می کند. در واقع این دو در کنار هم کامل می شوند و یک پکیج قوی را تشکیل می دهند.
آموزش کاربردی HTML و CSS
به طور کل در تقریبا همه زبان‌های برنامه نویسی و حتی طراحی وب یک پروژه رو میشه به دو بخش frontend و backend تقسیم کرد. فرانت‌اند یعنی بخش جلویی و بک‌اند یعنی بخش پس زمینه کار. این اتفاق برای یک سایت ساده شخصی یا یک سایت خبری یا مثلا آشپزی هم میافته. شما در واقع دو بخش دارید.
در آموزش کاربردی HTML و CSS ما قصد داریم که روش طراحی بخش جلویی کار یا frontend رو بهتون آموزش بدیم. جدا از اینکه در بخش پشتی کار چه اتفاقی داره میافته و از چه تکنولوژی استفاده میشه، در نهایت بخش جلویی کار در یک وب سایت ساده تا پیچیده‌ترین وب سایت‌ها از html و css تشکیل شده است.
مطابق معمول ما تو آموزش‌هامون آخرین نسخه موجود رو آموزش خواهیم داد که در حال حاضر نسخه پنج اچ‌تی‌ام‌ال و نسخه سه برای سی‌اس‌اس هست. پس شما با دیدن و فهمیدن و درک این مجموعه آموزشی قادر خواهید بود تا ظاهر یک وب سایت رو به سادگی بسازید.
در تهیه این آموزش همانند همه آموزش‌های قبلی سعی شده مطالب با سرعت بالا گفته بشه و شاید در طی این مجموعه لازم باشه به دفعات فیلم رو به عقب برگردونده و جملات و یا کدها رو مرور کنید.
پیش نیاز دوره آموزش کاربردی HTML و CSS :
تنها پیش نیاز لازم برای دوره آموزش کاربردی HTML و CSS علاقه مندی به حوزه برنامه نویسی وب می باشد.
سرفصل های دوره :
- آموزش مقدماتی وب
- توضیحات تکمیلی Html
- سینتکس CSS
- آموزش Border ها
- ارتفاع و پهنا
- آموزش تکست ها و نحوه کار با آن
- آموزش فونت
- مقیاس های اندازه دهی
- لینک ها
- لیست ها
- سلکتورها
- باکس مدل
- CSS ریست
- اچ تی ام ال 5
- طرح بندی css
- تمرین طرح بندی
- ابزار برش(snipping tools)
- آموزش Inspect
- CSS پوزیشن
- تمرین CSS پوزیشن
- شناور
- توضیحات تکمیلی طرح بندی
- سلکتورها
- سلکتورها قسمت دوم
- نوار ناوبری
- تمرین نوار ناوبری
- آموزش Dropdowns
- تمرین آموزش Dropdowns
- عکس ها و کاربردهای آن
- فرم ها
- ویژگی CSS Counters
- سی اس اس 3(CSS3)
- بک گراند سی اس اس سه
- رنگ ها
- متن ها و سایه دادن
- وب فونت
- وب فونت قسمت دوم
- ترنسفورم(Transforms) چیست؟
- متحرک سازی
- انیمیشن
- عکس ها
- دکمه ها
- شماره گذاری
- ستون ها
- رابط کاربری
- باکس انعطاف پذیری
- فیلترها
- Media Queries
- طراحی واکنش گرا(Responsive)
- راهکاری برای دیده شدن سایت
- Css Fremeworks
- Ermile Fremework
- نکات تکمیلی
- نکات تکمیلی
- آموزش SVG
- گوگل مپ
- توضیحات تکمیلی