قیمت این دوره: رایگانــ
  • مدرس دوره : عرفان شفاعت
  • تعداد ویدیوها : 44 ویدیو
  • مدت زمان دوره : 6:44:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1403/01/25
آموزش طراحی وب برای دانش آموزان

آموزش طراحی وب برای دانش آموزان

آیا تا به حال فکر کردید  که چطور وبسایت‌های جذاب و زیبا را طراحی کنید؟ آیا به دنیای پشت پرده اینترنت علاقه‌مندید؟ اگر پاسخ شما بله است، خوشحالم که شما را اینجا  در دوره "طراحی وب برای دانش‌آموزان" میبینم و بهتون خوش آمد میگم.

ما در این دوره با هم یاد میگیریم که چطور یک سایت رو با استفاده از HTML – CSS بسازیم و برای اینکار علاوه بر منابع معمول یادگیری برنامه نویسی از کتاب درسی طراحی وب سال یازدهم هم استفاده میکنیم تا مزیتی برای دانش آموزان عزیز باشه همچنین در پاین دوره یک تمرین عملی هم خواهیم داشت تا مطالب رو به طور کاربردی هم یاد بگیریم

 مشتاقانه منتظرتون هستم  تا باهم وارد دنیای جذاب طراحی وب بشیم

سرفصل های دوره

آموزش HTML

آموزش CSS

مرور کتاب درسی

انجام پروژه




فهرستـــ ویدیوها

مدت زمان دوره 6:44:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • آشنایی با دوره

00:05:07

در قسمت به معرفی دوره خواهیم پرداخت ، اینکه قراره باهم چه مطالبی رو در طول دوره یاد بگیریم

2
  • آشنایی با HTML

00:07:08

در این قسمت با زبان HTML آشنا میشیم زبانی که پایه ورود به دنیای طراحی سایته

3
  • آشنا شدن با ساختار HTML

00:08:35

در این قسمت با هم دیگه با ساختار و اجزای تشکیل دهنده HTML آشنا میشیم

4
  • متون در HTML

00:07:12

در این قسمت با هم دیگه یاد میگیریم که چطور در HTML از متن ها استفاده کنیم پس بدون معطلی بریم برای یادگیری

5
  • آشنا شدن با تگ a

00:16:31

در این قسمت ما با اتریبیوت ها اشنا میشیم بعد با تگ a کار میکنیم و یاد میگیریم چطور در سایتمون از لینک ها استفاده کنیم تا بتونیم به صفحات مختلف از سایت خودمون یا سایت های دیگه بریم و در نهایت با مبحث بسیار پر اهمیت آدرس دهی اشنا میشیم

6
  • افزودن عکس و ویدیو در HTML

00:05:42

در این قسمت در کنار هم یاد میگیریم که چطور میتونیم در سایتمون از عکس ها و ویدیو ها استفاده کنیم پس بدون معطلی بریم برای یادگیری

7
  • کار با جداول و لیست ها

00:04:37

در این قسمت با هم دیگه یاد میگیریم که چطور در سایتمون از لیست ها و جداول استفاده کنیم پس بدون معطلی بریم برای یادگیری

8
  • فرم ها قسمت اول

00:11:48

در این قسمت با فرم ها و تگ input آشنا میشیم یاد میگیریم که چطور الِمان هایی طراحی کنیم که با استفاده ازشون بتونیم از کاربر اطلاعات دریافت کنیم

9
  • فرم ها قسمت دوم

00:07:26

در این قسمت با هم دیگه مبحث فرم هارو به اتمام میرسونیم و با تگ های select , progress , textarea آشنا میشیم

10
  • آشنایی با تگ های معنایی

00:05:23

در این قسمت به هم دیگه با مفهوم تگ های معنایی (Semantic Elements) آشنا میشیم

11
  • اشنایی با Global attributes

00:09:29

در این قسمت با گلوبال اتریبیوت ها آشنا میشیم و بخش HTML رو به پایان میرسونیم

12
  • آشنایی با CSS

00:08:12

در این قسمت در کنار هم یک دید کلی نسبت به css پیدا میکنیم

13
  • Selector ها در CSS

00:07:55

در این قسمت با هم دیگه یاد میگیریم که چطور الِمان های HTML رو در CSS انتخاب کنیم و بهشون دسترسی داشته باشیم پس بدون معطلی بریم برای یادگیری

14
  • رنگ ها در CSS

00:05:14

در این قسمت در کنار هم با مبحث رنگ ها در CSS اشنا میشیم

15
  • واحد های اندازه گیری در CSS

00:06:56

در این قسمت با واحد های اندازه گیری و انواع آنها در دنیای طراحی وب آشنا میشیم

16
  • Box Model در CSS

00:09:10

در این قسمت با ویژگی های مهمی به مانند padding , margin , border اشنا میشیم پس این قسمت را با دقت تمام مشاهده کنید

17
  • Display ها در CSS

00:05:56

در این قسمت با display ها اشنا میشیم و یادمیگیریم که الِمان ها رو به چه شکلی نمایش بدیم

18
  • Position ها در CSS

00:09:19

در این قسمت در کنار هم با مبحث Positon ها در CSS آشنا میشیم

19
  • مشخص کردن مکان قرارگیری الِمان ها در CSS

00:09:45

در این قسمت در کنار هم یاد میگیریم که چطور مکان قرار گیری الِمانمون رو در صفحه مشخص کنیم و با مباحثی هایی به مانند float , flexbox , css grid آشنا میشیم

20
  • استایل دهی به متون

00:07:53

در این قسمت با هم یاد میگیریم که چطور به متون در CSS استایل بدیم تا ظاهری جذاب داشته باشند

21
  • اضافه کردن فونت در CSS

00:06:16

در این قسمت در کنار هم یاد میگیریم که چطور یک فونت خارجی رو به سایتمون اضافه کنیم

22
  • اضافه کردن Icon ها در CSS

00:10:00

در این قسمت با هم یاد میگیریم که چطور در سایتمون از ایکن ها استفاده کنیم

23
  • نحوه استایل دهی به لیست ها در CSS

00:06:23

در این قسمت با هم یاد میگیریم که چطور به لیست هایی که در بخش HTML یادگرفتیم همان هایی که ظاهری بسیار ساده داشتند استایل دهی کنیم

24
  • استایل دهی به جداول در CSS

00:06:08

در این قسمت در کنار هم یاد میگیریم که چطور در CSS به جداول استایل بدیم

25
  • اشنایی با ویژگی overflow در CSS

00:04:15

در این قسمت با ویژگی overflow آشنا میشیم که مبحث نسبتا مهمیه پس بدون معطلی بریم برای یادگیری

26
  • شبه کلاس ها در CSS

00:18:02

در این قسمت در کنار هم با مبحث شبه کلاس ها در CSS آشنا میشیم پس بدون معطلی بریم برای یادگیری

27
  • استایل دهی به فرم ها در CSS

00:09:09

در این قسمت استایل دهی به فرم هارو با هم دیگه تمرین میکنیم و بحث شبه کلاس هارو هم به اتمام میرسونیم

28
  • BackGround ها در CSS

00:09:30

در این قسمت با مبحث BackGround ها در CSS بیشتر اشنا میشیم پس بدون معطلی بریم برای یادگیری

29
  • آشنایی با z-index در CSS

00:03:35

در این قسمت با ویژگی z-index در CSS آشنا میشیم

30
  • شبه الِمان ها در CSS

00:09:13

در این قسمت با مبحث شبه الِمان ها در CSS آشنا میشیم پس بدون معطلی بریم برای یادگیری

31
  • Transform ها در CSS

00:04:35

در این قسمت با مبحث transform ها اشنا میشیم که به ما امکان ایجاد بعضی تغییر ها در شکل الِمان رو میدن پس بدون معطلی بریم برای یادگیری

32
  • Animation ها در CSS

00:07:56

در این قسمت با مبحث انیمیشن ها در CSS آشنا میشیم که به ما این امکان رو میدن تا بتونیم الِمان های متحرک داشته باشیم پس بدون معطلی بریم برای یادگیری

33
  • مبحث Responsive

00:09:20

در این قسمت با مبحث Responsive آشنا میشیم که به ما امکان ساخت ظاهر های متنوع برای دستگاه های متفاوت رو فراهم میکنه پس بدون معطلی بریم برای یادگیری

34
  • نگاهی به کتاب درسی بخش HTML

00:16:28

در این قسمت بخش HTML کتاب درسی طراحی وب برای رشته کامپیوتر پایه یازدهم رو در کنار هم مرور میکنیم

35
  • نگاهی به کتاب درسی بخش CSS

00:13:58

در این قسمت بخش CSS کتاب درسی طراحی وب برای رشته کامپیوتر پایه یازدهم رو در کنار هم مرور میکنیم

36
  • آشنایی و پیکربندی پروژه

00:05:41

در این قسمت با پروژه عملی دوره اشنا خواهیم شد و همچنین اون رو پیکربندی خواهیم کرد

37
  • پیاده سازی Navbar

00:08:35

در این قسمت بخش Navbar رو ایجاد خواهیم کرد

38
  • پیاده سازی بخش Banner

00:05:48

در این قسمت بخش Banner رو ایجاد میکنیم

39
  • ساخت بخش مقالات

00:15:54

در این قسمت بخش مقالات سایت رو ایجاد میکنیم

40
  • ساخت بخش درباره ما

00:13:14

در این قسمت بخش درباره مارو پیاده سازی میکنیم

41
  • پیاده سازی footer

00:15:14

در این قسمت بخش footer رو پیاده سازی میکنیم

42
  • ساخت صفحه برنامه امتحانات

00:14:17

در این قسمت صفحه برنامه امتحانات رو ایجاد میکنیم

43
  • ساخت صفحه ثبت نام

00:23:57

در این قسمت صفحه ثبت نام رو ایجاد میکنیم

44
  • سخن پایانی

00:07:23

در این قسمت درباره برخی مسائل کمی صحبت میکنیم


نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .