HTML and CSS are markup languages and the building blocks that make up the web. This course is called “Not your Typical Intro” because it does not follow the usual pattern of other courses and tutorials that you find on the Internet. Usually HTML and CSS are taught with a focus on language syntax. But knowing syntax alone does not enable you to create a web-page from a design. You need to know where to start and how to approach the task, in other words – you need to learn how to think like a front-end developer.
Module-wise Intro to HTML and CSS
Internet and Web,Serving your info, browsers,URLs, multitude of Devices, standards,Responsive Web Design, Accessibility,Site Performance,web page, Text Editor, ContentDocument Structure, Text Elements, Add an Image, Style Sheet, Validating Documents, Paragraphs, Heading, Lists, More Content Elements, Organizing Page Content, The Inline Element Roundup, div and span, special characters.
Module 2 :
href Attribute, Linking to Pages on the Web and within Own Site, Targeting a New Browser window, Mail and telephone Links, Image Formats, img Element, ifram, Minimal Table Structure, Table Headers, Spanning Cells, Table Accessibility, Wrapping Up Tables, The form Element, Variables , Content, Form Control Round-up, Form Accessibility Features, layout and design.
Cascading Style Sheets, Font Properties, Changing Text Color, Selector Types, Text Line Adjustments, Underlines Changing Capitalization, Spaced Out, Text Shadow, Changing Lists Bullets and Numbers, Specifying Color Values, Foreground and Background Color, Pseudo-element and attribute Selectors, Background Images, Gradients, background Property, External Style Sheets, The Element Box, Specifying Box Dimensions, Padding, Borders, Margins, Assigning Display Roles, Adding Drop Shadows to Boxes.
Normal Flow, Floating, Positioning Basics, Relative, Absolute and fixed Positioning, Page Layout, Strategies and Techniques, Multicolumn Layouts and Positioned Layout, Top-to-Bottom Column Backgrounds, CSS Reset, Image Replacement Techniques, CSS Sprites, Styling Forms, Styling Tables, Wrapping Up Style Sheets, Image Sources, Formats, Image Size and Resolution, Working with Transparency, PNG-8 “Alpha” Transparency, Optimizing GIFs, JPEGs, PNGs, File Size.