Difference between revisions of "Crafting websites"

Revision as of 12:04, 23 July 2015

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

@@ Line 1: / Line 1: @@
 # 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
-** 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
-** Absolute
+## Absolute
-*** Z-index
+### Z-index
-** Fixed
+## Fixed
-** Relative
+## Relative
-*** Floating elements
+### Floating elements
 # Linking
-** Anchor links
+## Anchor links
-** External links
+## External links
-** Internal links
+## Internal links
-*** Managing multiple pages
+### Managing multiple pages
 # Making it interactive
-** Hovering
+## Hovering
-** CSS animation
+## CSS animation
-** Introducing JavaScript/jQuery
+## Introducing JavaScript/jQuery