Um...help!

Discussion in 'Fan Sites' started by Leigh-S-Durron, Sep 26, 2003.

Thread Status:
Not open for further replies.
  1. Leigh-S-Durron Jedi Knight

    Member Since:
    Jun 29, 2003
    star 1
    Hi,
    I know I'm behind the times and all but I have never started a web site and I'm pretty clueless. So I guess I'm asking for all the help I can get.
    It will not be a totaly SW site but I will feature it. I'm trying to make a site that I can put all the things I like in to one place, but as I said I'm clueless so...he,he...any help here would be hot!

    Leigh S. Durran
  2. Ardens_Furore Jedi Master

    Member Since:
    May 14, 2001
    star 4
    What do you wish to know? The first step is to find a good HTML tutorial and learn from it, it will definitely help get you started. And if you see a cool feature on a site, you can view the source code and see how its done. If you need specific help, feel free to ask me.
  3. SithKittie Jedi Knight

    Member Since:
    Jul 5, 2003
    star 1
    I like geocities, honestly cause i'm lazy when it comes to html editing. They've got a pagebuilder which you load and then move stuff around as you like. It's a lifeline for me. I been working on sites for like 3ish years and i still suck at html. but i a moron, so that could be why.

    anywho. I'm here as well if you need help :)
  4. Leigh-S-Durron Jedi Knight

    Member Since:
    Jun 29, 2003
    star 1
    I am using Geocities right now and I like the page bulider but I still would like to learn html. So yes, if you have any good sites for learning this send them my way. (PM or post, I care not)
    And thanks for the help so far guys!

    Leigh
  5. Ardens_Furore Jedi Master

    Member Since:
    May 14, 2001
    star 4
    It's been too long since I've really looked at the tutorials, but a quick search found me this one:

    HTML Goodies

    Seems pretty thorough. Some of the coding practice isn't "the best" (there are some little technical details that people have been arguing about on the Internet) but it should be OK as a beginning tutorial.
  6. Ardens_Furore Jedi Master

    Member Since:
    May 14, 2001
    star 4
    Leigh, do you have a web page you've already made using the Page Builder? If so, post it and maybe a good way to learn is to tell you what each part of the source code does. Then you'll know exactly what PageBuilder functions map to what source code is used.
  7. Leigh-S-Durron Jedi Knight

    Member Since:
    Jun 29, 2003
    star 1
    Thanks for the web site Ardens! And yes I have started a web site. It's just barely off the ground seeing as I started it yesterday. But here it is any way

    http://www.geocities.com/elengil4thage/temporarypreviewfile.html?1064719663217

    (Runs and hides)
  8. Raef_Wolfe Jedi Master

    Member Since:
    Jul 12, 2003
    star 4
    If you would like a one-on-one tutorial, I would be able to teach you HTML. My website:

    www.geocities.com/Raef_Wolfe

    Except for one or two pages I haven't converted to HTML yet, it's all done with HTML and not pagebuilder :)
  9. Ardens_Furore Jedi Master

    Member Since:
    May 14, 2001
    star 4
    Hi, Leigh, this is my last day that I'll post at these forums. I got quite a bad rep for myself that I'm going to self-ban. I'm sure someone else can help you. Anyway, I'll explain to you some of the stuff from your code.

    I'm guessing you've looked at the tutorial, so I'll skip over some stuff and talk to you about the harder stuff in your code.

    You see all those <DIV> tags?

    What's happening is that the PageBuilder put all your content into <DIV></DIV> like a container, and used the command:
    <DIV style="position:absolute;left:203;top:13;width:254;height:55;">[your content]</DIV>

    to put it somewhere. This is very hard to understand in text, but basically, it's a "style" that says I want to place this piece of content at 203 pixels from the left side of your screen, 13 pixels from the top, and have a width of 254 pixels and a height of 55 pixels.

    Personally, when you're just starting out, I wouldn't use this, because it's too complicated. I thought that it generates regular HTML code that I could explain easily, but it's using something that you haven't learned yet (and shouldn't until you learn HTML first).

    Here's a simpler version, my comments are in red, take them out when you save as an HTML file.

    <html>

    <head>
    Specifies the character set to be used (so the browser knows which characters it should load for your text), just use this one:
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

    Your title
    <title>Parma</title>

    </head>

    Specifies your pages background picture, background color, text color and link color. The #XXXXXX are the colors. You'll need to learn the hexadecimal code.
    <body background="http://www.geocities.com/clipart/pbi/backgrounds/Sanrio/badtz_bg-stars.gif" bgcolor="#FFFFFF" link="#0000FF" vlink="#FF0000" text="#166AFF">

    Make a container 670 pixels wide, with everything inside centered.
    <div style="width:670px;text-align:center;">
    A heading that is italicized.
    <h1><i>Welcome To</i></h1>
    Your picture. The Alt means the text that you'll see when you pass your mouse over it. Width and height specify how big the picture is shown as(which is different from how big the actual picture file is. Your real picture is actually 784x429 pixels, but now it's only shown as 650 x 355.
    <img src="http://www.geocities.com/elengil4thage/untitled.JPG" alt="Parma & Nessina" width="650" height="355">
    </div>
    Another DIV because now you don't want it centered:
    <div style="width:670px;">
    Your text paragraph (<P>), italicized.
    <p><i>This is a web site made for those people like me who can never deside what they like the best. That is as far as being a fan of something.<br>&nbsp;&nbsp; I'm&nbsp; going to try to make a page or two for each thing that I'm a fan of, This is my first web site so any advice or helpful coments will be apreacheated!</i></p>

    Your contact info.
    <i>You can reach me at <a href="mailto:myemail@address">myemail@address</a></i>
    The <a href=""> is a link, the stuff after href= is the target location. mailto:myemail@address will send mail to you.

    </div>
    </body>
    </html>

    I hope this helps, and hopefully I haven't made it too hard or too simple.
  10. Leigh-S-Durron Jedi Knight

    Member Since:
    Jun 29, 2003
    star 1
    Thanks for all your help Ardens; I sad to see you go even though I've just met you. Maybe I'll see you around.

    Leigh
  11. malducin Jedi Master

    Member Since:
    Oct 23, 2001
    star 4
    Don't take this the wrong way but what about getting a book. I gave my friend the HTML for Dummies book years back and now she is a professional freelance website designer. Some of those books are pretty good and gentle.
  12. Leigh-S-Durron Jedi Knight

    Member Since:
    Jun 29, 2003
    star 1
    Thanks for the tip malducin, but right now I'm broke :-( or I most likely would have gotten that book. This seemed as good a place as any to ask for some help and I want to thank all who have helped so far.

    Now...um...any good layout ideas out there???
  13. Raef_Wolfe Jedi Master

    Member Since:
    Jul 12, 2003
    star 4
    I'd suggest a frames layout, much like the one this site uses (a frame on the top and a frame on the side)

    It's difficult to learn at first, but once you use it, you'll never want to stop :) It makes navigation very easy. Most sites have the navbar on the left and either a banner or music, or something like that, on top.
  14. malducin Jedi Master

    Member Since:
    Oct 23, 2001
    star 4
    Well there are always school o regular libraries, no need to spend on books per se.

    Anyway you can easily find HTML tutorials on the net, just google it and you'll get tons out there. After you feel comfortable you can always check the W3C site for reference. One classic tutorial is the NCSA one, one of the birthplaces of the web:

    NCSA Beginner's Guide to HTML

    As far as layouts I used to consult Cool Home Pages for inspiration:

    Cool Home Pages
  15. lord-darkhelmet Jedi Knight

    Member Since:
    Sep 10, 2003
    star 3
    I'm in a similar boat as you as I'm in the process of building my first personal web page from scratch. I've found that the Internet is a great resource for this kind of thing, if I get stuck on something I just type a search in Google and usually find a solution pretty quick.

    One site in particular I found useful is W3 Schools. It deals with much more than HTML there, and it's got a lot of simple examples which are easy to understand. I find that I am constantly referring to this page as I'm building my page.

    -ldh-
  16. Joey__P Jedi Knight

    Member Since:
    Aug 18, 2003
    star 2
    I can help you...I know how frustrating it is to get started. Go to my web site and contact me if you are interested....I can help get you started.

    -Joey

    www.joeypolice.com
  17. SithKittie Jedi Knight

    Member Since:
    Jul 5, 2003
    star 1
    Raef_Wolfe - you said this site has a frame on the side and one on top. I get that bit, but when i tried it on my site I clicked the link on the nav bar and it opened up the new page on just the one frame instead of the whole page. if that makes any sense whatsoever. anywho do you know how that whole thingy works? ^_^ I'm kinda confused.
  18. Leigh-S-Durron Jedi Knight

    Member Since:
    Jun 29, 2003
    star 1
    Thanks for all your help guys!!!!! I have go this thing off the ground but it's not flying yet.
    If any one wants to see it here it is http://www.geocities.com/elengil4thage/.
    Oh and I need a good Star Wars button, so if any of you peeps has one send it over.
    Thanks

    Leigh
  19. Lucky_Charm Jedi Padawan

    Member Since:
    Nov 23, 2003
    I know that it's a bit late, but if you still want to learn html, Lissa Explains it alldoes a great job explaining it.
Thread Status:
Not open for further replies.