آموزش  دوره طراحی صفحات وب HTML & CSS

سر فصل های آموزش HTML :

1. معرفی DOCTYPE

2. آموزش روش آماده سازی بستر طراحی وب و نرم افزارهای مربوطه

3. معرفی Project Structure در طراحی وب

4. بررسی تگ های p و div

5. بررسی تگ های span , h , head

6. بررسی تگ های header , br و لیست‌ها

7. بررسی تگ a

8. آشنایی تگ img

9. تگ map

10. تگ picture

11. تگ table

12. بررسی تگ tbody

13. تگ form

14. تگ input

15. تگ Select

16. تگ textarea

17. تگ video

18. معرفی مفهوم Attribute

19. معرفی مفهوم Comment و دلائل استفاده از آن

20. معرفی و ارائه مثال از تگ‌های مربوط به هر طبقه بندی

21. بررسی استانداردهای نامگذاری المان ها

22. بررسی مفهوم Validation در اسناد Html

23. معرفی مفهوم Hyper Link و نکات مربوط به Navigation

24. آشنایی با مفهوم Anchor و Hash

25. ایجاد Shortcut برای لینک‌ها

26. بررسی Site Map و روش ایجاد آن

27. بررسی روش ایجاد منو و انواع آن

28. بررسی روش‌های مختلف آدرس دهی لینک‌ها مثلا Internal و External

29. بررسی نکات جدید HTML5 در مورد لینک‌ها مانند Download

30. معرفی تگ‌های مفهومی HTML5 مانند مفاهیم موارد زیر

<article>  <aside>  <details>  <figcaption>  <figure>  <footer>  <header>  <main>  <mark>  <nav>   <section>  <summary>  <time>

 

سر فصل های آموزش CSS :

1. معرفی CSS

2. ساختار css

3. نحوه استفاده از css

4. بررسی نقش CSS در آرایش تگ‌ها

5. سلکتور ها در css

6. رنگ ها در css

7. background در css

8. واحد های اندازه گیری در css

9. مفهوم border در css

10.آموزش کار با ویژگی Margins در CSS

11. آموزش کار با ویژگی Padding در CSS

12. آموزش کار با ویژگی های Height و Width در CSS

13. آموزش کار با ویژگی Outline در CSS

14. آموزش ویژگی text-align در CSS

15. آموزش کار با متن ها یا Texts در CSS

16. آموزش کار با فونت ها یا Fonts در CSS

17.آیکون ها در CSS

18. آموزش دستور import در CSS

19. آموزش تگ link در HTML

20. لیست ها در CSS

21. استایل دهی جدول ها در CSS

22. آموزش ویژگی display در CSS

23. آموزش ویژگی position در CSS

24. آشنایی با صفت overflow در CSS

25. آموزش ویژگی float در CSS

26. آموزش ویژگی opacity در CSS

27. آموزش کامل کار با ویژگی Transition در CSS3

28. آموزش کار با ویژگی Transforms در CSS3

29. بررسی انواعEffect ها در CSS3

30. معرفی قابلیت‌های Design Envirement مانند منوها و قسمت‌های مختلف Dream Weaver

31. بررسی روش‌های مختلف اعمال Style روی تگ‌ها مانند Inline، Internal، External

32. بررسی انواع File Path

33. بررسی مفهوم Save/Export For Web

34. بررسی نحوه Load شدن تصاویر

35. بررسی پسوندهای مختلف تصاویر

36. بررسی تصاویر PNG و مشکلات نمایشی مرورگرها

37. بررسی نکات مربوط به تصاویر مانند Transparency

38. بررسی Image Map

39. بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب با نرم افزارهای مربوطه

40. بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و…

41. بررسی نحوه استفاده از صدا و تصویر در Background

42. معرفی IFrame و روش استفاده از آن

43. بررسی روش استفاده از Google Map و سایر موارد مرتبط با IFrame

44. بررسی Localization برای زبان‌های RTL

45. بررسی Drag & Drop

46. بررسی Canvas و نحوه استفاده از آن

47. بررسی SVG و نحوه استفاده از آن

48. معرفی Edge و Illusttator و کاربرد آن‌ها