Join Paul Trani for an in-depth discussion in this video Adding media queries, part of Creating a First Website in Dreamweaver CC 2015.
- Now, one thing you're going to need to do…with your website is make sure it looks great…across different screens and devices, okay?…So whether you're on a large desktop or on a small device,…the user has to be able to read that content.…Now, I'm just going to minimize this side panel…because right over here notice how I can grab this bar…and I can shrink down my website.…So I can kind of simulate what it will look like…on a large screen, down to a tablet,…even down to a small phone, okay?…And notice right down here in the lower right…you have the ability to change this…to an iPad size like that, okay?…Even down to a small iPhone four as well.…
Not only that you can orient it to say…landscape view as well.…So you want to be able to simulate this…to make sure our content looks great…across screens and devices, okay?…And I can double click to fill the width and height…and in order to do that, I need to add media queries…so I'll scale this down kind of right around here.…I say it looks pretty good and then it starts to get…
Over the course of the training, you'll learn about building basic webpages; adding text, links, images, and navigation; and making your layout "flexible" on mobile devices. Each step provides another lesson on HTML and CSS, the building blocks of the web. Along the way, Paul shows how to add bonus features, such as animation from Edge Animate, a Twitter feed, and an interactive contact form.
- Planning a website
- Creating your first webpage
- Adding HTML5 content
- Styling content and the layout with CSS
- Adding images
- Creating navigation
- Building alternate layouts for tablets and mobile devices
- Adding animation and video
- Creating a contact form
- Uploading and testing the website
Skill Level Beginner
1. Understanding Website Design
2. Creating a Webpage
3. Stylizing Content
4. Adding Navigation and Pages
5. Creating a Flexible Layout
6. Adding Media
7. Creating a Contact Form
8. Testing and Uploading
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.