From the course: Designing a First Website with Dreamweaver CC
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Customizing for mobile - Dreamweaver Tutorial
From the course: Designing a First Website with Dreamweaver CC
Customizing for mobile
- [Instructor] I now want to show how you can take the same site and design it for smaller screens like mobile devices. So let's go ahead and take a look. Let's do our real time preview and take a look in a browser. So, again, everything's great on desktop. As I scale this down, we have issues. So if you could imagine this on a mobile device, look at how thin this column gets. This is not looking good. So I actually want to change this content, the layout, at smaller sizes, and what that means is adding media queries, okay? So querying the device or the media. In fact, if we take a look right over here in our tool bar, fourth one down, toggle visual media queries bar. Guess what? There are already media queries in here. So let's go to just live view, so we can see everything a little larger, and maybe minimize those, that sidebar there, and you can see there's media queries already in here. As I kind of toggle this…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.