- The art and science of handling images…in a responsive design fashion is thriving.…There are, quite literally, a bazillion solutions out there.…Okay, maybe not literally.…But there's a lot.…In this chapter, we'll explore a number of techniques…that you can use to make sure that your site visitors…are getting the optimal images,…meaning, the highest quality at the lowest bandwidth cost.…In this particular lesson, we'll cover the…basic CSS coding that you should include.…
Complicating matters is that not all graphics…need to be handled the same.…Some graphics you'll want to stay…the same size consistently as the page resizes.…But others, like photos in a gallery,…you'll need some fluidity.…So let me show you how you can achieve both.…I have open here the profile.htm file…and, as you can see, here in Dreamweaver,…as I resize my window -- I'll just go to the desktop size…and then we'll go to tablet -- and we've seen this…throughout the course, certain images, like the photograph,…the head shot here, stays the same size…
- Structuring fluid grids
- Adding a new fluid grid layout
- Adding building-block div tags
- Inserting content into a fluid grid
- Modifying the number of grid columns
- Building media queries from scratch
- Working with additional media queries
- Handling orientation changes
- Manipulating CSS
- Adding new media
Skill Level Intermediate
Edge Animate Essential Trainingwith Chris Converse4h 44m Beginner
1. Understanding Responsive Web Design
2. Fluid Grid Layouts in Dreamweaver
3. Expanding on a Fluid Grid Structure
4. Enhanced Media Queries
5. Flexible Images and Media
- 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.