Description

Type

Course
Methodology

Online

Start date

Different dates available

Responsive Design with Dreamweaver CS6 Online Course Learn how to build a website from scratch that’s responsive and flexible by using the fluid grid layout features inside Dreamweaver CS6! This 4+ hour hands-on course, hosted by our award-winning software trainer and designer, will take you step by step through the creation of three different layouts in one HTML document for each type of device used to view the website: mobile, tablet and desktop. First, we will very briefly run you through the basics, getting you comfortable in the Dreamweaver interface. Then, it’s on to building the mobile device network from the ground up by using basic building blocks to insert the logo, header, menu, graphics, text, footer and more! You’ll learn how to adjust the mobile layout to scale, tweaking the design for tablet and desktop devices with the end result being a website that scales depending on whether you’re viewing the mobile, tablet or desktop view. Course Topics: You’ll be gaining a highly valuable and sought-after set of skills for building websites that are responsive to mobile, tablet, and desktop displays. Clear, non-jargonny instruction and easy to follow lessons walk you step-by-step through the responsive design process. In a matter of hours, you’ll be feeling like an expert in one of today’s biggest web design subjects. Gain not just the skills and knowledge, but the confidence to accurately construct mobile, tablet, and desktop websites. Course Fast Facts: Easy to follow and understand 2 - 5 hours of study is required 6 months access to online course Delivered 100% on-line and accessible 24/7 from any computer or smartphone You can study from home or at work, at your own pace, in your own time How to study online course? Your course login URL address, username and password will be sent to you within 48 hours (please check your junk email inbox if not...

Facilities

Online

Start date

Different dates availableEnrolment now open

About this course

Requirements

Computer Requirements: Minimum Speifications For The Computer Are: Windows:- Microsoft Windows XP, or later- Modern and up to date Browser (Internet Explorer 8 or later, Firefox, Chrome, Safari) MAC/iOS:- OSX/iOS 6 or later- Modern and up to date Browser (Firefox, Chrome, Safari) Students Will Also Need Access To The Following Applications:- Adobe Dreamweaver

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

All
Students
Centre

Fill in your details to get a reply

We will only publish your name and question

Reviews

Subjects

Basic
Basic IT training
Basic IT
Design
Layout
Dreamweaver
Skills and Training

Course programme

There are 6 units of study

Gettin' Warmed Up!
0001 Welcome to Responsive Design with Dreamweaver CS6
0002 Previewing the Completed Layout

Chapter 2: Let's Get Started with Fluid Grid Layouts!
0201 Dreamweaver Set Up
0202 Creating A New Fluid Grid Layout
0203 Touring Through the Layout
0204 Looking At Other Device Views
0205 Building the Fluid Grid Layout's Basic Structure
0206 Adjusting Layout Objects
0207 Touring And Understanding The External Style Sheet
0208 Building The Raw Structure For Mobile
0209 Adjusting The Structure For Tablet And Desktop
0210 Inserting Nested Divs In The Layout
0211 Previewing Your Work
0212 Adjusting The External Style Sheet

Chapter 3: Building The Mobile Device Layout!
0301 Building The Header
0302 Inserting The Logo
0303 Inserting And Formatting The Menu Items
0304 Roughing In The Slideshow
0305 Building The Positioning Statement Area
0306 Getting The New Additions Area Built
0307 Constructing The Feature Boxes
0308 Finishing Up The Feature Boxes
0309 Adjusting The Mobile Layout To Scale, Part 1
0310 Adjusting The Mobile Layout To Scale, Part 2
0311 Formatting The Footer
0312 Finishing Up The Mobile Device Layout

Chapter 4: Building Out The Tablet Device Design!
0401 Setting Up A Visual Cue For Device Previewing
0402 Adjusting The Tablet Layout's Logo
0403 Configuring Layout Objects To Inherit From The Mobile Style Sheet
0404 Adjusting The Positioning Statement And New Additions Areas
0405 Setting Up The Tablet Device's Feature Boxes, Part 1
0406 Setting Up The Tablet Device's Feature Boxes, Part 2
0407 Let's Cheat! Here's How To Fix Scaling Graphic Margin
0408 Fixing The Mobile View
0409 Finishing Touches For The Tablet Layout

Chapter 5: Building The Desktop Layout!
0501 Adjusting To Accomodate A Fixed-Width Desktop Layout
0502 Adjusting The Desktop Layout's Logo
0503 Applying Desktop-Only Formatting To The Menu
0504 Tweaking The Slideshow Positioning
0505 Fixing The Positioning Statement And Feature Boxes
0506 Final Desktop Layout Adjustments

Chapter 6: Finishing Up with Some Final Adjustments!
0601 Cleaning Up The Style Sheet
0602 Hiding Layout Content Between Devices

Wrapping Up Fluid Grid Layouts
Where To Go From Here

Additional information

Through well-crafted lessons, expert online instruction and interaction with your tutor, participants in these courses gain valuable knowledge at their convenience. They have the flexibility to study at their own pace combined with enough structure and support to complete the course. And they can access the classroom 24/7 from anywhere with an Internet connection.

New sessions of each course run every month. They last six weeks, with two new lessons being released weekly (for a total of 12). The courses are entirely Web-based with comprehensive lessons, quizzes, and assignments. A dedicated professional instructor facilitates every course; pacing learners, answering questions, giving feedback, and facilitating discussions.

See related categories

Contact us

Responsive Design with Dreamweaver CS6 Online Course

Questions & Answers

Reviews

Subjects

Course programme

Add similar courses
and compare them to help you choose.

Responsive Design with Dreamweaver CS6 Online Course

Questions & Answers

Reviews

Subjects

Course programme

Add similar coursesand compare them to help you choose.

Add similar courses
and compare them to help you choose.