1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Im New To This Whole Site Building Thing And Need A Little Help ^ ^

Discussion in 'HTML & Website Design' started by Nimrod EX, Oct 21, 2008.

  1. #1
    Well, I've just started building a site.
    I've got Dreamweaver CS3 and over the past week I've been putting alot of time and effort into learning how to work with the program, but I'm not really getting anywhere.

    So I need a little help.
    I need a website layout kinda like this one:
    www.eatliver.com

    But I really don't know how to make the layout like that.

    The other major problem I have is this one:

    If you look at the middle of the site you'll see a date, 10 pictures, a date, 10 pictures. When you click on one of the pictures you get directed to the full sized one.
    I wanna know how to do that, and how to make all the pictures the same size without losing resolution (you'll notice that the picture link thingies are all the same size).

    Thats about it...I'm really sorry if I sound stupid and thank you very much for reading this! sorry if I'm wasting your time :p
     
    Nimrod EX, Oct 21, 2008 IP
  2. Artimmi

    Artimmi Active Member

    Messages:
    130
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    68
    #2
    First, in addition to learning Dreamweaver interface you need to learn HTML coding language itself.
    Check http://www.w3schools.com for that.
    As for your question, if I understand correctly, you wanna know how to make one small and one large pictures from one?
    Every picture includes in code as <img> tag and you just need to specify width and height parameters to set it's size.
    For example:
    <img src="folder/picture.jpeg" alt="Picture title" width="120" height ="90" /> 
    Code (markup):
    Where "folder/picture.jpeg" is address where picture, localized (src), "Picture title" is title showed when you point your cursor on it, and width/height is specified size of the picture.

    You can specify different sizes for one picture, but not more that resolution of the picture file itself.
     
    Artimmi, Oct 21, 2008 IP
  3. passionate_rohan

    passionate_rohan Active Member

    Messages:
    559
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    Please be clear. I didn't get what are you trying to say.

    You need help in designing or you will pay for getting that designed ?
     
    passionate_rohan, Oct 21, 2008 IP
  4. Nimrod EX

    Nimrod EX Peon

    Messages:
    65
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    To Artimmi:

    Thanks! It was helpful! But I still have a question: If you look at the pictures in the site, you'll see that the larger picture usually has a black box around it with some funny subtext, but when you look at the small "Link Pictures" it only shows the image itself and not the black box around it...How do I do THAT?

    To Passionate Rohan:

    No I am not offering to pay for a designer, all I want is a little advice on how to make the layout of my site like the layout of eatliver.com
     
    Nimrod EX, Oct 21, 2008 IP
  5. Artimmi

    Artimmi Active Member

    Messages:
    130
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    68
    #5
    Ohh... First, these are 2 different pages. If you mean a box with black border on the top of the page (when you see full-sized image) this is a <div> layer.
    Looks like:
    <div style="width: 900px; background-color: #ffffff; border: 1px solid #555555; padding: 4px;"></div>
    Code (markup):
    I won't explain what all that means, just go to the W3School and check some articles on HTML/CSS subject.
     
    Artimmi, Oct 21, 2008 IP
  6. Nimrod EX

    Nimrod EX Peon

    Messages:
    65
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Umm...okay...I'll pretend I understand :p (I'll go read about it in W3School in 5 minutes).

    So I've resolved the picture issue...now I just need help with the Layout.
    So...Help?...Please?

    How do I make a site that (in the center of the page) contains 2 rows of 5 pictures each? (again if you don't understand my explanation go to the site specified when I opened the thread).
     
    Nimrod EX, Oct 21, 2008 IP
  7. SearchBliss

    SearchBliss Well-Known Member

    Messages:
    1,870
    Likes Received:
    66
    Best Answers:
    2
    Trophy Points:
    145
    Digital Goods:
    1
    #7
    Go to w3school first. Learn about HTML, then learn about CSS. You need to be patient...it takes time. Also Dreamweaver is a great program and you can learn a lot just by using it and viewing the HTML.
     
    SearchBliss, Oct 21, 2008 IP
  8. Artimmi

    Artimmi Active Member

    Messages:
    130
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    68
    #8
    I wish I could help you, but you need to know HTML/CSS before.
    I can't just post tons of code over there, it takes time and even I will, there'd be many things you won't understand.
    So for now go and read some basics and try, try, try.

    Anyway, if you think it will take lots of your time or just don't want to work with that, you can check my sign and pm me for professional coding/design service;)

    I wish you good luck in your project!

    Come back after you read a bit about html and I will help you to resolve your problems.
     
    Artimmi, Oct 21, 2008 IP
  9. Nimrod EX

    Nimrod EX Peon

    Messages:
    65
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Thank you all very much!!!

    I'll just shut up and study a little HTML and CSS for now :)

    Thank you all again! <3
     
    Nimrod EX, Oct 21, 2008 IP