Learn the fundamentals of web designing with HTML, CSS and Bootstrap framework. This course provides complete coding details for creating professional level web pages.
This is a beginner level course and after completing it, you will have all the necessary skills, exposure and confident to build beautiful static website.
HTML, CSS and Bootstrap Coding Course
Duration: 2 month
Fast Track: AvailableCourse Fee DetailsFAQs
This course features with all the tips, techniques and tools for working with web technologies like – HTML5, XHTML, CSS, fonts and graphics. Additionally, it also serves as the best practices and prerequisite for advanced web development training.
✠ Web Designing Course Syllabus ✠
Fundamentals of Web Page
- Introducing HTML, XHTML and HTML5 document type
- Doc type definition (DDT)
- Exploring HTML page structure
- Introducing web developer tool
- Inspecting the DOM
- Introducing text editor vs. design IDEs
- Advantages of using text editor for software developer
- Discussing the difference between head & body tags
- Writing the minimum boilerplate valid HTML5 codes
- Importance of title & meta charset tag
- Purpose of link, style & script tags
Various HTML tags
- Heading & Paragraph tags
- Text formatting tags
- Anchor tag, image tags and their attributes
- Table, Lists and their child elements
- Formatting quotations and quote marks
- Preserving pre-formatted text
- Understanding Form and its elements
- Working with common form fields – Input, Password, Radio Buttons, Checkboxes etc
- Discussing the difference between div and span tags
- Iframes and its purpose
- Introducing HTML5 semantic elements
- Working with header, footer, aside, nav, article, section etc
CSS Fundamentals
- Introduction to CSS
- Discussing briefly about CSS version
- HTML Block vs. Inline element
- CSS implementation with – inline, embedded & external style sheet
- Discussing different types of selectors – generic, id & class
- Understanding its order of preference
- Overriding selector rules
- Understanding the CSS boxed model
CSS Properties and Usages
- Understanding CSS margin vs. padding
- Discussing the importance of position property – relative, absolute & fixed
- Working with float for aligning elements
- Discussing common CSS properties
- Web safe fonts & its usages
- Integrating custom font face
- Introducing CSS inheritance
- Different type of unit and their relationship – px, em & %
- Different graphics format – jpg, gif, png
- Styling List, Table & Form with CSS
- Page layout concept – CSS vs. Table
- Menu building with unordered list and CSS
- Templating concept
- Project – Creating a static web site from Scratch in HTML5
Bootstrap Framework
- Introduction to Bootstrap Framework
- Understanding Responsive Web Design (RWD)
- Concept of media queries
- Discussing various Bootstrap Components
- Container and Grid
- Text and Color schemes
- Table and Image styles
- Working with Jumbotron
- Built in Alerts, Buttons and Groups
- Badges and Cards
- Progressbar, Spinner and Pagination
- List Group and States
- Dropdown Menu
- Nav links and Navbar
- Form, inputs and grouping
- Carousel
- Modal and Tooltip
- Popover and Toast
- Working with Flex class
- Scrollspy and Utilities
- Filters
- Introduction to Font Awesome
- Working with library icon set
Recommended Training: Candidates enroll in web designing (HTML / CSS) course are also interested in the following courses
PHP/MySQL
JavaScript
jQuery
Node.js