www.webdeveloper.com
Page 1 of 2 12 LastLast
Results 1 to 15 of 30

Thread: how do you guys creat web layouts?

  1. #1
    Join Date
    Nov 2003
    Location
    USA, somewere ville
    Posts
    293

    how do you guys creat web layouts?

    i seee so many acualt layouts you dow ith css ect, but how to u make design, like with an editor or by hand? i just want to design a personal site but i want to mqake a layout
    MoDIfIeR_GuY

    Http://www.xmodcentral.netfirms.com

    Http://www.modfreaks.web1000.com

  2. #2
    Join Date
    Nov 2003
    Location
    Canada
    Posts
    1,592

    Re: how do you guys creat web layouts?

    Originally posted by modifier_guy
    like with an editor or by hand?
    Not sure what you mean by 'by hand' as opposed to with an editor. And do you mean think of a design 'asthetically'? Or create it?
    -Dan
    Windows XP SP2 - theme: Thallos
    AMD Athlon 64 X2 4600+ | ASUS M2N32-SLI Deluxe | 2 * 1024 PC2-6400 Mushkin DDR2-800 | eVGA GeForce 6800XT 256MB | Creative Sound Blaster X-FI Music
    5 * 320GB Seagate Barracuda SATA-II 3Gb/s in RAID 5 | Lite-On 16x DVD-RW | Mitsumi 7-in-1 Floppy drive and card reader
    Samsung SyncMaster 204B 20" TFT LCD | Logitech G15 Keyboard | Logitech G7 Mouse | Seasonic PC160SK Headset

  3. #3
    Join Date
    Aug 2003
    Location
    In my house
    Posts
    4,004
    As anyone will tell you here, content is king. So you have to think about what you want to put in your site. Then you have to figure out how you want to lay it out. It helps to check out other designs as well. http://www.csszengarden.com/ is an excellent place, browse through the different designs, they are totally phat. I usually just get the general idea of how I want to lay the page out, like a centered column, with content on the left, nav on the right, footer, header, and paper trail. Then I start coding. After I get into it, little things usually pop into my head, and eventually the site gets done.

    For coding, I use Homesite. I'd recommend getting some sort of Editor, but not a WYSIWYG editor, just something with syntax highlighting, numbered lines, ect., ect. You can check out HTML-Kit, Crimson Editor, 1st Page 2000, just to name a few I've used.
    Thousand different paths
    So many sterile ends
    I chose the Devil's path

    Never shall the sun kiss my face
    And caress me with it's burning light
    For I dwell in the shadows
    And sleep side by side with death

  4. #4
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    I strongly suggest creating a mockup of the site in a graphics program such as Photoshop or Jasc. I do this with all design work that I do, as it is much easier to make changes, move things, etc. this way. Some people even go one step further, and make rough sketches on paper before even touching the computer. I've not done this personally, but can see the value of doing so.

    I usually start with a screenshot of an empty browser window (to use as a point of reference), usually 800x600. From there, I begin creating the design and UI. Once I have a rough idea of where I want things, I begin drawing it out. I don't worry about making things perfect, but my mockups are typically quite close to what the finished site will look like.

    Personal website http://www.ryanbrill.com/
    Business website: http://www.infinitywebdesign.com/
    TypeSpace http://www.typespace.org/

    I reject your reality and substitute it with my own!

  5. #5
    Join Date
    Nov 2003
    Location
    Canada
    Posts
    1,592
    For creating a layout, I like to get out nice fresh piece of 8.5x11 and draw my layout by hand. Once I get it looking the way I want, I convert it to code, and I'm all set! For editing, I'm currently using Dreamweaver MX. In the past I used 1st Page 2000, but I switched over when I started learning server-side scripting.
    -Dan
    Windows XP SP2 - theme: Thallos
    AMD Athlon 64 X2 4600+ | ASUS M2N32-SLI Deluxe | 2 * 1024 PC2-6400 Mushkin DDR2-800 | eVGA GeForce 6800XT 256MB | Creative Sound Blaster X-FI Music
    5 * 320GB Seagate Barracuda SATA-II 3Gb/s in RAID 5 | Lite-On 16x DVD-RW | Mitsumi 7-in-1 Floppy drive and card reader
    Samsung SyncMaster 204B 20" TFT LCD | Logitech G15 Keyboard | Logitech G7 Mouse | Seasonic PC160SK Headset

  6. #6
    Join Date
    Nov 2003
    Location
    USA, somewere ville
    Posts
    293
    well i have made a couple sites but it did not have a LAYOUT. i knwo all my content it will be a personal site. i just want the stuff to be layed out, like all it orgonized with a header, content menu ect. i use Cute HTML it is just a program to write youe code and it put it into color and stuff easy to read
    MoDIfIeR_GuY

    Http://www.xmodcentral.netfirms.com

    Http://www.modfreaks.web1000.com

  7. #7
    Join Date
    Nov 2002
    Location
    Auburn, AL
    Posts
    9,224
    With my mind. I think up something then try to make it in notepad (because I can flip around real fast). I might come up with a better idea in the proccess. Just because I play in notepad does not mean I do scripting with it, I could not bear it. I do all my scripting in dreamweaver and webmatrix (mainly for webservices and data intensive stuff, dw is better for the design parts of it). If I ever need a dll It looks like Ill need to dig up a copy of vs.net doesnt it :/.

  8. #8
    Join Date
    Nov 2003
    Location
    USA, somewere ville
    Posts
    293
    i just want the page to be structured. have some design. like the header, menu, content a side bar. not just have 1 big layout all combined have ti seperated, with a nice border and things, but i am limited. i have cute HTML, photoshop, notepad, an FTP. i know some css, all HTML, little java, ect. i am still learning. i did a layout in photoshop drew what i wanted, then i made like a banner and a menu bar ect. then i just have hard time makng it into code. liek the banner is easy, just use an image, i unno, i am confusing myself and it is 11 pm and i need to think abotu this
    MoDIfIeR_GuY

    Http://www.xmodcentral.netfirms.com

    Http://www.modfreaks.web1000.com

  9. #9
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    6,275
    I use notepad for everything. I have very few ideas for layouts since I'm not creative in the least. Once I do get an idea I tend to stick to it and rather than draw it out I'll just start with a blank .html document and start coding.

    I can basically code anything that I think of since the layouts that I need/come up with are reasonably simple, although I do enjoy the occasional challange trying to get something to work in IE.
    Every fight is a food fight when you’re a cannibal.

  10. #10
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    Originally posted by lavalamp
    I'll just start with a blank .html document and start coding.
    Not recommended at all.

    Originally posted by lavalamp
    although I do enjoy the occasional challange trying to get something to work in IE.
    You're kidding, right?

    Personal website http://www.ryanbrill.com/
    Business website: http://www.infinitywebdesign.com/
    TypeSpace http://www.typespace.org/

    I reject your reality and substitute it with my own!

  11. #11
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    6,275
    Originally posted by pyro
    You're kidding, right?
    It's all part of the fun. Cross browser compatibility is a big thing for me, the usual order of things is as follows; I enjoy it for a bit, I get annoyed, I put some load music on, I get really angry, I storm off in a huff, I think of something else that might work, I fix it and I'm happy again.

    I don't actually start with a blank .html document, I've attached what I actually start off with, it's got a doctype and a couple of meta tags etc. Not sure why I attached it really.
    Why do you think it's not a good idea though? Every time I start coding I start off with a clean slate.
    Every fight is a food fight when you’re a cannibal.

  12. #12
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    As I said in my first post, I recommend creating a mockup of the site in a program such as Photoshop or Jasc, and explained why.

    Personal website http://www.ryanbrill.com/
    Business website: http://www.infinitywebdesign.com/
    TypeSpace http://www.typespace.org/

    I reject your reality and substitute it with my own!

  13. #13
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    5,298
    Theres no need to reinvent the wheel, my friend.

    I would highly suggest that you dont use notepad for any coding. You should atleast use an editor with syntax-highlighting.

    Whilst the following statement is not directed at Lavalamp, i still think its important to say -- some people think that writing all their source code in Notepad makes them better coders. This is far from true, infact, it only shows they are far-from-good.

    www.htmlkit.com -- They offer a free XHTML editor which has support for a plethora of languages. Theres several nifty plug-ins available, too.

    Regards,
    Andrew Buntine.

  14. #14
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    6,275
    Originally posted by lavalamp
    Not sure why I attached it really.
    As it turns out, I forgot. I'm not going to upload it to this post though since I don't feel the need.

    Originally posted by pyro
    As I said in my first post, I recommend creating a mockup of the site in a program such as Photoshop or Jasc, and explained why.
    Oh I see, I thought you meant that coding from scratch was bad. Well the layouts I come up with are usually quite simple so there's no need for me do a mockup.

    Originally posted by buntine
    I would highly suggest that you dont use notepad for any coding. You should atleast use an editor with syntax-highlighting.

    ...

    www.htmlkit.com -- They offer a free XHTML editor which has support for a plethora of languages. Theres several nifty plug-ins available, too.
    I guess I've just grown accustomed to Notepad and it's fixedsys font, I can't even stand Wordpad. I'll check out HTML-Kit and see if it's any good, if I like it then I'll probably start coding in that.

    Originally posted by buntine
    Whilst the following statement is not directed at Lavalamp, i still think its important to say -- some people think that writing all their source code in Notepad makes them better coders. This is far from true, infact, it only shows they are far-from-good.
    Not directed at me I know, but why do you say that using notepad makes people less good at coding?
    Every fight is a food fight when you’re a cannibal.

  15. #15
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    Originally posted by lavalamp
    but why do you say that using notepad makes people less good at coding?
    It makes the less proficient, at least! I've yet to speak with a professional developer who uses notepad...

    Personal website http://www.ryanbrill.com/
    Business website: http://www.infinitywebdesign.com/
    TypeSpace http://www.typespace.org/

    I reject your reality and substitute it with my own!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles