Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11
  1. #1
    New Coder
    Join Date
    May 2006
    Posts
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts

    A very basic question.

    Hello,
    I have designed the layout for my website using photoshop cs.
    I wanted to know how to edit that in dreamweaver.
    Iam also posting my layout (remember its my first layout ) and i dont mind if any 1 suggests any things.

    Would appreciate a reply.
    Thanks in advance
    Cheers
    http://img251.imageshack.us/img251/1419/layout1hr.jpg
    Last edited by hasnain721; 06-01-2006 at 06:59 PM.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,479
    Thanks
    6
    Thanked 981 Times in 954 Posts
    What do you mean with "edit that in Dreamweaver"? Do you wanna know how to convert it into HTML (website)?

    Your design looks alright but pretty incomplete yet. You should post a full design and ask then 'cause we (or at least I) currently can't see what purpose this will serve in the end and therefore can't give you a good advice on how to convert it into a website.

    If you design a page think of the whole layout and how you want the content to be sorted. This means you should have some content and a concept of how this should look like (i.e. what the website will be about, what audience you are trying/expecting to draw etc.). You can tell us your thoughts and we will tell you what we think about it but with an image with black background and three horizontal bars on it we can't say very much... (I don't wanna speak for the others but that's my opinion).

  • #3
    New Coder
    Join Date
    May 2006
    Posts
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by VIPStephan
    What do you mean with "edit that in Dreamweaver"? Do you wanna know how to convert it into HTML (website)?

    Your design looks alright but pretty incomplete yet. You should post a full design and ask then 'cause we (or at least I) currently can't see what purpose this will serve in the end and therefore can't give you a good advice on how to convert it into a website.

    If you design a page think of the whole layout and how you want the content to be sorted. This means you should have some content and a concept of how this should look like (i.e. what the website will be about, what audience you are trying/expecting to draw etc.). You can tell us your thoughts and we will tell you what we think about it but with an image with black background and three horizontal bars on it we can't say very much... (I don't wanna speak for the others but that's my opinion).
    sorry for not being specific
    Yea i want to convert it to html so that i can edit it in dreamweaver.
    And secondly, as far as the layout is concerned; it is for a religious website.
    Iam going to put a menu on the left hand side which i will create using coffecup software; i will have a header on the top and a footer at the bottom.

    Hope that help.
    Please reply.
    Thank You

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,479
    Thanks
    6
    Thanked 981 Times in 954 Posts
    I would say you should take one step after the other. At first have a complete design of your webpage/website and then we can talk about how to convert it to a real website with HTML.

    Quote Originally Posted by hasnain721
    Iam going to put a menu on the left hand side which i will create using coffecup software
    What I can say now is: Please don't use a webdesign software that is creating something for you (a.k.a. WYSIWYG (What You See Is What You Get) editors) but take the time to learn HTML and CSS a little bit that you at least understand what you're doing. It's not so hard to do that by yourself and you will create much better websites than any design mode of any website editor.

    But as I said: At first create your design, then start thinking about how to convert it to a webpage.

  • #5
    New Coder
    Join Date
    May 2006
    Posts
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts
    My content is ready.

    I have my header, my footer and my menu.
    And i know html as well.

    So...its time to convert it to a html.
    Could u plz temme mate how to do it plz ?

    Thanks

  • #6
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,479
    Thanks
    6
    Thanked 981 Times in 954 Posts
    There are millions of ways to convert a design into a website. Could you post an image of the complete page design (with some content and text (can be dummy text) etc.)? That makes it easier to tell you how to slice the image and how to implement it and so on.

  • #7
    New Coder
    Join Date
    May 2006
    Posts
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts
    That is what the problem is mate.

    I have my content on one side and on the other hand, i have my layout.
    I want to merge them using dreamweaver.
    And i want to know how to do that.

  • #8
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,479
    Thanks
    6
    Thanked 981 Times in 954 Posts
    Wrong approach, my friend.
    You should merge your content and your design already "on paper" before you convert it (at least if people here are supposed to help you cause we can't read your mind), meaning you do it in Photoshop. You put it together as if you would draw it on a sheet of paper and show somebody how it will eventually look like. You will put some text on the sketch in Photoshop, you will put the images that you are going to have on the website on this sketch and put it together to have the complete page (content AND design already merged).
    And then, not earlier, we can convert it to a website.

    This is what I mean by having a concept.
    If you were to build a house you can't start building it before you have a plan on paper to read how it should look like in the end.

  • #9
    New Coder
    Join Date
    May 2006
    Posts
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Very true my friend.
    I will manage the designing bit.
    What i need to know is how to convert a photoshop file (.PSD) file to a html file.

  • #10
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,479
    Thanks
    6
    Thanked 981 Times in 954 Posts
    The basic HTML file looks like this:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    
    <body>
    
    </body>
    </html>
    Already this is not the only way how a standard HTML file looks like but it's a common one.
    And then you structure the basic shape of your document: header, content, (footer - optional)
    Then you put the actual content in it (page title in a headline, menu preferably in the header section etc.)
    So basically it looks like this:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    
    <body>
    	<div id="header">
    		<h1>Page Title</h1>
    		<ul id="menu">
    			<li><a href="#">link</a></li>
    			<li><a href="#">link</a></li>
    			<li><a href="#">link</a></li>
    		</ul>
    	</div>
    	<div id="content">
    		<p>some text</p>
    		<img src="whatever.gif" alt="some image" />
    		<p>more text</p>
    	</div>
    	<div id="footer">some stuff</div>
    </body>
    </html>
    After that you use CSS to style the page (after you sliced your photoshop image appropriately). But already the way I sorted the HTML is one out of hundreds (and my personal favorite). And to help you styling the website you really have to provide an image of the design 'cause you need to figure out what to use as background image and what to include as images into the HTML etc. It's too complex for me to explain without an idea of how it will look like.

  • #11
    New Coder
    Join Date
    May 2006
    Posts
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts
    thanks a million
    cheers


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •