Dreamweaver CS6 HTML5 CSS3 mobile-device fluid web apps RWD

Learn how to build responsive fluid grid web designs w/ Adobe Dreamweaver CS6, HTML5, CSS3 & my proven master techniques
  • Lectures 103
  • Video 13 Hours
  • Skill level all level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

Course Description

ALL ACCESS BUNDLE 88% OFF $479 Onetime Lifetime Fee
Get My very best deal and value all access - 100% all of my current and 100% all of my future courses on udemy.com 88% OFF

GET THIS ALL ACCESS DEAL NOW!

I will get you to THINK the way Dreamweaver THINKS! Benefit from my proven training method & web production techniques. Based on 26 years (since 1987) of professional Adobe software production skills and training experience. My training method will make you a "Web Dev Rock Star" and keep you miles ahead of everyone else
Learn how to build professional SEO friendly HTML5, CSS3, jquery responsive design website solutions for desktop and mobile devices without writing code by hand
If you are serious about making real world money and building real world website solutions for your company or clients, then you need to invest in yourself and learn my proven HTML5, CSS3 web development production techniques... skills you will 100% NOT learn anywhere else.

FYI: This is a complete A-Z website design and development solution course for static and dynamic, data-driven, e-commerce solutions using XML, javascript, jquery, AJAX, php and my SQL. This course is on going, I add new videos each 4-6 weeks. This is a one time- lifetime investment. In addition to the current version of Adobe Dreamweaver. I provide you with the same techniques i use to solve web related issues for my very demanding clients.

Based on my 26 years (since 1987) I will share with you my unique time-tested Adobe software production techniques and best practice "how to's" using Dreamweaver CS6 to develop HTML5, CSS3 responsive, fluid 960 grid website designs for desktop, tablet, iPad and iPhone or smart phone (android) mobile devices. You will use ZERO / no hand coding to create a professional website solutions using my simple, comprehensive, step-by-step web design and development Dreamweaver CS6 production techniques. I can 100% assure you will NOT find these techniques anywhere else. - Carpe Diem: Robert

On a budget... Do you have Enthusiasm?

Teaching is my true passion, I put a lot of love and effort into my in-depth online courses and they are worth every penny. However if you are on a tight budget and eager to learn... perhaps I can help you ASAP. Click the ASK A QUESTION BUTTON at the bottom of this page and I will see what I can do for you...

Real Dreamweaver Training for a Real Job...
In The Real World!

What are the requirements?

  • If you can read English and point and click a mouse you will LEARN!

What am I going to get from this course?

  • Over 103 lectures and 12.5 hours of content!
  • Build a golden 1.618 ratio fluid grid web design in Adobe Illustrator
  • Bring your golden 1.618 ratio grid into Dreamweaver add HTML5 & CSS3 rules
  • Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design starter page: Vol 1
  • Dreamweaver CS6: Build an HTML5, CSS3 fluid 960 grid design from scratch
  • Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design from my boiler plate starter page: Vol 2
  • Dreamweaver CS6 - Create a fluid grid website using DW6 built in NEW fluid grid layout tools
  • How to build templates from your webpages .dwt files
  • Build a responsive fluid grid layout with Adobe Illustrator & Dreamweaver
  • Build CSS based drop down javascript menu Dreamweaver CS6 Vol 1
  • Building a full HTML5, CSS3 website A-Z with Dreamweaver, Fireworks & Illustrator Vol 1
  • Working with, building and editing CODE Snippets
  • HTML5 Video: Encoding & embedding HTML5 Video into your webpages fast and easy

What is the target audience?

  • Designers
  • Graphics Artist / Designers
  • Production managers
  • Developers
  • Art Directors
  • Desktop Publishers
  • Creative Directors
  • Business owners
  • Bloggers
  • Web designers
  • Web developers
  • Online web developers
  • Business owners
  • Entrepreneurs
  • Content Creaters
  • Complete Novices

What you get with this course?

Not for you? No problem.
30 day money back guarantee

Forever yours.
Lifetime access

Learn on the go.
Desktop, iOS and Android

Get rewarded.
Certificate of completion

Curriculum

Section 1: Step One! Build a fluid responsive design grid based on the golden ratio 1.618 timeless design rule
04:04

Based on the timeless golden ratio 1.618 design principle I share my amazing and simple, how to build a fluid

responsive design grid using Adobe Illstrator and then bring that design comp into Dreamweaver to add HTML5 tags and apply CSS3 rules

10.14 KB

Unzip the files - and put these files in: the Dreamweaver App folder: Configuration > BuiltIn > Layouts - all the starter page files go here - it will now be there for you in the Dreamweaver interface New Document Dialog box

Section 2: Build a golden 1.618 ratio fluid grid web design in Adobe Illustrator
07:14

Part 1 Build a golden ratio grid in Adobe Illustrator

04:43

Part 2 Build a golden ratio grid in Adobe Illustrator

04:46

Part 3 Build a golden ratio grid in Adobe Illustrator

730.94 KB

put this Web Grids inside the Adobe Illustrator app folder > Cool Extras > en_US > Templates >

Section 3: Bring your golden 1.618 ratio grid into Dreamweaver add HTML5 & CSS3 rules
10:41

part 4 Bring your golden 1.618 ratio grid into Dreamweaver add HTML5 & CSS3 rules

Section 4: Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design starter page: Vol 1
10:16

This is part 1: I teach you how to build a Dreamweaver starter page... these are not templates these are Dreamweaver default starter pages. Learn how to build a fluid, responsive design for desktop and mobile devcies

02:39

This is part 1: I teach you how to build a Dreamweaver starter page... these are not templates these are Dreamweaver default starter pages. Learn how to build a fluid, responsive design for desktop and mobile devcies

13:49

This is part 3: I teach you how to build a Dreamweaver starter page... these are not templates these are Dreamweaver default starter pages. Learn how to build a fluid, responsive design for desktop and mobile devcies

8.92 KB

Download unzip the files and move them to your starter page folder

Appications folder > Adobe Dreamweaver CS6 > Configuration > BuiltIn > Layouts

To use them - choose file new: Command or Control N and choose from the layout center column

Section 5: Dreamweaver CS6: Build an HTML5, CSS3 fluid 960 grid design from scratch
10:13

Dreamweaver Cs6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

06:44

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

10:28

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

10:03

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

08:30

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

09:06

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

06:54

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

08:49

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

05:40

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

08:18

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

11:00

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

05:24

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

06:56

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

06:45

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

08:46

Dreamweaver CS6 Fluid Grid master tutorials lessons: Learn and benefit from my master web design and development techniques to build a responsive fluid 960 grid web design layout solution for desktop, laptop and mobile devices

Section 6: Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design from my boiler plate starter page: Vol 2
04:06

Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design from my boiler plate starter page: Vol 2 - Part 1

11:34

Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design from my boiler plate starter page: Vol 2 - Part 2

08:10

Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design from my boiler plate starter page: Vol 2 - Part 3

06:42

Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design from my boiler plate starter page: Vol 2 - Part 4

08:07

Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design from my boiler plate starter page: Vol 2 - Part 5

12:51

Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design from my boiler plate starter page: Vol 2 - Part 6

05:22

Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design from my boiler plate starter page: Vol 2 - Part 7

10:51

Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design from my boiler plate starter page: Vol 2 - Part 8

11:04

Dreamweaver CS6: Build an HTML5, CSS3 fluid grid design from my boiler plate starter page: Vol 2 - Part 9

22.77 KB

Make sure the starter pages go inside your Dreamwaver app folder > Configuration > BuiltIn > Layouts

follow the directions in my video

Section 7: Dreamweaver CS6 - Create a fluid grid website using DW6 built in NEW fluid grid layout tools
09:34

Dreameaver CS6 tutorials How to build a fluid grid design with DW build in fluid grid layout

07:03

Dreameaver CS6 tutorials How to build a fluid grid design with DW built in fluid grid layout

06:43

Dreameaver CS6 tutorials How to build a fluid grid design with DW built in fluid grid layout

10:37

Dreameaver CS6 tutorials How to build a fluid grid design with DW built in fluid grid layout

10:38

Dreameaver CS6 tutorials How to build a fluid grid design with DW built in fluid grid layout

07:26

Dreameaver CS6 tutorials How to build a fluid grid design with DW built in fluid grid layout

10:22

Dreameaver CS6 tutorials How to build a fluid grid design with DW built in fluid grid layout

05:06

Dreameaver CS6 tutorials How to build a fluid grid design with DW built in fluid grid layout

06:07

Dreameaver CS6 tutorials How to build a fluid grid design with DW built in fluid grid layout

12:31

Dreameaver CS6 tutorials How to build a fluid grid design with DW built in fluid grid layout

Upcoming
...Move over Flash and Actionscript... Adobe Edge will create stunning interacative motion graphics for the web, desktop, laptop, tablet and smart iphones
Section 8: How to build templates from your webpages .dwt files
06:12

Vol 1 - part 1 Making template files from your versions web pages

05:05

Vol 1 - part 2 Editing and making regions to your new template

06:57

Vol 1 - part 3 building new web pages from your template pages

06:14

Vol 1 - part 4 Making web pages from your new template webpages

03:29

Vol 1 - part 5 Updating your template to add new links for webpages

Section 9: Build a responsive fluid grid layout with Adobe Illustrator & Dreamweaver
06:55

Part 1 - Hey Guys these are my own super amazing power-user production techniques for build a design comp mock-up for fluid grids

for desktop, laptop and mobile devices in one simple to use and edit Illustrator document

08:54

Part 2 - Hey Guys these are my own super amazing power-user production techniques for build a design comp mock-up for fluid grids for desktop, laptop and mobile devices in one simple to use and edit Illustrator document

08:15

Part 3 - Hey Guys these are my own super amazing power-user production techniques for build a design comp mock-up for fluid grids for desktop, laptop and mobile devices in one simple to use and edit Illustrator document

18:50

This is part 4: This teaches you how to edit an exisiting Adobe Illustrator template fluid grid file - make sure to download the template zip file and follow install directions - Carpe Diem my freinds

09:45

Part 5 - Hey Guys these are my own super amazing power-user production techniques for build a design comp mock-up for fluid grids for desktop, laptop and mobile devices in one simple to use and edit Illustrator document

11:09

Part 6 - Hey Guys these are my own super amazing power-user production techniques for build a design comp mock-up for fluid grids for desktop, laptop and mobile devices in one simple to use and edit Illustrator document

01:01

Part 7 - Hey Guys these are my own super amazing power-user production techniques for build a design comp mock-up for fluid grids for desktop, laptop and mobile devices in one simple to use and edit Illustrator document

12:04

Part 8 - Hey Guys these are my own super amazing power-user production techniques for build a design comp mock-up for fluid grids for desktop, laptop and mobile devices in one simple to use and edit Illustrator document

11:35

Part 9 - Hey Guys these are my own super amazing power-user production techniques for build a design comp mock-up for fluid grids for desktop, laptop and mobile devices in one simple to use and edit Illustrator document

15:25

Part 10 - Hey Guys these are my own super amazing power-user production techniques for build a design comp mock-up for fluid grids for desktop, laptop and mobile devices in one simple to use and edit Illustrator document

215.85 KB

Unzip the file and place the whole folder in your tempates folder Adove Illustrator folder > Cool Extras > en_US > Templates

this folder called Web Grids goes inside the Templates folder - to access inside of Adobe Illustrator go to: File > New from Template

Enjoy and Carpe Dem - Robert -

Section 10: Build CSS based drop down javascript menu Dreamweaver CS6 Vol 1
08:14

Vol 1 part 1 Creating a CSS based drop down menu with Dreamweaver CS6 and my simple techniques

11:44

Vol 1 part 2 Creating a CSS based drop down menu with Dreamweaver CS6 and my simple techniques

14:12

Vol 1 part 3 Creating a CSS based drop down menu with Dreamweaver CS6 and my simple techniques

Section 11: Building a full HTML5, CSS3 website A-Z with Dreamweaver, Fireworks & Illustrator Vol 1
06:35

part 1 Building a 16 column grid layout in Illustrator. The end goal is to build a complete website using Adobe Illustratror, Foreworks and Dreamweaver to build HTML5, div tags and CSS3 sytle rules

10:23

part 2 Building a 16 column grid layout in Illustrator. The end goal is to build a complete website using Adobe Illustratror, Foreworks and Dreamweaver to build HTML5, div tags and CSS3 sytle rules

07:55

part 3 Building a 16 column grid layout in Illustrator. The end goal is to build a complete website using Adobe Illustratror, Foreworks and Dreamweaver to build HTML5, div tags and CSS3 sytle rules

08:26

part 1 Adding graphics and text content to our Adobe Illustrator grid comp

07:34

part 2 Adding graphics and text content to our Adobe Illustrator grid comp

08:46

part 1 Creating branding section logo in Adobe Illustrator grid comp

06:50

part 2 Creating branding section logo in Adobe Illustrator grid comp

05:58

Adding graphics and text content 3rd grid section to our Adobe Illustrator grid comp

05:55

Adding photo section using Adobe Fireworks

07:25

Adding the trio article section

07:26

Adding the quad client testimonials section

04:27

part 1 Publishing your Adobe Illustrator design comp, prototype for client review

01:15

part 2 Publishing your Adobe Illustrator design comp, prototype for client review

Section 12: Working with, building and editing CODE Snippets
13:42

part 1 Building, inserting and editing code snippets

05:16

part 2 Building, inserting and editing code snippets

Section 13: HTML5 Video: Encoding & embeding HTML5 Video into your webpages fast and easy
05:45

part 1 Undertanding the video tag and code formats

HTML5 Video: Encoding & embeding HTML5 Video into your webpages fast and easy

03:17

part 2 Encoding your video footage with Handbrake a FREE app

03:11

part 3 encoding video with FireFogg a FREE app

03:25

part 4 Undertanding the video tag and code formats

HTML5 Video: Encoding & embeding HTML5 Video into your webpages fast and easy

06:26

part 5 Creating video, video thumnails with Video Light Box - Download a FREE Demo

01:30

part 6 Undertanding the video tag and code formats

HTML5 Video: Encoding & embeding HTML5 Video into your webpages fast and easy

Section 14: My master techniques for building class tags for fluid layouts
8.92 KB

make sure you un-zipp this file and place inside your fodler : Dreamweaver app folder > Configuration > BuiltIn > Layouts

Place all these HTML5 files inside the Layouts folder

05:33

part 1 My master techniques for building class tags for fluid layouts

05:14

part 2 My master techniques for building class tags for fluid layouts

06:52

part 3 My master techniques for building class tags for fluid layouts

07:05

part 4 My master techniques for building class tags for fluid layouts

05:07

part 5 My master techniques for building class tags for fluid layouts

08:08

part 6 My master techniques for building class tags for fluid layouts

08:20

part 7 My master techniques for building class tags for fluid layouts

Section 15: Build a full width responsive design website
03:51

Part 1 Modify existing starter webpage

Build a responsive fluid grid webite with FULL 100% width header and footer

07:02

Part 2 Modify existing fluid grid starter page part 2

05:31

Part 3 Create 100% outer div tags 

09:46

Part 4 Create outer div tags full width for header 

06:27

Part 5 Create outer div tags full width for footer

Instructor Biography

Adobe Guru Robert Farrell Adobe Apple Designer / Developer , Master Adobe Software Teacher: 27 Years of Adobe Experience

ALL ACCESS BUNDLE 88% OFF $479 Onetime Lifetime Fee
Get My very best deal and value all access - 100% all of my current and 100% all of my future courses on udemy.com for life 88% OFF

GET THIS ALL ACCESS DEAL NOW!

If there is a better, faster way to build an Adobe digital document... I share that with my students!
I have been teaching professional level Adobe production techniques since 1987- (27 years) and teaching from my NYC - Manhattan learning studio on West 57th street since 1991.

I teach individual and companies looking to improve their Adobe software production skill set or for job seekers looking to stay marketable.

I share with my students my own techniques and tips for creating any Adobe digial document quicky and effortlessly. From Acrobat to After Effects from inDesign to Dreamweaver and Illustrator to Photoshop. I know every single keyboard short-cut there is to know.

My training approach is totally different from any other training method. I teach my students to THINK the way the Adobe software THINKS - My proven time-tested method will make a power-user out of a total beginner or any user with many, many, years of experience who was never taught the right way.

I can 100% assure you that you will not find my production techniques taught anywhere else. I bring a total passion for "involved thinking" and learning to all my adobe software training tutorial titles. - Carpe Diem
Hey Gals and Guys you have to check out this FREE course on ZERO COST marketing - I 100% recommend - SIGN UP ASAP WATCH NOW

Join the biggest student community

7,000,000

Hours of video content

26,000,000

Course Enrollments

7,100,000

Students

Reviews

Average Rating
4.7
Details
  1. 5 Stars
    77
  2. 4 Stars
    9
  3. 3 Stars
    1
  4. 2 Stars
    0
  5. 1 Stars
    3
    • M W

    major speech impediment and bad overall instruction as most of lessons are impossible to understand his speech

    Terrible production Instructor brings up points only to not cover Instructor assumes too much

    • Christian DeGraaf

    Worst instructor ever!

    Paid for his Life-Time All-Access Pass to all his past and future classes and in less than a year he's left the website and is no longer offering new courses. He then wanted more money to continue his courses on a new website. He's completely shady and not a good instructor. I'm not making light of his speach issue, but half the time you can't understand what he's saying due to a speak impediment, and the other half the time you have to listen to him talk about how awesome he thinks he is. This guy and his courses are complete crap.

    • K Ferr

    .

    .

    • Ken Richardson

    Robert Rocks

    Robert has a gift for teaching. I searched endless hours on the web to find answers to my questions. I came across one of Robert's tutorials and was hooked. He is correct when he says you will not find these techniques anywhere on the web. I am older than Robert and have been in the industry as long as he has. But, his vast knowledge and sure fire techniques blow me away.

    • Gina Campbell

    Amazing, time saving techniques

    I've searched for someone to teach real world skills. Each course is packed full with valuable info. He won't waste your time. From him, I now know I can succeed in learning how to master the software. I no longer feel overwhelmed. I'm truly grateful and I won't look for anyone else to teach me these things. He's the best.

Show more reviews
Ready to start learning?
Preview this course