PDA

View Full Version : Anyone good at HTML?


basictraining
05-06-2008, 06:25 PM
Im in a class and need to make a website but I can't get the frames to work. I have to use notepad is that a problem with the frame? I also don't know where the frame goes. I put in the HTML code in the beginning and all I got is internet exploer cannot open this page. I am making a school website and want to have links to different us departments int he frame

OSOK
05-06-2008, 06:37 PM
The frame?

Essentially a website is multiple tables with pictures in them, inside the tables are also the text. I will give you a few website to look at. I spent some time designing websites and these sites helped.

W3 Schools (http://w3schools.com/)
Xtreme Pixel (http://www.xtreme-pixel.com/index.php)

If you have a template pre-made in photo shop you can follow this Slicing Guide.
Slicing Guide (http://slicingguide.com/lesson4.html)

shunut
05-06-2008, 08:45 PM
I am pretty good at HTML. If you want you can PM me your code and I'll look at it for you. If I find errors I will let you know what you did wrong.

or If you just want to email me the file, PM me and I'll give you my email address.


Another good website is www.htmlgoodies.com

basictraining
05-07-2008, 05:19 AM
I will pm you the code later but it's nothing special. I want it to look like html goodies with the links on the left in a frame I think thats what they are.

where it has

INTRODUCTION
home
...

shunut
05-07-2008, 05:42 AM
Shouldn't be a problem. I can help you figure it out.

basictraining
05-07-2008, 02:39 PM
<html>
<head>
<title> South Podunk High school's Social Studies Department</title>
</head>
<body>



<font size="3" face="Verdana">
<p><b><center> Welcome to the Social Studies Department here at South Podunk High School. Included in this website is some information to help you learn about the different agencies that are found within our United States Government.
<p><small>Remember, your teachers will quiz you on your snooping skills so make sure you pay attention to the site.</small></center>
<body background="http://i69.photobucket.com/albums/i79/mackeyac/untitled-1.jpg?t=1210119675">
<center><img src="http://www.animationplayhouse.com/schoolbooks.gif"></center>
</body>
<p><center>Below you will find different links to the different departments</p>
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

basictraining
05-07-2008, 02:40 PM
I have to have links to different webpages, I also need anchoring and link establishment (dontk now what these are). Need to do different fonts and sizes which I can do.

Use at least 3 different heading styles/sizes (whats that?)

OSOK
05-07-2008, 04:41 PM
Well when you code a website you code it in CSS. You can either code the CSS directly on the .html or .php file or make it call a different CSS file. What it is saying is that it needs something to define it's different styles.

body {
background: #222222;
color: #222222;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, Sans-serif;
font-size: 12px;
margin: 0;
text-align: center;

}

This will basically define your body.
Your bakcround, your backround color, your fonts, your font size, your margin, and your text aligning.


a{
text-decoration: underline;
color: #000000;
}

a:hover {
text-decoration: none;
color: #000000;
}

a img {
border: 0;
}

This is basically your links. The underline, the color, decoration, what happens when you click it, image links.


h1 {
background:url(images/h1.jpg) no-repeat;
width:280px;
height:41px;
padding: 26px 0 0 237px;
font-size:18px;
font-weight:bold;
color:#436e41;
margin-top:5px;
}

This is a header, you can have multiple headers just h1,h2,h3 ext. Basically before a paragraph you put

<h1>HEADER</h1>

You can do the width, height, and even make it so you can type header text strait onto an image that would be on the header.

Any more help just ask.

basictraining
05-08-2008, 03:12 PM
How can I make the face fit? (underneath the blue line)

<html>
<head>
<title> South Podunk High school's Social Studies Department</title>
</head>
<body>



<font size="3" face="Verdana">
<p><b><center>Welcome to the Social Studies Department here at South Podunk High School. Included in this website is some information to help you learn about the different agencies that are found within our United States Government.
<body>
<hr width="75%" size="8" noshade color="#6600FF">



<body>
<b>
<pre>
///\\___
(@ @)
+----oOO----(_)-----------+
| Study Hard! |
| |
| |
+-----------------oOO-----+
|__|__|
|| ||
ooO Ooo
</pre>
</body>




<p><small><font size="1" color="red"><i>Remember, your teachers will quiz you on your snooping skills so make sure you pay attention to the site.</small></center></font size="1" color="red"/></i>

<body background="http://i69.photobucket.com/albums/i79/mackeyac/untitled-1.jpg?t=1210119675">
<center><img src="http://www.animationplayhouse.com/schoolbooks.gif"></center>
</body>
<p><center><font size="2" color="green"><b>If you have any questions, Dont be afriad to send me an email</p></font size="3" color="red"/></b>
<body><center><p><img src="http://tbn0.google.com/images?q=tbn:K54gpxkURZVWuM:http://www.ruf.rice.edu/~evolve/images/emailIcon.png"></body></center></p>
<table border="1">
<tr>
<td><a href="mailto:blah">Give me some mail!</a></td>
</table>