Anyone good at HTML?

basictraining · #1 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 · #2 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
Xtreme Pixel

If you have a template pre-made in photo shop you can follow this Slicing Guide.
Slicing Guide

shunut · #3 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 · #4 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 · #5 05-07-2008, 05:42 AM

Shouldn't be a problem. I can help you figure it out.

basictraining · #6 05-07-2008, 02:39 PM

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


<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.
Remember, your teachers will quiz you on your snooping skills so make sure you pay attention to the site.</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>
<center>Below you will find different links to the different departments
<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 · #7 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 · #8 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.

Code:

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.

Code:

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.

Code:

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

Code:

<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 · #9 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>


<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>

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

Remember, your teachers will quiz you on your snooping skills so make sure you pay attention to the site.</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>
<center>If you have any questions, Dont be afriad to send me an email
<body><center><img src="http://tbn0.google.com/images?q=tbn:K54gpxkURZVWuM:http://www.ruf.rice.edu/~evolve/images/emailIcon.png"></body></center>
<table border="1">
<tr>
<td><a href="mailto:blah">Give me some mail!</a></td>
</table>

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode