Staredit Network > Forums > Technology & Computers > Topic: Creating a Website
Creating a Website
Oct 1 2007, 12:24 am
By: JamaL  

Oct 1 2007, 12:24 am JamaL Post #1



Alright, guys. I've been creating a lot of web templates lately, using The GIMP, and I think they're starting to look decent.

Examples would be..



or..



Now, what I've created this topic for, is I need help tying it all together. How do I take this image and make a website out of it? I know that I need to slice parts of the image apart to create individual images, but could somebody give me step-by-step information on how to make this an actual website, or provide me a link on how to do so?

Basically, I need to turn them into an image map, I think. It would be even better to be able to do it in CSS, though..



None.

Oct 1 2007, 1:00 am DarkDeserter Post #2



You created the layouts in gimp? great job!

I don't really have any tutorials for slicing a layout with gimp, but you might want to try this. It might help you.



None.

Oct 1 2007, 1:04 am Matt Burch Post #3



I'm not that good with designing the images, but I'm good at programming everything in HTML, JS, CSS, PHP, and MySQL.

Most of the time, you will need to use the "div" tag and "tables" in html. Then use classes from CSS. With mouseovers and onclicks, you can use javascript to change images.
Code
<style type=text/css>

.banner{border: #000000 solid 2px;}

.navbar
{
border: #666666 solid 1px;
background-color: #444444;
color: #999999;
text-decoration: none;
font-family: sans arif, verdana;
}

</style>
<table width=100% height=200><td height=100%><div class=banner><img src="images/ClanOoBanner.gif"></img></div></table>
<div class=navbar><table width=100%>
<td align=center><a href="link" class="class">Item 1</a>
<td align=center><a href="link" class="class">Item 2</a>
<td align=center><a href="link" class="class">Item 3</a>
<td align=center><a href="link" class="class">Item 4</a>
</table></div>

And that is a Banner, and navbar. You probably can get the picture with that.



None.

Oct 1 2007, 5:29 pm Twitch Post #4



Quote from Matt Burch
I'm not that good with designing the images, but I'm good at programming everything in HTML, JS, CSS, PHP, and MySQL.

Most of the time, you will need to use the "div" tag and "tables" in html. Then use classes from CSS. With mouseovers and onclicks, you can use javascript to change images.
Code
<style type=text/css>

.banner{border: #000000 solid 2px;}

.navbar
{
border: #666666 solid 1px;
background-color: #444444;
color: #999999;
text-decoration: none;
font-family: sans arif, verdana;
}

</style>
<table width=100% height=200><td height=100%><div class=banner><img src="images/ClanOoBanner.gif"></img></div></table>
<div class=navbar><table width=100%>
<td align=center><a href="link" class="class">Item 1</a>
<td align=center><a href="link" class="class">Item 2</a>
<td align=center><a href="link" class="class">Item 3</a>
<td align=center><a href="link" class="class">Item 4</a>
</table></div>

And that is a Banner, and navbar. You probably can get the picture with that.
Damn you I was gonna say that :( he is right jamal so that right there.



None.

Oct 1 2007, 11:09 pm JamaL Post #5



Well, I tried what you had, it worked okay, but I'm looking for something easier. I downloaded a web design program, and I sliced the images and placed them in, and it works fine.

However, I now need to know an essential part of creating a website. Call me a nub, but how do you create a new page on your website?

For example, say your site is http://clanoo.com. I want it so that when somebody clicks the forum button, it goes to http://forums.clanoo.com. I know how I might create the forums, but how do I create that website as a subdomain, I guess? I need to know how to create a new page..



None.

Oct 1 2007, 11:20 pm Falkoner Post #6



Do you have the website clanoo in the first place? You need to purchase a domain unless you want one that is under some other domain.



None.

Oct 1 2007, 11:23 pm JamaL Post #7



No. I'm just wondering how one would go about creating a new page. I plan to purchase a domain in the future.



None.

Oct 1 2007, 11:27 pm Test Post #8



Well if you are doing .com and stuff, you need to buy your domain. And pay, usually monthly. If you are hosting it on your computer, you could use PHP, and have ?p=page in your url. I haven't played with a real domain server before.

staredit.net/?p=clans = clans page.
PHP processes it by:

Code
<?php
$page = $_GET[p];
if ($page == "clans") {
$display = "<b>Clans</b><br/>Clan Orig!";
} else if ($page == "index") {
$display = "<b>Index</b><br/>Index!";
}
?>

<html>
<body>
<?php echo $display; ?>
</body>
</html>


You would need to learn how to do PHP, unless you just want simple informational pages, that aren't updated often. Then you could just do it all in html. You put a folder, where your index.html is, then when you have a link <a href="folder/page2.html">Page 2</a>, it will load an url as "http://www.domain.com/folder/page2.html"

I suggest that you learn HTML, JS, and CSS atleast if you are taking up web design. Not JS as much, but HTML and CSS for sure. If you want to be more complex, learn PHP so people other than you can update your site, from a different computer. PHP tells MySQL to store information in databases, and can also retrieve them.

Post has been edited 1 time(s), last time on Oct 1 2007, 11:35 pm by Test.



None.

Oct 3 2007, 5:26 am blacklight28 Post #9



FREEWEBS.COM!!!!!



None.

Oct 3 2007, 10:44 pm Centreri Post #10

Relatively ancient and inactive

Blacklight made me cry.

If you want a website that's as functional as SEN, you need a hefty bit of PHP and MySQL skill. IP isn't a slouch, neither are his 'helpers'. However, you can seperate forums from everything else and integrate a login-system from a forum with everything else much easier, though you'll probably still need some PHP and MySQL skill. HTML and CSS are mandatory, JS preferred for more interactive websites.

Subdomains, you buy supportive webhosting and I'm pretty sure it's right there in the CPanel, the forums. If subdomains aren't included in hosting plan, it's not there. I recommend not paying extra for them, just make the forums a seperate folder. CPanel is the server GUI that allows you to customize your website from a non-coding perspective.



None.

Options
  Back to forum
Please log in to reply to this topic or to report it.
Members in this topic: None.
[09:38 pm]
NudeRaider -- Ultraviolet
Ultraviolet shouted: NudeRaider sing it brother
trust me, you don't wanna hear that. I defer that to the pros.
[07:56 pm]
Ultraviolet -- NudeRaider
NudeRaider shouted: "War nie wirklich weg" 🎵
sing it brother
[2024-4-27. : 6:24 pm]
NudeRaider -- "War nie wirklich weg" 🎵
[2024-4-27. : 3:33 pm]
O)FaRTy1billion[MM] -- o sen is back
[2024-4-27. : 1:53 am]
Ultraviolet -- :lol:
[2024-4-26. : 6:51 pm]
Vrael -- It is, and I could definitely use a company with a commitment to flexibility, quality, and customer satisfaction to provide effective solutions to dampness and humidity in my urban environment.
[2024-4-26. : 6:50 pm]
NudeRaider -- Vrael
Vrael shouted: Idk, I was looking more for a dehumidifer company which maybe stands out as a beacon of relief amidst damp and unpredictable climates of bustling metropolises. Not sure Amazon qualifies
sounds like moisture control is often a pressing concern in your city
[2024-4-26. : 6:50 pm]
Vrael -- Maybe here on the StarEdit Network I could look through the Forums for some Introductions to people who care about the Topics of Dehumidifiers and Carpet Cleaning?
[2024-4-26. : 6:49 pm]
Vrael -- Perhaps even here I on the StarEdit Network I could look for some Introductions.
[2024-4-26. : 6:48 pm]
Vrael -- On this Topic, I could definitely use some Introductions.
Please log in to shout.


Members Online: Oh_Man