1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Software for making css layout

Discussion in 'Web Design' started by brokenhero, Jan 17, 2011.

  1. brokenhero

    brokenhero BANNED BANNED

    Joined:
    Sep 4, 2010
    Messages:
    97
    Likes Received:
    25
    I want to make css layout, anyone can suggest me a good software which can be used to make quick css layout?
     
  2. nil.ejman

    nil.ejman Registered Member

    Joined:
    Jan 14, 2011
    Messages:
    85
    Likes Received:
    11
    what do you mean by css layout?

    if you want to create some kind of template, you can use any text editor. simply grab some existing page stat looks similar to what you need, load it to firefox and have firebug plugin installed. it enables you to experiment with css, showing you live results on the page while you're watching it.

    you might need some time to progress, but practice makes it perfect ;)
     
  3. Mr. Legend

    Mr. Legend Junior Member

    Joined:
    Aug 28, 2010
    Messages:
    105
    Likes Received:
    10
    If you mean you want to make tableless layout then you can make it using dreamweaver
     
  4. godsendgeoff

    godsendgeoff Newbie

    Joined:
    Mar 8, 2010
    Messages:
    10
    Likes Received:
    3
    I use "psd2cssonline" for all my web design stuff now. It can make joomla and wordpress templates too. Kinda a learning curve but pretty cool.
     
  5. nil.ejman

    nil.ejman Registered Member

    Joined:
    Jan 14, 2011
    Messages:
    85
    Likes Received:
    11
    well, i'm a developer, so my view can be a bit nonobjective, but investing some time could give you much cleaner layout in the end.
    tools that autogenerate html/css tend to insert more html than needed. and there is a bunch of cool tutorials for any problem you might stumble on.
     
  6. GreyWolf

    GreyWolf Executive VIP Jr. VIP

    Joined:
    Aug 17, 2009
    Messages:
    1,930
    Likes Received:
    5,388
    Gender:
    Male
    Occupation:
    Artist / Craftsman
    Location:
    sitting at my PC
    I agree with you. I've never found anykind of wysiwyg editor for html that I really liked. Any pages they produce typically have a lot of extraneous code. I'm not a great coder by any means, but I do really like clean code. It's just simpler for me to code in a text editor. I just open a browser window to view the page, and then text editor to modify the code. Just save the text and refresh the browser when you make any changes to see the results. It's always been my preference.

    I can see how someone less comfortable with code would prefer a wysiwyg editor though. It seems like the most often recommended is dreamweaver, but I don't know how well that deals with css. I don't think it's really designed for it though. The psd2cssonline site godsendgeoff recommended sounds like a good solution for that.

    Even if people do want to use things like dreamweaver, I think it's a really good idea to learn the basics of html and css. It makes it a lot easier when you want to just make minor modifications to your websites.
     
  7. vishalgmistry

    vishalgmistry Regular Member

    Joined:
    Sep 25, 2008
    Messages:
    321
    Likes Received:
    520
    for me firebug FTW.most of automated stuff are shits.
     
  8. nil.ejman

    nil.ejman Registered Member

    Joined:
    Jan 14, 2011
    Messages:
    85
    Likes Received:
    11
    true :)

    i have some colleagues though, that use dreamweaver. however, they use it only while testing things. once they are finished, they either modify the existing html/css or create everything from scratch.
     
  9. kayzne

    kayzne Jr. VIP Jr. VIP Premium Member

    Joined:
    Dec 26, 2007
    Messages:
    707
    Likes Received:
    1,954
    Location:
    localhost
    Dreamweaver is great. You get color coded html WYSIWYG, easy file access and it handles css quite well.

    But, you need to check out a tutorial, to slice/code psd to html initially. Basics are KEY.
     
  10. buzzinusa

    buzzinusa Registered Member

    Joined:
    Nov 5, 2009
    Messages:
    76
    Likes Received:
    34
    Location:
    India
    I suggest you to go through HTML tutotirals to get rid of any sofware or extra codes that those software produce. I like tutorials on w3shools.com as it contains beginer to advanced level tutorials
     
  11. marttali

    marttali Junior Member

    Joined:
    Sep 3, 2007
    Messages:
    154
    Likes Received:
    34
    Topstyle
     
  12. kayzne

    kayzne Jr. VIP Jr. VIP Premium Member

    Joined:
    Dec 26, 2007
    Messages:
    707
    Likes Received:
    1,954
    Location:
    localhost
    OH ya! I remember Top style, used that when i was a newb.
     
  13. bertbaby

    bertbaby Elite Member

    Joined:
    Apr 15, 2009
    Messages:
    2,019
    Likes Received:
    1,496
    Occupation:
    Product marketing
    Location:
    USA
    Home Page:
    Two schools of thought: real men use Notepad while those mindful of their time use Dreamweaver. Frankly, for my time and effort Dreamweaver does the trick. A few lines of extra code never hurt the responsiveness of a page and believe me the bigger issue is the non-compliance of the different browsers.
     
  14. crossroads

    crossroads Newbie

    Joined:
    Oct 23, 2009
    Messages:
    29
    Likes Received:
    5
    Yeah man! Topstyle is a good tool! I use it every time when I need to create a new CSS style or have to edit/tweak an existing one ... :)
     
  15. cherryberry

    cherryberry Junior Member

    Joined:
    Jul 12, 2011
    Messages:
    102
    Likes Received:
    2
    You can go for Dreamweaver as its Design View Option can help you out.
     
  16. mindseye

    mindseye Registered Member

    Joined:
    Dec 14, 2007
    Messages:
    59
    Likes Received:
    37
    For those of you looking to create sites without coding, there are a few options you can try.

    Keep in mind the code will not be as clean as if you learn to do it on your own.

    Artisteer - " I use this to quick shot Facebook Pages. "
    You can create HTML, Wordpress, Joomla, Drupal, DotNetNuke, CodeCharge and Blogger.

    art-screenshot.png

    Dreamweaver - "I use CS5"
    CS has some pre-built templates ready to go.

    dw-template-screenshot.png

    Extend Studio has a Dreamweaver extension that creates CSS layouts, I haven't used it, but a couple of people I know say it's pretty handy.

    http://www.extendstudio.com/product/tableless-css-layouts-for-dreamweaver.html

    Serif WebPlus - "WYSIWYG Web Builder"
    Again, I haven't used it, but some people I know swear by it and has a reasonable price tag.
    http://www.serif.com/webplus/

    Fireworks CS4 & 5 - "I use to knock out sales pages, optins, etc."
    Export fairly good code if you know what you are doing.

    Tutorial here:
    http://tv.adobe.com/watch/learn-fireworks-cs4/creating-cssxhtml-layouts/

    I'm sure this could be a fairly large lists, but those are what comes to my mind first off.

    CSS Editors:
    You can also download templates from places like http://www.free-css.com/free-css-layouts/page1.php and drop the folder in the programs template folder so when you create a new project, you can choose one of the templates.

    Best of luck.
     
  17. avondezyn

    avondezyn Junior Member

    Joined:
    Apr 15, 2011
    Messages:
    180
    Likes Received:
    3
    I am completely agree with crossroads suggestion. you have to try.