First steps of creating a website

[TrigunX89]

I made my own website some years ago from scratch. I did it for fun, and I had a good time with it. Well, now I'm sorta obligated to make one and I'm having a really hard time getting started. I should've had it up months ago, and my dad is paying for the hosting. I don't know why, but I just feel stuck - like I don't know what I'm doing or where to begin. I thought this would be so easy since I've done it before, but I guess my creative juices aren't flowing anymore or something. Any tips or inspirations you can give me to help me get going? If so, I'd appreciate it. Thanks!

[Mithrandir]

The absolute first step is to think about your target audience, and figure out what they would want.

Here's an OK first look:
http://web-design.createafreewebsite.net/

[TrigunX89]

Thanks! Will do.

[TrigunX89]

Grr... I have a stupid question. How do I define the width of a particular table column?

[Mithrandir]

In percentage or fixed? Here's fixed. Substitute 50%, 40% etc for percentage based.

Code: Select all

 <table width=100px height=100px>
 <tr>
 <td width=50px>Big cell</td>
 <td width=10px>small</td>
 <td width=40px>medium</td>
 </tr>
 </table>
 

That's off the top of my head, though. There may be an error in there I'm not seing. It's been a long day.

[shooraijin]

Myself, I'd do percentages, just so the table proportionally scales based on browser window size.

[TrigunX89]

Woohoo, thanks!

[Sammy Boy]

You can also think about putting table information like that in a stylesheet and referencing the stylesheet in pages that use those styles. This will save you time when you need to change the style settings later. You can just change the stylesheet later, upload it, and all the pages that use the styles will be updated with the new one.

Here's part of the stylesheet of my website, hope it'll give you a few ideas and things to try out:

----------
body
{
background-color:#f0f0f0;
scrollbar-face-color:#f9f9f9;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#f9f9f9;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#f9f9f9;
scrollbar-arrow-color:#000000;
margin-left:10px;
margin-top:0px;
}

.nav_body
{
margin-top:1px;
margin-left:1px;
margin-bottom:1px;
margin-right:1px;
}

td,.tdBorder {vertical-align:top}
.tdBorder {border-style: solid; border-width:1px; border-color:#336699}

.tableA,.tableB,.navTableA {border:1px solid #336699; padding:3px; vertical-align:top}
.navTableA {width:148px}
.tableA {width:100%}
.navTableHeadA {background-color:#336699; text-align:center}
.navTableHeadTextA {color:#f0f0f0}
.navTableCellA {background-color:#f0f0f0}

.navTableB {width:148px; border:1px solid #003366; padding:3px; vertical-align:top}
.navTableHeadB {background-color:#f0f0f0; text-align:center}
.navTableHeadTextB {color:#003366}
.navTableCellB {background-color:#003366}
----------

Cheers.

[Mithrandir]

IE only scripting...?


*shudders*

[Sammy Boy]

IE only scripting...?

Sorry mate, were you referring to the style sheet code I pasted above? It should be cross browser. I use Firefox.