1st Semester | Web Designing
HTML 5 Basics
- Introduction
- Editors
- Basics
- Elements
- Attributes
- Headings
- Paragraphs
- Styles
- Formatting
- Quotations
- Comments
- CSS Colors
- Links
- Images
- Tables
- Lists
- Blocks
- Classes
- Frames
- JavaScript
- File Paths
- Head
- Layout
- Responsive
- Computer Code
- Entities
- Symbols
- Charset
- URL Encode
HTML Forms
- Forms
- Forms Elements
- Input Types
- Attributes
HTML 5
- What New in HTML 5?
- Browser Support
- New Elements
- Semantics
- Migration
- Style Guide
HTML Graphics
- Canvas
- SVG
- Google Map
HTML Media
- Media
- Video
- Audio
- Plug-ins
- YouTube
HTML APIs
- Geo location
- Drag/Drop
- Web Storage
- Web Workers
- SSE
HTML Example
- Tag List
- Attributes
- Events
- Colors
- Canvas
- Audio/Video
- Doc Types
- Character Sets
- URL Encode
- Lang Codes
- Messages
- Methods
- PX to EM Converter
- Keyboard Shortcuts
CSS (Cascading Style Sheet)
- Introduction
- Syntax
- How to…
- Colors
- Backgrounds
- Borders
- Margins
- Padding
- Height/Width
- Box Model
- Outline
- Text
- Fonts
- Icons
- Links
- Lists
- Table
- Display
- Max-Width
- Position
- Overflow
- Float
- Inline-block
- Align
- Combinatory
- Pseudo Class
- Opacity
- Navigation Bar
- Dropdowns
- Image Gallery
- Image Sprites
- Attr Selectors
- Forms
- Counters
- Website Layout
CSS Advanced
- Rounded Corners
- Border Images
- Backgrounds
- Colors
- Gradients
- Shadows
- Text Effects
- Web Fonts
- 2D Transforms
- 3D Transforms
- Transitions
- Animations
- Tool-tips
- Style Images
- Object Fit
- Buttons
- Pagination
- Multiple Columns
- User Interface
- Variables
- Box Sizing
- Flex box
- Media Queries
- MQ Examples
CSS Responsive
- Intro – What’s New
- View Port
- Grid View
- Media Queries
- Images
- Videos
- Frameworks
- Templates
CSS Grid
- Grid Intro
- Container
- Grid Item
CSS Example
- Templates
- Examples
- Quiz
- Exercise