web guru
home
previous
next
|
web guru
home
previous
next
|
HOW TO WRITE YOUR FIRST WEB SITE!
REMEMBER: STYLE NEVER GOES OUT OF STYLE!
this page for example, works on a lot of very subtle layers. I have used a black background to remind the reader, subconsciously, of outer space. I have stuck to a limited number of fonts and tried to use colours which contrast with the black background as this makes them easier to read.
qUESTIONS ABOut TEXT: Bold, Capitals, Italics, Underlining, headings and all that!
When you write a web page, just say you want to make something STAND OUT!
for example just say you want to make something Bold, or Italics, or BOTH! - then you've got to learn about TAGS!
TAGS are little bits of hidden text, that the user odesn't see, but which the browser uses to change the way your page is displayed.
for example if you type this into your web page:
<b>hello</b>
then what the user sees, will be the word hello in bold, like this:
hello!!
and if you want it all slanting, which is called italics, then don't use the "<b>" tag, use the "<i>" tag, like this:
<i>hello</i>
which comes out like this:
hello!!!
Get the idea?
Now with TAGS - you'll notice that i use two of them - one at the start and one at the end.
The one at the end has a slash after the pointy open bracket, like this:
</
and what that means is "stop it already! enough enough!"
underlining uses the 'u' tag which means you go like this: <u>hello</u> which comes out like this:
hello i am underlined aren't i? how cool is this!
Fun? That's HTML for you!
IMAGES
You want your web page to be very fast to download, because some users still use really old modems reminiscent of a tin can with a piece of string nailed into it. Hence, always compress your images using a format such as jpeg or gif, and don't make images any bigger than they have to be. For extended pieces of text consider breaking them into multiple pages.
When you include graphics on a page, you are really just including an anchor which describes the location of an image. It's technical. IN 'frontpage' Click on the button that looks like this:
In Dreamweaver click on the button that looks like this:
In Notepad, type in the html for an 'IMG' tag like this:
<img border="0" src="filename.gif" width="84" height="104">
but replace 'filename.gif' with the name of the image file you want to show.
NEXT: ADVANCED SKILLS FOR ADVANCED WEB SITE WRITING!