• Some users have recently had their accounts hijacked. It seems that the now defunct EVGA forums might have compromised your password there and seems many are using the same PW here. We would suggest you UPDATE YOUR PASSWORD and TURN ON 2FA for your account here to further secure it. None of the compromised accounts had 2FA turned on.
    Once you have enabled 2FA, your account will be updated soon to show a badge, letting other members know that you use 2FA to protect your account. This should be beneficial for everyone that uses FSFT.

website noob help

daroy99

Weaksauce
Joined
Nov 26, 2003
Messages
80
I'm trying to build a simple website for our ski club and was wondering if you guys could help me. I was trying to put the links on the left along side the images, but when I add links it pushes the images down. I still need to add a title to the page, and I'm not sure if I'm even using align right. I'm trying to do this without frontpage and have no web mastering experience (ee, though, so c++ but that is all). So my questions are :
1) how to align the links on the side
2) how to make a title in bold at the top of the page
3) how to create an "email us" link
4) is there a way to create thumbnails for the two flyers so they don't take up the whole page?( see website : http://www.techskiandboard.com/)

as you can see from the page source, i really have no idea what i'm doing but we can't afford to pay someone to make a page so simple. thanks in advance
 
You could learn tables and do that. In a tiny bit more time, you could learn to do it with div tags and style sheets. Tables work ok, but div's and a style sheet will give more control.

Code:
You asked about an email link so I'll give you that one
<a href="mailto:someone@yoursite.com">Email Us</a>
also
<h1> Some Headline </h1> give different heading sizes 1=biggest, 6=smallest
There are a lot of css templates out there where you can just copy and paste stuff
into your html pages and change the colors through the style elements

As far as images go, those gif images would be better as jpg images. File sizes would be about a third of what they are now.

Irfanview can convert them to jpg's then you can use it to create the thumbnails.
 
You need to learn loads of things. Start from HTML w3schools is the best resource :) then move forward with CSS it will help you design your site better.
for CSS ref : www.htmlhelp.com/reference/css/ and www.yourhtmlsource.com/stylesheets/csslinks.html will help you .
if you don't want to make your hands dirty with coding then you can try few web site builder software.
We offer you RV sitebuilder which will help to build your site for free with out shared hosting.
ref : www.webhosting.uk.com/linux-hosting.php
 
If I recall google has a WYSIWYG editor available that can help you out. Otherwise google Free CSS Templates. If you don't know much about this stuff then follow andyf's advice.
 
Well I was practicing tables when I found this request so I thought I would try and help you out. Hope this is what you were looking for.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>
<head>
 <title>Raider ski & snow-Crested Butte January 2008</title>
<body bgcolor="red">
	<center><p><h2>Join other red raiders @ Crested Butte</h></p></center>
<table>
<tr>
<td rowspan=2 width="25%" VALIGN=TOP> 
                          <a href="http://www.skicb.com/" rel="nofollow">Crested Butte website</a> <br>
			  <a href="http://www.durangomountainresort.com/" rel="nofollow">Durango/Purgatory</a> <br>
			  <a href="http://www.skiwinterpark.com/" rel="nofollow">Winter Park</a> <br>
			  <a href="mailto:info@techskiandboard.com">Email Us</a>
</td>
<td width="75%">
  <img src="Raider%20ski%20&amp;%20snow-Crested%20Butte%20January%202008_files/techflyerfront2copy.jpg"><br>
  <img src="Raider%20ski%20&amp;%20snow-Crested%20Butte%20January%202008_files/techflyerback2.jpg">
</td>
</tr>
</table>
</body>
</head>
</html>

Also you can make thumbnails of the images by going into your favorite image editing program and downsizing your images. I did one in MSpaint:
techflyerfront2copy_small.jpg


List of steps to do this:
  • Image
  • Stretch\Skew
  • Change stretch percentages
  • Save as "imagename_small" or something similar
 
You need a doctype that invokes *full* standards mode. See Opera doctype switching and Mozilla doctype sniffing. Also see the DTD list.

So, change:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

to

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

so browsers lay out the page more like they are supposed to. You should make sure it's on the first line of the source.

You can enter javascript:alert(document.compateMode); in the address field to check that you got it right. It should say CSS1Compat. (Do note the "almost standards mode" in the Mozilla doctype sniffing though.)

Also, you should put:

Code:
<meta http-equiv="content-type" content="text/html; charset=utf-8">

as the first element in the head element.

Then, you can start developing the page.

You can check your page for errors with the HTML validator. The idea is to compile without errors (undefined references etc.) and without warnings. :)

You should also specify any presentational attributes (like background-color, border, width, height etc.) with CSS instead of element attributes. Examples.

Everytime you make a change to the page, check the page in Opera, Firefox, Safari and Internet Explorer (both 6 and 7 if possible). If you develop the page in one browser and check in others after you're done, it will most likely bite you (although you may get lucky). If possible, test in Konqueror now and then. You can run it from a Kubuntu live CD.

Just remember, to use Opera and Firefox as a guide to how things should look given the markup. Also, in Opera, there is a small screen mode that you can use to get an idea of how things look on mobile devices. See http://dev.opera.com/articles/mobile/
 
Back
Top