How do the pro's make landing pages?

lesaurus

Junior Member
Joined
Dec 31, 2008
Messages
130
Reaction score
48
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.
 
they either make it themselve or outsource to a designer.. plenty of em here
 
Yes but how do they "make it themselves"? I want to learn the skill. I want to know how it's done technically.
 
Its basically html, css, and photoshop for the images.
 
I think you could make such websites with xsitepro2.
 
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 :)
 
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.
 
OK thanks. So what in your opinion is the best WYSIWYG editor available?
 
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.
 
A very good free WYSIWYG editor is called Nvu. You can get it below:
Code:
http://net2.com/nvu/

Cheers! - "Wiz"
 
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.

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.
 
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.

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.
 
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
 
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.
 
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
 
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
 
OK thanks. So what in your opinion is the best WYSIWYG editor available?

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.
 
Some of them make themselves and many of them outsource their work and get it done.
 
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
 
Back
Top