1× knowledge

Website Designing / Subject

Beginner

Start website designing with web foundations, semantic HTML, CSS, typography, color, composition, flexbox, grid and responsive design.

Your Progress

Learning Summary

0 of 150 topics completed
Quizzes Completed 0Best Quiz Score —Current Level Not startedContinue Choose a topic

Suggested sequence

Learning roadmap

Topics follow the Admin display order

Beginner

150 topics
  1. Introduction to Web Designing
  2. How Websites Work
  3. Website vs Web Application
  4. Static Websites
  5. Dynamic Websites
  6. Front-End vs Back-End
  7. Domain Names
  8. Web Hosting
  9. Web Browsers
  10. Web Servers
  11. URLs
  12. HTTP and HTTPS Basics
  13. Website Structure
  14. Web Pages
  15. Landing Pages
  16. Home Pages
  17. Navigation
  18. Headers
  19. Footers
  20. Sidebars
  21. HTML Document Structure
  22. HTML Elements
  23. HTML Tags
  24. HTML Attributes
  25. Headings
  26. Paragraphs
  27. Text Formatting
  28. Links
  29. Images
  30. Lists
  31. Tables
  32. Forms
  33. Input Elements
  34. Buttons
  35. Div Elements
  36. Span Elements
  37. Semantic HTML
  38. Header Element
  39. Footer Element
  40. Nav Element
  41. Main Element
  42. Section Element
  43. Article Element
  44. Aside Element
  45. Audio
  46. Video
  47. Iframes
  48. Introduction to CSS
  49. CSS Syntax
  50. CSS Selectors
  51. CSS Properties
  52. CSS Values
  53. Inline CSS
  54. Internal CSS
  55. External CSS
  56. Colors
  57. Backgrounds
  58. Borders
  59. Width and Height
  60. Margin
  61. Padding
  62. CSS Box Model
  63. Fonts
  64. Typography
  65. Text Styling
  66. Links Styling
  67. Lists Styling
  68. Tables Styling
  69. Form Styling
  70. Button Styling
  71. Display Property
  72. Visibility
  73. Overflow
  74. Positioning
  75. Z-Index
  76. Design Principles
  77. Color Theory
  78. Color Wheel
  79. Color Schemes
  80. Contrast
  81. Typography Basics
  82. Font Families
  83. Font Pairing
  84. Font Sizes
  85. Line Height
  86. Letter Spacing
  87. Alignment
  88. White Space
  89. Visual Hierarchy
  90. Balance
  91. Proximity
  92. Repetition
  93. Consistency
  94. Composition
  95. Website Layout
  96. Single-Column Layout
  97. Multi-Column Layout
  98. Header Design
  99. Navigation Design
  100. Hero Section Design
  101. Content Section Design
  102. Card Design
  103. Form Design
  104. Footer Design
  105. Call-to-Action Design
  106. CSS Flexbox
  107. Flex Containers
  108. Flex Items
  109. Flex Direction
  110. Flex Wrap
  111. Justify Content
  112. Align Items
  113. Align Content
  114. Flex Grow
  115. Flex Shrink
  116. Flex Basis
  117. CSS Grid
  118. Grid Containers
  119. Grid Items
  120. Grid Columns
  121. Grid Rows
  122. Grid Areas
  123. Grid Gap
  124. CSS Alignment
  125. Nested Layouts
  126. Responsive Design Fundamentals
  127. Mobile-First Design
  128. Desktop-First Design
  129. Fluid Layouts
  130. Fixed Layouts
  131. Adaptive Layouts
  132. Responsive Layouts
  133. Media Queries
  134. Breakpoints
  135. Responsive Typography
  136. Responsive Images
  137. Responsive Videos
  138. Responsive Tables
  139. Responsive Forms
  140. Responsive Navigation
  141. Responsive Grids
  142. Viewport Units
  143. Relative Units
  144. REM
  145. EM
  146. Percentages
  147. VW
  148. VH
  149. CSS Clamp
  150. Aspect Ratio

Topics

150 published topics

  1. 101 Content Section DesignLearn Content Section Design through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  2. 102 Card DesignLearn Card Design through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  3. 103 Form DesignLearn Form Design through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  4. 104 Footer DesignLearn Footer Design through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  5. 105 Call-to-Action DesignLearn Call-to-Action Design through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  6. 106 CSS FlexboxLearn CSS Flexbox through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  7. 107 Flex ContainersLearn Flex Containers through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  8. 108 Flex ItemsLearn Flex Items through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  9. 109 Flex DirectionLearn Flex Direction through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  10. 110 Flex WrapLearn Flex Wrap through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  11. 111 Justify ContentLearn Justify Content through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  12. 112 Align ItemsLearn Align Items through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  13. 113 Align ContentLearn Align Content through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  14. 114 Flex GrowLearn Flex Grow through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  15. 115 Flex ShrinkLearn Flex Shrink through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  16. 116 Flex BasisLearn Flex Basis through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  17. 117 CSS GridLearn CSS Grid through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  18. 118 Grid ContainersLearn Grid Containers through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  19. 119 Grid ItemsLearn Grid Items through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning
  20. 120 Grid ColumnsLearn Grid Columns through a detailed website-design lesson with examples, exercises and practice questions.Beginner · 16 min read · 90 min learning