Course Overview
This HTML and CSS course is designed to introduce HTML basics for creating meaningful and interesting pages. The course includes fun and real-world examples to highlight the differences in the new versions of HTML and CSS.
Cascading Style Sheets (CSS) have become a fundamental part in the development and management of web pages. CSS plays a critical role for any organization that has adopted the concept of separating content from presentation in Web pages.
What you’ll learn
Upon completion of the HTML and CSS course, students will be able to:
- Analyze how the Web operates in conjunction with XHTML’s role
- Classify basic Web page construction – including the major Tag
- Create a Web page that includes multiple images and hyperlinks
- Recognize the <HEAD> section as well as the corresponding Meta-data
- Define the basic Tag attributes
- Compute and add one or more lists to a page
- Identify the benefits of XHTML
- Differentiate between XHTML well-formed and XHTML validity rules
- Demonstrate HTML to XHTML conversion
- Create a Web page that includes HTML5 components
- Analyze CSS theory and concepts including selectors, cascading, inheritance, and specificity
- Demonstrate how CSS properties and values are used to control positioning, color, background and borders
- Appraise CSS3 theory and concepts including selectors, cascading, inheritance, and specificity
Requirements
- Basic understanding of the Web
- Some programming experience is helpful for the CSS portion but is not required
Target audiences
- Application Developers
- Systems Engineers
- Web Developers and Managers
- Graphic Designers
Curriculum
- 1 Section
- 16 Lessons
- 5 Days
Expand all sectionsCollapse all sections
- Topics16
- 1.1HTML Basics Internet Terminology and the History of Markup HTML and (X)HTML Versions Markup Tags Attributes Common Core Attributes
- 1.2Basic HTML Tags Body, head, headers Document Formatting Tags Text Formatting Tags HTML Events and When They Occur Summary
- 1.3Forms The Tag The
- 1.4Images Image Formats
Tag and its Attributes
- 1.5Tables Creating Tables Rows and Columns Using thead, tfoot and tbody Special Characters Formatting Tags HTML Lists
- 1.6HTML Tags Details Logical vs. Physical Tags Block vs. Inline Tags Box Model Theand Tags Understanding DOCTYPE Quirks Mode and Standards Mode Which DOCTYPE Should I Use?1.7XHTML Basics XHTML Basics What’s wrong with HTML? XHTML vs. CSS vs. JavaScript Why use XHTML? XML (XHTML) Rules XML (XHTML) Validity Rules Converting HTML to XHTML Mandatory XHTML Elements1.8CSS Introduction CSS History Why use Style Sheets? CSS Syntax Placement of Styles Inline Style Attribute The Tag External CSS Files Browser Default Style Sheets The Style Object CSS Property References1.9CSS Formatting Specifics CSS Shorthand Properties Text and Fonts – The Big Picture Fonts: font-family, size, weight and style Text: text-decoration, color, dimensions Background Properties Background-Image1.10CSS Inheritance and Selectors Understanding Style Inheritance CSS Style and Computed Style Understanding Selectors CSS Syntax for Classes and IDs More on Selectors Pseudo Selectors, Classes and Elements1.11CSS Box Model Block tags vs. Inline tags Box-Level Individual Properties, Content Area, Padding Properties, Border Properties Box Model: Margins,Margin Properties, Negative Margins, Collapsing Margins Margins vs. Padding IE and the Box Model1.12CSS Positioning Positioning 101 Normal Flow Relative and Absolute Positioning Floating and Positioning Tableless Layout1.13CSS Positioning The Cascade How Many Ways can an Element be Styled? Sources of Style Rules How are Conflicts Resolved? Who Supplies the Rule Specificity1.14CSS Appendix Validating CSS The W3C Validator If Expressions in IE CSS Best Practices Creating CSS for Different Media Browser Differences1.15HTML5 Syntax changes from XHTML New Input tag types and attributes New functional markup tags and attributes New semantical markup tags and attributes1.16CSS3 Boxing Media Queries Selectors Pseudo Elements and Classes Text Effects Columns Background Images Borders Opacity and transparency Gradients Transformations Transitions and Animations
