09113967638
crm@elmaweb.academy
سبد خرید شما خالی است
اعلان های خالی
وارد شدن ثبت نام
دوره جامع آموزشی HTML-CSS

دوره جامع آموزشی HTML-CSS

در html-ccs
4.80
(5 رتبه بندی ها)
ایجاد شده توسط الهام سلطان رضایی

چه چیزی یاد خواهید گرفت؟

فصل اول-مفاهیم پایه ای HTML

فصل دوم-مفاهیم پایه ای CSS

فصل سوم-Flex Box

فصل چهارم-Grid

فصل پنجم-متن ها (Typography)

فصل ششم-بررسی مدل های مختلف ریسپانسیو سازی نمایش عکس

فصل هفتم-بررسی کامل فرم

فصل هشتم-Transform - Transition - Animations

فصل نهم-نکات حرفه ای CSS

فصل دهم-کتابخانه های مهم css

فصل یازدهم-ریسپانسیو سازی

فصل دوازده-توابع مهم css

فصل سیزده-پروژه کامل با flex و انیمیشن ها

فصل چهارده-پروژه کامل با Grid و انیمیشن ها

فصل پانزده-پروژه کامل با Grid-Flex و بکارگیری کتابخانه های css در پروژه

فصل شانزده-نمونه مثال های پرکاربرد با css

در مورد این دوره

در این دوره مفاهیم HTML CSS در قالب پروژه سایت های مختلف به صورت عملی آموزش داد شده است. هدف دوره ایجاد توانایی توسعه دقیق ui/ux پروژه های فرانت به صورت رسپانسیو است.در واقع HTML و CSS دو تا تکنولوژی برای ساخت صفحات وب هستند. ویترن و ظاهر کار یک وبسایت یا وب اپ رو HTML CSS تعیین میکنه و توی نگاه اول کیفیت کار یک فرانت اند با همین مشخص میشه. قدم اول شما برای فرانت اند ، یادگیری اصولی HTML و CSS هست.

چرا این دوره آماده شد ؟

خیلی از بچه ها، بعد چندین دوره HTML و CSS، باز هم نمی تونن یک طرح ساده رو پیاده کنن. چون متاسفانه، از همون ابتدا سعی کردن که دانشجو رو با فریمورک های آماده عادت بدهند که اصلا راهکار خوبی نیست و در دراز مدت بهشون ضربه بزرگی میزنه. طبیعتا یادگیری فریمورک ها خوبه ، اما هیچ وقت، فریمورک هایی مثل بوتسترپ (Bootstrap)، تیلویند (TailwindCSS) و چیزای دیگه، ما رو از یادگیری مفاهیم اصلی و بشدت کاربردی مثل Flex – Grid – Responsive design بی نیاز نمی کنن. یادگیری اصولی مفاهیم هست که بین برنامه نویس خوب و بد، تمایز ایجاد میکنه. بنابراین، تمام تمرکز من هم روی تدریس دقیق مفاهیم کاربردی HTML و CSS در طی پیاده کردن پروژه ها بوده.

چرا یادگیری مفاهیم flex – grid مهمه ؟

چون اگه به اینا مسلط باشیم، واقعا طراحی رسپانسیو خیلی برامون لذت بخش میشه و عملا از فریمورک هایی مثل بوتسترپ (bootstrap) بی نیاز میشیم. فریمورک های CSS هم توی پشت صحنه از همین ویژگی ها استفاده می کنند. اما چیزای آماده همیشه راهکار خوبی نیستن.


سوالات متداول

قطعا خیر. این دوره اولین قدم برای ورود به دنیای برنامه نویسی فرانت اند هست. هیچ پیش نیاز قبلی از HTML و CSS لازم نیست.
قطعا بله. برای کسایی که تازه میخوان شروع بکنن، این دوره اولین قدم خواهد بود.
همه ی دوره های آکادمی الما وب آپدیت میشه و آپدیت ها به صورت رایگان به پنل شما اضافه میشه
بله چندین پروژه در این دوره پیاده سازی می شود.
قطعا بله، تمام دوره های آکادمی،الما وب پشتیبانی دارد و وجود یک مربی در سرعت یادگیری شما قطعا اثرگذار هست.

نظرات (0)

در اینجا به شرح کلی HTML و CSS می پردازیم.

48.70 MB

کار با برنامه phpstorm

25.12 MB

ساختار اولیه html

13.62 MB

HTML meta Tag

18.75 MB

HTML Favicon

7.63 MB

توضیح کامل درباره عنواین و کاربردهای آن

12.71 MB

paragraph

8.14 MB

hr

7.48 MB

برای تعریف شکل ها ، تصاویر ، نمودار ها و.. در صفحه

12.01 MB

img و تنظیمات آن

16.67 MB

ایجاد لیست های نامرتب،مرتب و توصیفی

42.22 MB

insیک خط به زیر محتوا میکشد
( دارای ارزش محتوایی )
delبرای حذف کردن محتوا از صفحه
( روش خط کشیده میشه )

8.87 MB

برای رنگی کردن محتوا

5.10 MB

برای تعریف نام یک اثر، کتاب ، فیلم ، موسیقی و…

9.70 MB

برای ایجاد یک محتوا با قالب بندی دلخواه

7.09 MB

یک محدوده اندازه گیری بصورت عددی ایجاد می کند.

12.51 MB

برای قرار دادن کد ( مثلا دستورات html ) در صفحه وب

24.88 MB

برای ایجاد یک متن پایین نویس و بالا نویس

8.33 MB

برای تعریف لینک ها در صفحه وب

46.23 MB

برای تعریف یک نقشه تصویری
( تصویری که بروی آن تعدادی لینک وجود داشته باشد )

31.27 MB

برای ایجاد یک باکس محتوا بصورت بازشو

6.63 MB

برای گذاشتن آهنگ ( فایل صوتی ) در صفحه وب

10.50 MB

برای گذاشتن ویدئو در صفحه وب

17.23 MB

برای ایجاد جدول در صفحه وب

27.17 MB

6 صفحه ایجاد کنید .
1-بین صفحات لینک شوید
2-یک صفحه شامل چند تصویر بگذارید
3-در یک صفحه جدول 7*7ایجاد کنید
4-یک صفحه مقالات ایجاد کنید شامل چند عنوان و پاراگراف باشد.
5-یک صفحه ایجاد کنید شامل آهنگ و فیلم باشد
6-تصاویر قابل دانلود باشد.
7-یک نقشه به عنوان تصویر بگذارید.رو هر شهر کلیک شده.به سایت موردنظر برود

حداقل نمره: 80

فرم- قسمت اول

26.53 MB

فرم- قسمت دوم

31.54 MB

فرم- قسمت سوم

23.90 MB

inline-block

10.19 MB

Address

10.93 MB

Progress

6.64 MB

Div

13.46 MB

Section

25.15 MB

Article

28.36 MB

header-footer

57.42 MB

مثالی از بخش بندی

65.51 MB

css و کاربرد آن

6.85 MB

style css and html

11.60 MB

line-style

9.75 MB

stylesheet

15.32 MB

Class-Selectors

35.35 MB

ID-Selectors

12.92 MB

بررسی ویژگی Background

45.14 MB

بررسی ویژگی های مربوط به رنگ

18.75 MB

بررسی ویژگی Border

29.62 MB

Text-Css

59.05 MB

Css-Font

15.29 MB

Font-Face

33.81 MB

Padding

24.89 MB

Margin

36.34 MB

Display

31.57 MB

Position-Static-Relative

18.03 MB

Absolute

21.93 MB

Sticky-Fixed

45.35 MB

طراحی قالب سافت 98 از طریق postion

53.73 MB

یک منو به صورت sticky مطابق شکل انجام دهید

حداقل نمره: 80

با پوزیشن های relative-absoult یک تصویر مطابق شکل زیر بیارید و در هر جهت متن بنویسید

حداقل نمره: 80

یک نوار منو بصورت fixed ایجاد کنید

حداقل نمره: 80

مفاهیم اولیه فلکس-قسمت اول

31.07 MB

مفاهیم اولیه فلکس-قسمت دوم

59.00 MB

justify-content

42.32 MB

align-content

11.08 MB

align-items

54.90 MB

flex-grow

21.88 MB

flex-shrink-order

17.30 MB

flex-basis-flex

25.71 MB

طراحی بخش -Header

46.72 MB

طراحی بخش -Slider

65.64 MB

طراحی بخش -Form

55.35 MB

طراحی بخش -Description

31.36 MB

طراحی بخش -Content

44.59 MB

flex-news

56.96 MB

video

28.69 MB

طراحی بخش -footer

42.23 MB

آشنایی با گرید

26.71 MB

grid-template-columns and grid-template

41.53 MB

repeat-fr

41.88 MB

grid-coulmn-row

39.58 MB

example-grid

29.91 MB

align-items

32.90 MB

align-self

9.46 MB

auto-flow

32.92 MB

mincontent-maxcontent

19.03 MB

ریسپانسیوسازی در گرید

25.54 MB

طبق تمپلیت داده شده طرح ها زده شود

حداقل نمره: 80

ریسپانسیوسازی-قسمت اول-مفهوم box-sizing

42.32 MB

ریسپانسیوسازی-قسمت دوم-واحدهای اندازه گیری در ریسپانسیوسازی

69.12 MB

ریسپانسیوسازی-قسمت دوم-واحدهای اندازه گیری در ریسپانسیوسازی

30.53 MB

ریسپانسیوسازی-قسمت سوم-Media Queriesپارت اول

101.64 MB

ریسپانسیوسازی-قسمت سوم-Media Queriesپارت دوم

75.53 MB

طراحی قالب از طریق ریسپانسیوسازی-قسمت اول

38.25 MB

طراحی قالب از طریق ریسپانسیوسازی-قسمت دوم

91.41 MB

طراحی قالب از طریق ریسپانسیوسازی-قسمت سوم

111.14 MB

طراحی قالب از طریق ریسپانسیوسازی-قسمت چهارم

112.07 MB

CSS Shadow Effects

28.55 MB

CSS opacity Property

8.68 MB

CSS The object-fit Property

22.76 MB

CSS 2D Transforms

36.31 MB

CSS Transitions

28.70 MB

timing-function

26.72 MB

CSS Animations

42.34 MB

selects elements

17.22 MB

CSS Combinators

24.31 MB

CSS Pseudo-classes

34.93 MB

CSS Pseudo-elements

41.79 MB

CSS Attribute Selectors

14.19 MB

Css Root

34.47 MB

link-css

22.01 MB

list-css

20.21 MB

Z-index

25.45 MB

CSS calc() Function

6.99 MB

Filter

37.97 MB

Css Table

33.90 MB

Mega Menu

63.08 MB

Vertical Tabs

18.62 MB

ُُSub Menu

54.46 MB

Horizontal Menu

11.35 MB

آموزش کتابخانه Wow Js

52.71 MB

آموزش کتابخانه Aos Js

22.37 MB

آموزش کتابخانه iHover

45.78 MB

آموزش کتابخانه Hover

47.78 MB

آموزش کتابخانه Image Hover

29.15 MB

آموزش کتابخانهOwl Carousel

37.48 MB

آیکن فونت ها - Font Awesome

49.84 MB

آیکن فونت -Google Icon

33.53 MB

معرفی قالب

20.90 MB

setup پروژه

34.59 MB

بخش اول هدر -Html

26.18 MB

بخش اول هدر -Css

27.38 MB

بخش دوم هدر

77.19 MB

شبکه های اجتماعی بخش هدر

19.30 MB

بخش About

38.80 MB

بخش Service

64.59 MB

بخش Latest Works پارت اول

63.89 MB

بخش Let's Get In Touch پارت اول

53.35 MB

بخش Let's Get In Touch پارت دوم

89.72 MB

بخش Skills

65.56 MB

بخش Timeline

68.60 MB

بخش Blog پارت اول

51.47 MB

بخش Blog پارت دوم

65.08 MB

بخش footer

27.03 MB

بخش Latest Works پارت دوم

68.35 MB

فایل پروژه

23.94 MB

طراحی فرم لاگین پارت اول

67.57 MB

طراحی فرم لاگین پارت دوم

63.11 MB
4.80
5 نظرات کاربران
کیفیت محتوا (4.2)
مهارت های مدرس (5)
ارزش خرید (5)
کیفیت پشتیبانی (5)

نظرات کاربران (5)

کیفیت محتوا
مهارت های مدرس
ارزش خرید
کیفیت پشتیبانی
Admin
1402-06-04 | 08:24
پاسخ
امیرعلی شوریابی
1402-07-04 | 23:12
پاسخ
محمد رضا مطیع
1402-10-26 | 11:33
پاسخ
یونس بدخشان
1403-01-23 | 17:02
پاسخ
سعید کریم بلند
1403-04-23 | 12:45
پاسخ
920,000تومان
با امتیاز 100 خرید کنید
این دوره شامل:
محتوای قابل دانلود
پشتیبانی مدرس
مورد علاقه
اشتراک گذاری

دوره مشخصات فنی

ظرفیت:
نامحدود
مدت:
21:00 ساعت
فراگیران:
170
فایل ها:
140
تاریخ ایجاد:
1401-04-10
الهام سلطان رضایی

الهام سلطان رضایی

الهام سلطان رضایی
4.93
مشخصات رزرو جلسه

گزارش دوره

لطفا در مورد گزارش، کوتاه و واضح توضیح دهید.

اشتراک گذاری

دوره را با دوستان خود به اشتراک بگذارید

https://elmaweb.academy/course/HTML-CSS
telegram تلگرام whatsapp واتساپ facebook فیس بوک twitter توییتر

با امتیاز خرید کنید