July 2012
Intermediate to advanced
1034 pages
38h 32m
English
Content preview from Dreamweaver CS6: The Missing ManualBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Previewing Pages at Different Resolutions
Testing web pages in different browsers has always been a chore for webmasters, and that’s especially true for mobile design. To preview a web page on a phone, you have to store the page on your server and use your mobile phone to connect to the website to see how it looks. Fortunately, Dreamweaver CS6 simulates different mobile devices’ screen sizes so you can avoid this time-consuming step.
Tip
If you own an iPhone, iPad, or Android phone or tablet, Adobe offers free software that lets you preview a mobile web page that’s sitting on your desktop computer directly on your phone or tablet. Adobe Shadow (http://labs.adobe.com/technologies/shadow/) uses a combination of a desktop program, an app for your phone or tablet, and a Google Chrome browser plug-in to literally beam web pages that you view in Chrome on your desktop straight to your phone or tablet. In fact, you can beam a page to all your iOS or Android phones and tablets simultaneously.
Multiscreen Preview
Once you finish designing your site, select Multiscreen Preview from the Multi-screen menu in the Document toolbar (circled in Figure 11-2). You can also choose File→Multiscreen Preview to open a window with three views of your page, one each for a smartphone, a tablet, and a desktop browser (see Figure 11-3). Each version has a different width and height, and, because Dreamweaver displays the pages using its WebKit browser, each represents a “live” view of the page. That means that ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.