Difference between revisions of "Crafting websites"

From Publication Station
Line 1: Line 1:
# Basics
# Basics
## Writing hello world
** Writing hello world
## Defining some structure
** Defining some structure
## Discovering the elements (img, h1, p)
** Discovering the elements (img, h1, p)
# Styling
# Styling
## Adding a stylesheet
** Adding a stylesheet
## Writing fancy text
** Writing fancy text
## Blocking some color (absolute positioned divs)
** Blocking some color (absolute positioned divs)
# Positioning
# Positioning
## Absolute
** Absolute
### Z-index
*** Z-index
## Fixed
** Fixed
## Relative
** Relative
### Floating elements
*** Floating elements
# Linking
# Linking
## Anchor links
** Anchor links
## External links
** External links
## Internal links
** Internal links
### Managing multiple pages
*** Managing multiple pages
# Making it interactive
# Making it interactive
## Hovering
** Hovering
## CSS animation
** CSS animation
## Introducing JavaScript/jQuery
** Introducing JavaScript/jQuery

Revision as of 12:03, 23 July 2015

  1. Basics
    • Writing hello world
    • Defining some structure
    • Discovering the elements (img, h1, p)
  1. Styling
    • Adding a stylesheet
    • Writing fancy text
    • Blocking some color (absolute positioned divs)
  1. Positioning
    • Absolute
      • Z-index
    • Fixed
    • Relative
      • Floating elements
  1. Linking
    • Anchor links
    • External links
    • Internal links
      • Managing multiple pages
  1. Making it interactive
    • Hovering
    • CSS animation
    • Introducing JavaScript/jQuery