newbie

Discussion in 'Web Design & Programming' started by gumdigger, Apr 23, 2006.

  1. gumdigger

    gumdigger Geek

    Likes Received:
    0
    Trophy Points:
    16
    Hi
    creating these http://www.templatesbox.com/templates/271.htm sort website. is it just a matter of creating panels and buttons in photoshop/fireworks and arrangeing them dreamweaver?.
    can someone guide me bcoz i want to creat these sort of website without coding.
     
  2. Matt555

    Matt555 iMod

    Likes Received:
    98
    Trophy Points:
    48
    That kind of site yeah you could make then in PS, Slice them and export them to Dreamweaver. Sometimes some 'tweaking' is needed for that to work as once you start entering content things can go haywire.

    For content boxes that have no special pictures/backgrounds etc just make them using Dreamweaver, don't use images where not neccessary.
     
  3. gumdigger

    gumdigger Geek

    Likes Received:
    0
    Trophy Points:
    16
    Any Guides on this Matt?.
     
  4. Matt555

    Matt555 iMod

    Likes Received:
    98
    Trophy Points:
    48
    Waffles has posted some tutorials on here, on how to code an expanding content box, myself - I just read loads of tutorials from the web.

    Try:

    www.pixel2life.com
    www.good-tutorials.com
    www.techtuts.com

    For a starting place, just have a look through and see what you can find.
     
  5. gumdigger

    gumdigger Geek

    Likes Received:
    0
    Trophy Points:
    16
  6. Matt555

    Matt555 iMod

    Likes Received:
    98
    Trophy Points:
    48
    You mean you followed the tutorial and made the end result?

    Okay with the document open in Photoshop you'll need to slice it check out here for some tutorials on how to slice a layout.
     
  7. gumdigger

    gumdigger Geek

    Likes Received:
    0
    Trophy Points:
    16
    i heard the most common resolution for websites is 1024/768 and 800/600 but how do i set that in dreamweaver. and also if i slice the items from photoshop, and put it in dreamweaver they dont get centered. when i take a preview of the page it always shows everything on the left. even though i have aligned as center.
     
  8. Matt555

    Matt555 iMod

    Likes Received:
    98
    Trophy Points:
    48
    That's because you need to align the whole table that is created in Photoshop to the center.
    After you slice the layout Photoshop creates a giant table with the images in cells, you'll need to align the whole table to the center.

    HTML:
    <div align="center">TABLE STUFF IN HERE</div>
     
  9. gumdigger

    gumdigger Geek

    Likes Received:
    0
    Trophy Points:
    16
    I created a table, size of 1024X768 then i made another row where i inserted a wallpaper but it leaves a gap between the edges

    like this ->[​IMG]

    How do i set it so it is stuck to the edges.
     
  10. Matt555

    Matt555 iMod

    Likes Received:
    98
    Trophy Points:
    48
    Please explain a bit more. Maybe post a whole image of what's going on? If you want a table to be 'stuck' to the edges, don't use set sizes:

    HTML:
    <table width="100%"  border="1" bordercolor="#000000" style="border-collapse:collapse" cellspacing="0" cellpadding="0">
      <tr>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
      </tr>
    </table>
    
    That will give you a table that is 100% wide (fits the screen and 'sticks' to both sides) and has 2 rows and 2 columns.

    I don't fully understand what you want so I probably didn't cover it, apologies.
     
  11. gumdigger

    gumdigger Geek

    Likes Received:
    0
    Trophy Points:
    16
    Go here, i have uploaded the page.
    In that have u noticed that even if the width is 100% it does not stick to the browser window, there is a little gap between. in other words it doesnt span from one end to the other. what do u do to remove that gap?.

    appericiate your help so far mate!
    http://s37.yousendit.com/d.aspx?id=04BD1UC2MR4TC3911PTW50RAPV
     
  12. Matt555

    Matt555 iMod

    Likes Received:
    98
    Trophy Points:
    48
    Ahh yeah, I'm not sure if there's a way to remove that.
     
  13. Waffle

    Waffle Alpha Geek

    Likes Received:
    38
    Trophy Points:
    0
    Here you go.

    Code:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    </head>
    
    <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" hspace="0" vspace="0">
    <table width="100%" height="34" border="1" cellpadding="0" cellspacing="0">
      <tr>
        <td height="28"><img src="Images/images/Web_03.jpg" width="770" height="22" /></td>
      </tr>
    </table>
    </body>
    </html>
    
     
  14. Matt555

    Matt555 iMod

    Likes Received:
    98
    Trophy Points:
    48
    Nice one Waffles :good:
     
  15. Waffle

    Waffle Alpha Geek

    Likes Received:
    38
    Trophy Points:
    0
    Might be wise to state that this "marginless" layout isn't always desirable as it will literally shove content to the edges of the browser - you will need to use padding and spacing appropriately to counter balance this. It can also make the site harder to view in certain cases.
     
  16. gumdigger

    gumdigger Geek

    Likes Received:
    0
    Trophy Points:
    16
    Hi
    This is how my page looks like
    As you can see i have selected all (ctrl+a), I would like to get rid of the space around the highlighted area. also i would the whole page centered
    How do i do it?.
     
  17. Waffle

    Waffle Alpha Geek

    Likes Received:
    38
    Trophy Points:
    0
    I can't make much sense of what you mean, what's hightlighted? It all looks blue to me.

    Attach the html files and the images and I will have a look.
     
  18. gumdigger

    gumdigger Geek

    Likes Received:
    0
    Trophy Points:
    16
    I have attached the zip archive of the folder.
    Please have a look at it
     

    Attached Files:

  19. Waffle

    Waffle Alpha Geek

    Likes Received:
    38
    Trophy Points:
    0
    No idea...I haven't a clue what all the 'layer' CSS code is for, it doesn't appear to be doing anything...the tables aren't coded properly and it won't center, most likely due to the <divs>.

    I would consider starting from scratch and making it as simple as possible.
     
  20. Karanislove

    Karanislove It's D Grav80 Of Luv

    Likes Received:
    0
    Trophy Points:
    36
    lets make it easier. Please make snapshots of your problem and use paint to point out the problem because we are not able to understand which space are you talking about. Just give us little bit explaination what exactly you want to do.
     

Share This Page