WEB – How To | LorieLINKS

Link to more TECH TIPS || INSPIRATION

GENERAL RESOURCES TO BOOKMARK

TUTORIALS

CSS

How to center an image within a div In css add this:
```
img.center {
    display: block;
    margin-left: auto;
    margin-right: auto; }
```
and then in your html: <img src=”IMAGENAME” class=”center”>
For more info on Centering Things, go to this link.
To set top and left margin at 0, put this in your CSS:

*{ margin: 0; padding: 0;}
A useful CSS Cheatsheet. [If you don’t like this one, here is a link to more.]
Read this about 30 CSS selectors you must know
CSS Typechart
DIV HELP: Floats Tutorials
Link to a more detailed CSS page for the basics

MISC

Full Screen background image
I recommend the first example – where it says, images/bg.jpg

the ‘bg’ is the name of your image.
Favicon generator
code to put on EVERY html page – <link href=”favicon.ico” rel=”SHORTCUT ICON”>
put in <head> above or below <title> – make sure you have the right path
How to tag photos (like facebook, flickr)
- using CSS only
- several methods for using javascript
Image Slicing from Photoshop to Dreamweaver – good video tutorial
- something I made after watching the video tutorial
- good article [for CS 3 but should be very similar]
Frame Animations[also called animated gifs] instructions
Tell Google about your site: www.google.com/addurl

JAVASCRIPT

ADVANCED & For the Curious

BEGINNING INFO

Set up i5 acct. and download fetch > info here
Hyper Text Markup Language (HTML) Tutorials. (skip tables & forms)
- w3 school HTML tutorial > begin here
- HTML dog tutorial > begin here
CSS (Cascading Style Sheets) defines HOW (X)HTML elements are to be displayed.
- w3 schools CSS tutorial > begin here
- HTML dog tutorial > begin here

more added all the time…