Making your own layouts

I iwsh can help u make a layout sorry no time
 
I only test in IE. XP

Also, I'm not very good. I just played around and came out with this, getting ideas from The APCC's layout. I think I could do better, though.

Anyway PJ, your best bet is to start simple. Make a creative banner in PSP, then make a basic table layout, playing around with colours. If you're a newbie, you should try FrontPage. :P No seriously, that's how I learned HTML.

Make big layouts on PSP. The chop it up and put it together in your page. ^^
 
Or you could go with a DIV layout...

Code: 
<html>
<head>
<title>Title here</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<div align="center" style="position:absolute; left:0; top:0;">
<div id="banner" style="height:height of banner; width:width of banner; background-image:url(banner.jpg);"></div>
</div>
<div id="leftmenu" style="position:absolute; top:height of banner; left:0; width:left menu width;">
Menu here
</div>
<div id="content" style="margin-left:left menu width; margin right:right menu width; margin-top:height of banner;">
Your content here
</div>
<div id="rightmenu" style="position:absolute; right:0; top:height of banner; width:right menu width;">
Right menu here
</div>
</body>
</html>

Of course, you can insert all the style attributes into the stylesheet rather than the HTML itself. Insert background colors, background images, etc. into the stylesheet.

I test in Firefox, Netscape, IE and Opera...
 
I tend to design my layouts in Fireworks or Elements, then slice them, edit them and change a lot of things into CSS. Mine are all still table-based layouts, if you want to do a CSS layout I'd say Erica there is the best person to go to. But I can give you any help you need.
 
Well, very good news! I'm getting dream weaver! No clue how it works...>_> But I think it pretains to websites XD

oh, and JA, I NEED GMail, I've decided my life isn't complete without it....invite? pleeeeaaase?
 
Already did. And Dreamweaver is just the website-maker, you need a decent image program to design the layout. Get Studio, it has Dreamweaver, Fireworks, Freehand and Flash and it's not that expensive.
 
I'm getting dreamweaver free because I'm doing the Youth section of my church website XD

Anyway, i'll try to find a free image editor that's halfway decent....

oh and thanks for the invite! [email protected]! w00t!
 
Try the GIMP then. XD That's free.
 
pokejungle said:
Well, very good news! I'm getting dream weaver! No clue how it works...>_> But I think it pretains to websites XD

oh, and JA, I NEED GMail, I've decided my life isn't complete without it....invite? pleeeeaaase?
Click to expand...
Dreamweaver doesn't code along W3C Standards. I personally think coding a website by hand is better since you get more experience than using a WYSIWYG editor. But it's your choice.
For an free imaging editor, GIMP is the best one but it's not as easy as Photoshop. MS Paint does a find job too if you're experienced enough. :classic:
 
You can just validate your DW code and edit it when you're done. I find that Dreamweaver actually does really well. The only thing that came up in my DW layout was a marquee tag that I hand-coded. It's Frontpage that does bad coding.

Photoshop is REALLY expensive...
 
You must log in or register to reply here.
Back
Top