How to Build a Simple Landing Page Using Dreamweaver

June 4, 2012 23 Comments 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

Reuben

Cheers Tom, this one looks super useful!
- Reuben
  
  *Aziz!
falconav8r

Good stuff Aziz… New to dreamweaver and still a ways to go but appreciate the tutorials
- http://www.ipyxel.com/ Aziz Kamara
  
  No problem, friend! It’s a constant learning process, so feel free to ask questions any time.
- Jamez
  
  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.
David

Nice work!
- http://www.ipyxel.com/ Aziz Kamara
  
  Thanks David!
Pingback: Easy Step-by-Step Campaign-Creation Walkthrough for POF | iPyxel Creations | Straight-to-the-point internet marketing services and software
Pingback: [100% FREE] Easy Step-by-Step Videos for Newbies + Landing Page Creation for Non-Newbies! (Thanks iPyxel.com)! « Ads.pof.com Blog
No

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.
- http://www.ipyxel.com/ Aziz Kamara
  
  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.
http://www.facebook.com/brucestewartonline Bruce D Stewart

Just come across this site and so happy I did. Great information here Aziz.
Jamez

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

same question with Aziz,
where i can found style.css
Ron

i mean style.css file
Ron

sorry …. ignore my question download done
Pingback: 3 Tools to Optimize Your Landing Page Speed | iPyxel Creations | Demand-side performance marketing software and digital marketing insights
Pingback: Mimic Any Offer Page In 9 Minutes or Less | iPyxel Creations | Demand-side performance marketing software and digital marketing insights
Pingback: 3 Web Design Tools You Should Know About | iPyxel Creations | Demand-side performance marketing software and digital marketing insights
Rich

Great tutorial! Thank you, Aziz!
- http://www.ipyxel.com/ Aziz Kamara
  
  Thanks Rich! I’m happy to see that this tutorial has continued to be helpful!
Pingback: Stop With the Excuses. Learn to Code as a Digital Marketer | iPyxel Creations | Demand-side performance marketing software and digital marketing insights
Pingback: Build Your Own Mobile Landing Pages With Dreamweaver (2-Videos-in-1!) | iPyxel Creations | Demand-side performance marketing software and digital marketing insights

How to Build a Simple Landing Page Using Dreamweaver

Free Updates

Browse Topics

Recent Posts

Popular Posts

Resources

About Us

Featured Product

Most Popular Posts

Get in Touch