How to Build a Simple Landing Page Using Dreamweaver

Jun 4 By Aziz Kamara

Building a quality landing page is crucial when running any campaign on POF, and sometimes creating a successful landing page can be tedious, time-consuming and difficult. Now, with the help of Dreamweaver, you don’t have to be an HTML genius to create unique and profitable landing pages quickly and with ease.

In this video, I go through a step-by-step process on how to set up a simple landing page from start to finish using a cascading style spreadsheet and .php file which includes how to use and place your Call to Action, Headline, Strapline, Selling/Bulletpoints, Time Constraint, Social Proof, and Eye-Catching Images. After watching this short tutorial, I guarantee that you’ll be able to create your own landing pages with ease.

Note: Although I don’t use any extremely advanced techniques in this tutorial, I suggest that if you’ve never created a landing page you first check out previous posts regarding Dynamic Landing Pages, placing your content Above the Fold, and the overall Benefits of a Landing Page.

If you’re unfamiliar with style sheets, click Here to download the .CSS file I used in this video or you can Download the Complete Landing Page Template Here

Never miss a feature, product launch, or exclusive offer



25 Comments

  • Good stuff Aziz… New to dreamweaver and still a ways to go but appreciate the tutorials

  • [100% FREE] Easy Step-by-Step Videos for Newbies + Landing Page Creation for Non-Newbies! (Thanks iPyxel.com)! « Ads.pof.com Blog says:

    […] Secondly, Landing Page creation w/ Dreamweaver and Photoshop: Click Here! […]

  • in your tutorial of how to build a landing page, you have a bunch of pre-defined scripts and style sheets. How does this help me build one. Do you have these files available for us somewhere? I want to build my own, but cannot based on this video. Just wanted to post feedback, as such.

  • Not a problem. If you check the bottom of the post, you will see that we have always included a link that allows you to download the style sheet I used in the video which contains all of the styles I used.

    Also mentioned in this post, regarding the scripts I used to grab the user’s age and state, you should refer to our post on how to create dynamic landing pages:
     

    http://ipyxel.com/dynamic-landing-pages-using-pof-tokens-to-call-out-the-user-and-increase-performance/

    I hope this helps you with building your landing page! Let me know if you have any other questions.

  •  Mr. Aziz,

    Unfortunately, I don’t have DreamWeaver CS8. I have CS5, is there a way where I can install the cssheet? Because I could only drag it, but I don’t understand why you would have to re-add the cssheet? Also, for the index.php, that could be any template?

    Thanks.

  •  Mr. Aziz,

    Unfortunately, I don’t have DreamWeaver CS8. I have CS5, is there a
    way where I can install the cssheet? Because I could only drag it, but I
    don’t understand why you would have to re-add the cssheet? Also, for
    the index.php, that could be any template?

    Thanks.

     

  • Hello Aziz,
    I am super duper new to dreamweaver cs5 and am trying to create a landing page with a pre existing image and wanted to know how can this be done? thanks.

  • Leave a Reply

    Your email address will not be published.