HTML5 & CSS3 Course Outline

Getting Acquainted with HTML

• Introduction to internet
• Introduction to HTML Terminology
• Options for writing HTML
• Unicode Transformation Format (UTF)
• HTML Resources

New for HTML5

• What is difference in HTML5
• <!DOTYPE> in HTML5

Designing a Webpage

• Design considerations and planning
• Basic tags and document structure
• HTML tags
• Head tags
• Title tags
• Body tags
• Meta data
• Saving an HTML page

Page formatting

• Adding a new paragraph
• Adding a line break
• Inserting blank space
• Preformatted text
• Changing a page’s background color
• Div Element

Text item and objects

• Heading
• Comments
• Block quotes
• Horizontal linest
• Special characters

Creating Lists

• Numbered(ordered)Lists
• Bulleted(unordered)Lists
• Nested lists

Links

• What are links
• Text links
• Image links
• Opening a page in a new window or Tab
• Setting all links on a page to open in a new window or Tab
• Linking to an area on the same page(bookmarks)
• Linking to an E=mail Address
• Linking to other types of files

Images

• Introduction to images for webpages
• Adding images to webpages
• Resizing an image
• Alternative(ALT) Text
• Image labels

Basic Tables

• Inserting a table
• able borders
• Table headers

IFrames

• What is an Iframe
• Inserting Iframes
• Setting height and width
• Using an Iframe for a link target

Form

• About forms
• Sending to Email
• Text boxes
• Text areas
• Check boxes
• Menu lists
• Radio buttons
• The submit button
• The reset button
• Changing the tab order

Video and audio

• About video and audio files
• Linking to video and audion files
• Adding video
• Adding audio
• Using YouTube to display video

Cascading style sheets (CSS3)

Cascading style sheets

• What are cascading styles sheets
• CSS syntax
• Creating an External CSS
• Linking to a CSS
• Adding comments and notes to a CSS
• Creating an internal style sheet
• ID and Class
• Inline styling

Working with Text in CSS

• Emphasizing text (bold and italic)
• Decoration
• Indentation
• Transformation
• Text alignment
• Fonts
• Fonts sizes
• Letter spacing
• Line spacing
• Text color
• Margins
• Padding
• Borders
• Styling links
• Number and bullets styles
• Sizing elements
• Text wrapping
• Shadowing

Creating Background in CSS

• Color
• Images
• Fixed images

Images in CSS

• Opacity
• Floating images
• Image galleries
• Image sprites

Box model in CSS

• What is box model
• Margin
• Padding
• Border
• Outline

Working with elements in CSS

• Display and visibility
• Grouping and nesting
• Dimensions of elements
• Positioning
• Floating

Adding a navigation Bar in CSS

• Vertical navigation bar
• Horizontal navigation bar

CSS tables

• Borders
• Collapsed borders
• Table width and cell height
• Table color
• Table text element
• Table padding

Working with transforms in CSS

• What are transforms?
• 2D transforms
• 3D transforms

Transitions and animations in CSS

• Transitions
• Animations

CSS shorthand

• Shorthand Properties

Web Hosting and Domain Names

• Domain Name System(DNS)
• Domain Name
• File Transfer Protocol (FTP)
• Internet Services Provider (ISP)
• Uniform Recourses Locator (URL)
• Web server
• Web host
• Server side Scripting language
• Uploading website
• Web hosting management