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

How do the pro's make landing pages?

Discussion in 'Web Design' started by lesaurus, Feb 3, 2010.

  1. lesaurus

    lesaurus Junior Member

    Joined:
    Dec 31, 2008
    Messages:
    130
    Likes Received:
    47
    I am talking about designs like this:

    Code:
    http://bruteforceseo.com/
    Do they just programme HTML CSS in a text file or is there an easier way to do it like with a wysiwyg editor?

    All I've managed to find is a crappy wordpress theme that doesn't really do the job.
     
  2. jadsn

    jadsn Regular Member

    Joined:
    Jul 29, 2008
    Messages:
    354
    Likes Received:
    114
    they either make it themselve or outsource to a designer.. plenty of em here
     
  3. lesaurus

    lesaurus Junior Member

    Joined:
    Dec 31, 2008
    Messages:
    130
    Likes Received:
    47
    Yes but how do they "make it themselves"? I want to learn the skill. I want to know how it's done technically.
     
  4. xplicit

    xplicit BANNED BANNED

    Joined:
    Jul 21, 2008
    Messages:
    1,119
    Likes Received:
    1,053
    Its basically html, css, and photoshop for the images.
     
  5. Zenka

    Zenka Regular Member

    Joined:
    May 30, 2009
    Messages:
    268
    Likes Received:
    200
    Location:
    Europe
    I think you could make such websites with xsitepro2.
     
  6. lesaurus

    lesaurus Junior Member

    Joined:
    Dec 31, 2008
    Messages:
    130
    Likes Received:
    47
    So there's no special software that they use, they just create a plain old file and align it and set it all out manually.

    Just seems that a good landing page always looks very polished visually and it looks hard to do with just code - adjusting here and there. Maybe there's a gap in the market right there :)
     
  7. WizGizmo

    WizGizmo Super Moderator Staff Member Premium Member

    Joined:
    Mar 28, 2008
    Messages:
    3,841
    Likes Received:
    55,442
    I basically agree with "xplicit". You need to learn Html or get a WYSIWYG ("What-You-See-Is-What-You-Get") web page editor to create code for the the page. And you need to gain some skill in graphic design. If you don't learn graphic design, it is always going to cost you to have the header/footer/buttons and other graphic elements of your sales page done by a graphic designer.

    It is also a good idea to study copywriting. There are some excellent ebooks on the subject in our downloads section.
     
  8. lesaurus

    lesaurus Junior Member

    Joined:
    Dec 31, 2008
    Messages:
    130
    Likes Received:
    47
    OK thanks. So what in your opinion is the best WYSIWYG editor available?
     
  9. xplicit

    xplicit BANNED BANNED

    Joined:
    Jul 21, 2008
    Messages:
    1,119
    Likes Received:
    1,053
    Basically what I did, (I am self taught) I got a bullshit website of ebay for $8, 8 yrs ago. I was curious on how they worked so I looked at the code then read about the tags that were in there. Once you learn what all the tags do its pretty easy to see how the site worked.

    a good place to start learning is W3 schools
    Code:
    http://www.w3schools.com/
    as far as the editor, Dreamweaver is probably the best but most expensive. (you can find it free around the web). If you want to go simple, I suggest Expressions Web, But if your gonna learn it, go ahead with dreamweaver.
     
  10. WizGizmo

    WizGizmo Super Moderator Staff Member Premium Member

    Joined:
    Mar 28, 2008
    Messages:
    3,841
    Likes Received:
    55,442
    A very good free WYSIWYG editor is called Nvu. You can get it below:
    Code:
    http://net2.com/nvu/
    Cheers! - "Wiz"
     
  11. TheGreyHatter

    TheGreyHatter BANNED BANNED

    Joined:
    Mar 31, 2008
    Messages:
    140
    Likes Received:
    48
    If you really want to make eye popping sites like the example you gave, your first step should be to learn graphic design. Virtually anyone can put a page together with a wysiwyg editor, but to make it "pop" and standout you gotta have the graphic and visual side down first.
     
  12. -Jericho-

    -Jericho- Jr. Executive VIP Jr. VIP Premium Member

    Joined:
    Jan 10, 2010
    Messages:
    2,849
    Likes Received:
    1,704
    Location:
    Stalking My Ex-Wife
    I did the same thing except I just found free templates and started learning the code. I would tweak things and see what happened.

    But like what was mentioned above the graphics is what makes it stand out. I'm still learning the ins and outs of photoshop for this. The page layout is actually not that hard once you understand the coding. Learning how to make great graphics now that is challenging.

     
  13. eshera

    eshera Registered Member

    Joined:
    Nov 13, 2008
    Messages:
    58
    Likes Received:
    108
    It also depends on which of the two intrigues you the most, the front-end graphics or the back-end programming. I do both, but you will find that many people excel in one or the other because they are drastically different. Many of my best buds that help me out in a jam with java can't draw a stick.

    I would say the learning curve for the graphics is the hardest because you need to have the creativity right from the start. Although the tutorials for Photoshop have come a long way baby over the years.

    I prefer Dreamweaver, but that's because I have used it since the first version and we have a "love/hate" relationship, especially when the new version the powers that be decide to tweak one of my favorite tools.

    Anyway, I would pick one first so you don't get overwhelmed. You can always PM me if you have any specific questions. I used to teach both, maybe I should dust of my curriculum and exercises and just post them here for anybody that wants 'em.
    -she
     
  14. h1tman

    h1tman Junior Member

    Joined:
    Oct 2, 2009
    Messages:
    148
    Likes Received:
    16
    go to lynda i think they give good advise however for 3d graphics you need to invest time in 3DSmax or Cinema4D, maybe Maya and Houdini.
     
  15. legoego

    legoego Regular Member

    Joined:
    Jun 16, 2009
    Messages:
    223
    Likes Received:
    81
    Occupation:
    don't know what it is, but it sounds painful
    yeah.. it's a lot easier to start with a template and change it to what you need then to start with a blank page..

    Also good to know a little photoshop so you can edit the pictures.. most templates includes the slices that you can edit in photoshop
     
  16. gorang

    gorang Elite Member

    Joined:
    Dec 6, 2008
    Messages:
    1,891
    Likes Received:
    1,650
    Occupation:
    SEO Consultant - Marketing Strategy
    Location:
    UK
    I use this to help me with landing pages, it gives some really good info away on all things landong page/conversion

    Code:
    http://www.facebook.com/pages/Liverpool/How-To-Generate-More-Business-Online-Powered-by-PhCreative/248119952702
     
  17. aftershock2020

    aftershock2020 Senior Member

    Joined:
    Oct 19, 2007
    Messages:
    981
    Likes Received:
    477
    Use htmlkit. It is free and handles all of the major web-based programming languages in one source. I am a certified web-based applications programmer and use it all the time for everything from building raw code, to editing pre-built templates.

    http://www.htmlkit.com/

    As for the landing page, I prefer html,css and php myself but, I do a ton of cross platform scripting as well, which takes a while to learn.
     
  18. cherryberry

    cherryberry Junior Member

    Joined:
    Jul 12, 2011
    Messages:
    102
    Likes Received:
    2
    Some of them make themselves and many of them outsource their work and get it done.
     
  19. toxicco

    toxicco Registered Member

    Joined:
    Oct 6, 2010
    Messages:
    52
    Likes Received:
    11
    The design of the website that OP posted isnt that special is easy but the coder know how to play with the CSS to make it very good looking