Creating a homepage/enter page?

L

Lee Lawson

Seasoned Veteran
Joined
Mar 23, 2009
Messages
4,360
Reaction score
0
FP$
652
Hey, so basically I am going to or going to learn to create a home page for my forum(Wrazz). Tomorrow I am going to be doing major homework on HTML&CSS. But in order to create this homepage what are my requirements needed apart from learning HTML and CSS? Also where do I start off with creating a homepage, many say I need DreamWeaver?

I am looking for quite a simple homepage/enter page like this: http://www.gfxremix.co.cc (not the exact same some other things will be added) not anything major and too hard for someone who is starting off.

Also will I need to splash some cash with this?

Thanks.
 
gfxremix's homepage code

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- start: portal -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- no cache headers -->
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="-1" />
	<meta http-equiv="Cache-Control" content="no-cache" />
	<!-- end no cache headers -->
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="MyBB 1.4.12" />

<meta name="keywords" content="graphics,gfx,top,forum,graphic,design,signature,photoshop,tutorials,sotw,cash,prize,art,community,resources,image,images,experts,adobe,greed,gfxer,#1,designer,designers,tutorial,signatures,userbars,competitions,cash prize,prize,contest,win,tournament,laotm,teams,sections" />
<meta name="description" content="Friendly discussion forum for free graphics design requests, Web Design and Photoshop tutorials and resources." />
<title>Welcome To GFXRemix</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
</head>
<center>
<body bgcolor="#0e0e0e">
<table border="0" cellpadding="0" cellspacing="0" width="600">
  <tr>
   <td><img src="spacer.gif" width="37" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="92" height="1" border="0" alt="" /></td>

   <td><img src="spacer.gif" width="345" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="93" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="33" height="1" border="0" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="5"><img name="index_r1_c1" src="homeimages/index_r1_c1.png" width="600" height="30" border="0" id="index_r1_c1" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="30" border="0" alt="" /></td>

  </tr>
  <tr>
   <td rowspan="3"><img name="index_r2_c1" src="homeimages/index_r2_c1.png" width="37" height="570" border="0" id="index_r2_c1" alt="" /></td>
   <td colspan="3"><a href="http://forum.gfxremix.co.cc" target="_parent"><img name="index_r2_c2" src="homeimages/index_r2_c2.png" width="530" height="360" border="0" id="index_r2_c2" alt="" /></a></td>
   <td rowspan="3"><img name="index_r2_c5" src="homeimages/index_r2_c5.png" width="33" height="570" border="0" id="index_r2_c5" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="360" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="3"><img name="index_r3_c2" src="homeimages/index_r3_c2.png" width="530" height="143" border="0" id="index_r3_c2" alt="" /></td>

   <td><img src="spacer.gif" width="1" height="143" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r4_c2" src="homeimages/index_r4_c2.png" width="92" height="67" border="0" id="index_r4_c2" alt="" /></td>
   <td><a href="http://upload.gfxremix.co.cc/" target="_parent"><img name="index_r4_c3" src="homeimages/index_r4_c3.png" width="345" height="67" border="0" id="index_r4_c3" alt="" /></a></td>
   <td><img name="index_r4_c4" src="homeimages/index_r4_c4.png" width="93" height="67" border="0" id="index_r4_c4" alt="" /></td>
   <td><img src="spacer.gif" width="1" height="67" border="0" alt="" /></td>
  </tr>
</table>

<script type="text/javascript">
<!--
function resize_images() {
var img = $$( "img.postimage" );
for ( var i = 0; i < img.length; i++ ) {
while ( !img[i].complete ) { break; }
if ( img[i].width > 600 ) {
var imgURL = img[i].getAttribute( "src" );
var oldWidth = img[i].width;
var oldHeight = img[i].height;
img[i].width = 600;
img[i].height = oldHeight * ( 600 / oldWidth )
img[i].setAttribute( "alt", imgURL );
img[i].setAttribute( "title", imgURL );
}}}
Event.observe( window, "load", function() { resize_images(); } );
-->
</script>
</body></center>
</html>
<!-- end: portal -->
 
I would prefer to either have permission from Halo_Hub himself, plus where would I start with this anyway?
 
HTML is kind of self explanatory to tell the truth. As for CSS, that takes time.
 
Also, would I need to write the code up or does it automatically do it and I just edit it?

My main question now is honestly how to start and what I will need to start with it?
 
You can get pre-made template by searching on google, for free. Then you can just play around and edit things. 🙂
 
I'll figure that out in the morning but would anyone be able to answer this: how to start and what I will need to start with it?

I am sorry if I am beig a bit shifty and forcing things out of you, but I would like to know due to downloads and how fast downloads will be.
 
What do you mean how to start? I don't understand, do you mean what is the best thing to edit the files with? It depends on your preferences, my favorite it notepad++
 
Same way you set up a regular site, put your forum in a /forum directory instead of the public_html
and put index.html in the root folder (public_html). Whenever someone goes to yoursite.com the index.html page will show. 🙂
 
Ahhh, right. Well I think that is all my questions asked, thanks Bambiy and Dasher.
 
You could just save yourself a lot of effort and get a pre-made template. 😛
 
Yes I am going for a pre-made template, but edit it around, I will make a decision in the morning but for now, it's nap time.
 
It's pretty easy. All you need to do is create a text file called "index.html" in the "public_html" of your File Manager, and put your image there.
 
Yes, there are certain other things I would like to add such as a custom text but may just put that in an image. Thanks for the support guys.
 
If you want Ragin, I could code something for you real quick.
 
You must log in or register to reply here.

About Us

Since 2007, Forum Promotion has specialized in providing advertising solutions to webmasters looking to promote their communities. We pride ourselves in being the bridge that connects forum administrators, bloggers, and more.

Sponsors

Affiliates

    Universal Gaming The Coffee House

Stay Connected

Back
Top Bottom