Next Question

Sociable Media Group
Why GIF or JPEG?

You can make a page with any text editor, just remember to name it "something.html."

<html>


<head>
<title>What you Want to Appear in To of Frame </title>
javascripts and other things will appear in the <head></head> tags as you add code to your page
in Dreaweaver
</head>


Next is the body of the page where most of the content is;

<body>

Ok, if you want to make something <b>bold</b> or <i>italic</i>.

If you want to link to something you have to use the "href" tag
as in:

<a href="http://www.umb.edu">link to umass boston, this is what everyone sees</a>

And if you want to see an image it is the image source tag as in:

<img src="filename">

Maybe you want to have link to something in a new window so:

In dreamweaver, select the object, go to the behaviors menu & select an action.
"onClick" is an event that you might want, for the person to click on the image. This generates a javascript code in the header of the document that looks like this:
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>

Or, you could just make an "<a href=" "> </a> around the image and it opens to a new page.

STYLES: Read the webmonkey tutorial on styles!!!!
Rather than adding characteristics one by one, you open your CSS menu and start making styles like
highlight for making things stand out. Then, if you want to chang it, you change it in the stylesheet, not every page of code.

To Control the positions of objects on a page you would use either:

a table (the 90's way)
or a layer, the <div></div> tag where you can give absolute positioning coordinates to your div. the "z index tells you which div is on top. For example, if you had a div containing a background image its "z index" should be the lowest number.

You can assign characteristics to a div through the CSS styles menu, You can generate code like this for a div you name "example." By dragging it around on the screen, dreameaver defines it's coordinates on the page.

<div id="example" style="position:absolute; left:19px; top:844px; width:728px; height:128px; z-index:1">

Next, you can open your CSS window and define a style called #example so that it applies to your div.
One way to organize your work is to name your Divs & that define their styles with CSS.
You can type this all out by hand if you want but it's easier in Dreameaver.


<style type="text/css">
<!--
#example {
border: thick double #003366;
background-color: #FFFF00;
}
-->
</style>
















 

 

Remember to close the body of your page:

</body>

and the html

</html>