CCIT
HTML5 CSS3
Learn HTML and CSS for building responsive and visually appealing websites. Master web development fundamentals, enhance design skills, and create engaging user experiences, unlocking opportunities in the digital landscape.
Duration | 3 months
Course Objective

Master HTML and CSS with our course. Acquire skills in web design, responsive layouts, and styling. Create modern, visually appealing websites through hands-on projects, fostering proficiency in front-end development.

Key Features
Duration : 3 months
Theory Lectures : 54
Practical Lectures : 87
Theory Notes :
Certificate :
Project :
Thing You will Learn
1. HTML5 Introduction
  • Overview of HTML5 New Features
  • Background and purpose of HTML5
  • The W3C and WHAT specifications
  • Web Browser
  • Format of HTML Page
  • Attributes
  • BODY tags
  • HTML5 examples
2. IDEs
  • Visual Studio Code
  • Brackets
  • Sublime text
  • Atom
3. HTML5 Font
  • Page Heading
  • Paragraphs design
  • HTML Formatting tags
  • Horizontal rule
  • FONT Tags
  • Scrolling text
  • HTML Comments
4. HTML5 Lists
  • Unordered lists
  • List Type
  • Ordered lists
  • Description list
  • Nested of lists
5. HTML5 Table
  • Introduction to Table
  • Table design tags
  • Col & Row span Attributes
  • Table caption
  • Thead Tbody Tfoot tags
  • Column grouping
6. HTML5 Media
  • set Images to website
  • HTML Audio
  • HTML Video
  • YouTube Videos
7. HTML5 Hyperlinks
  • Introduction to Hyperlinks
  • Links File Paths
  • Links target
  • Image as Link
  • Download Link
  • Links as bookmarks
8. HTML5 Frame
  • Introduction to Frame
  • FRAMESET tags
  • FRAME Attributes
  • Frame layout
  • set site iframe
9. HTML5 SVG (Scalable Vector Graphics)
  • Scalable Vector Graphics
  • Advantage of SVG
  • SVG in HTML
  • Rectangle
  • Fill & Stroke Attributes
  • Circle,Ellipse
  • Line
  • Polygon
  • Text
  • Polyline
  • Path
10. HTML5 FORMS
  • Introduction to Frame
  • User input labels
  • Input Fields
  • Radiobutton
  • Checkbox
  • Button
  • Textarea
  • Dropdown List
  • Listbox
  • Form Attribute
  • Fieldset
  • Legend tags
11. HTML5 Entities
  • Introduction HTML Entities
  • Entity Name
  • Entity Number
  • Entity Table
12. HTML5 Head
  • Website Title
  • Title website logo
  • Document Linking
  • Metadata
  • Character set
  • Meta Description
  • Meta Keywords
  • Meta Author
  • Meta Refresh
  • Viewport
  • HTML Language
13. HTML5 Semantic
  • Introduction Semantic
  • Type semantic
  • DIV tags
  • span tags
  • Semantic Elements
  • Header Element
  • Nav Element
  • Section Element
  • Article Element
  • Figure and Figcaption
  • Footer Element
14. CSS Introduction
  • CSS Introduction
  • CSS rule-set
  • Inline style
  • Internal style sheet
  • External style sheet
15. CSS Text Formatting
  • Text Color
  • Text align
  • Text decoration
  • Text transform
  • Word spacing
  • Letter spacing
  • Direction
16. CSS Fonts
  • Font family
  • Font size
  • Font style
  • Font weight
  • Font variant
  • Font face
17. CSS Selector
  • Element Selector
  • Class Selector
  • Id Selector
  • * Selector
  • Inside Selector
  • Child Selector
  • Parent Selector
  • Element immediately after Selector
  • element attribute Selector
  • element attribute value Selector
18. CSS Box Model
  • Border style
  • Border width
  • Border color
  • Border radius
  • Padding
  • Margin
  • Width
  • Height
  • Box Sizing
  • Outline
19. CSS Background
  • Background color
  • Background image
  • Background size
  • Background attachment
  • Background repeat
  • Background position
  • Background origin
  • Background clip
  • Background blend-mode
20. CSS Color
  • Color Name
  • Hexadecimal colors
  • transparency
  • RGB colors
  • RGBA colors
  • Linear Gradients
  • Radial Gradients
21. CSS Shadows
  • Text Shadow
  • Box Shadow
  • Opacity
  • Cursor
  • User select
22. CSS Pseudo class
  • Active pseudo class
  • Hover pseudo class
  • Focus pseudo class
  • Checked pseudo class
  • First-child pseudo class
  • Focus pseudo class
23. CSS Transform and Transition
  • Transform translate
  • Transform rotate
  • Transform scale
  • Transform skew
  • Transition-duration
  • Transition-property
  • Transition-delay
  • Transition-timing-function
24. CSS Animations
  • Animation keyframes
  • Animation name
  • Animation duration
  • Animation delay
  • Animation iteration-count
  • Animation direction
  • Animation timing-function
  • Animation fill mode
  • Animation keyframes steps
  • Animation pseudo
  • Animation play state
25. CSS Display
  • Display
  • Block Element
  • Inline Element
  • Inline Block Element
  • Overflow
  • Resize
  • float
26. CSS Flexbox Layout
  • Introduction Regular Expressions
  • Flex Container
  • Flex Item
  • Flex grow
  • Flex Shrink
  • Flex wrap
  • Flex basis
  • Flex direction
27. CSS Grid Layout
  • Grid template column
  • Grid template rows
  • Grid gap
  • Grid column
  • Grid row
  • Grid Area
  • Grid template Area
28. Component design
  • Link Design
  • Table Design
  • Button Design
  • Image Design
  • Forms Design
  • Navigation Design
29. Website Layout Design
  • Webpage Header
  • Webpage Footer
  • Webpage Section
  • Webpage Gallery
  • Webpage Forms
  • Webpage Product items
30. Responsive web design
  • Responsive web design
  • Responsive media
  • Viewport
31. Project
  • Portfolio website
  • Business Website
  • Ecommerce Website
  • Informational website
CCIT Notes

Explore web design with HTML5 and CSS3 through CCIT's comprehensive book. Learn modern techniques, responsive layouts, and stylish elements to create visually stunning and user-friendly websites.

  • Theory Notes
  • Course Book
  • PPT Notes
Certificate

Elevate your career prospects with CCIT's HTML5 and CSS3 Certificate, recognized by leading companies. As an ISO-certified institution, our certificate features QR code verification, ensuring authenticity and opening doors to top-tier opportunities in the industry.