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
Cheers Tom, this one looks super useful!
Good stuff Aziz… New to dreamweaver and still a ways to go but appreciate the tutorials
*Aziz!
Nice work!
Thanks David!
No problem, friend! It’s a constant learning process, so feel free to ask questions any time.
[…] Basic Landing Page […]
[…] 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.
Just come across this site and so happy I did. Great information here Aziz.
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.
same question with Aziz,
where i can found style.css
i mean style.css file
sorry …. ignore my question 😀 download done
[…] Basic Landing Page with Dreamweaver […]
[…] Basic Landing Page with Dreamweaver […]
[…] Basic Landing Page with Dreamweaver […]
Great tutorial! Thank you, Aziz!
Thanks Rich! I’m happy to see that this tutorial has continued to be helpful!
[…] Basic Landing Page with Dreamweaver […]
[…] Basic Landing Page with Dreamweaver […]
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.
Nice post!!!!!!!!!!!!!!!!!!!!!!
web designing course