© 2008. NM Web Tutorials. Nathan Morier
NM Web Tutorials
XHTML
Display Picture Make Text Link Make Image Link Basic Text Attributes Make a List Easy Back Button HEX ColoursCSS
Font/Colour Attributes Roll Over-text Roll Over-image Borders Float Margins Padding BackgroundsOther Useful Tips
Add to Search Engine TermsYou do not require fancy programs in order to make web pages, you can use note pad, text edit, or something of that nature. However the program Dreamweaver will speed things up for you, make things easier, and even allow you to discovery things by yourself. If your serious about designing web sites, I highly recommend getting Dreamweaver. Some people will say “Don’t use Dreamweaver, it’s bad and evil, and blah blah blah!” Rubbish, I know accomplished web designers that use it all the time, it helps! In fact, I'm using right now.
When you open your new text document in note pad, or other programs like it, you will require a DOCTYPE as shown below, Dreamweaver will generate this automatically for you. If you don’t have Dreamweaver, feel free to copy and paste this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title> <---------be sure to title your page
</head>
<body>
THIS IS WHERE MOST OF YOUR STUFF WILL GO AT FIRST, I’LL TELL YOU ABOUT THE OTHER STUFF LATER. THE OTHER STUFF IS NOT EXACTLY “BASIC” AND THEREFORE WILL NOT BE COVERED UNTIL LATER.
</body>
</html>
When you save this in note pad, you want to go to FILE, SAVE AS, and then name it my_awsome_website.html and click save. With out the .html it won’t know it’s a website, be sure that you don’t use any punctuations, capital letters, or spaces in the name of your file, you can screw a lot of things up that way. This rule still applies for when your naming pictures, or any other files related to your website. When saving in note pad, always go to FILE, SAVE AS. Doing it this way will save you a lot of heartache, or you could just get Dreamweaver, *hint* *hint* ya see the theme goin’ here? Oh yeah, do PLEASE name your files something that makes sense, when you start naming things like i_like_big_butts.html you'll get confused because the name doesn't have anything to do with what your web site is about, don’t confuse yourself.
When you have to open your web document in order to edit it, simply open note pad, and go to FILE, OPEN, then double click on the web document. You do this for XHTML, CSS, etc.
Oh, and until I say otherwise, put all your content <body> within the body tags </body>.
© 2008. NM Web Tutorials. Nathan Morier