- When you're developing layouts for multiple screens,…I strongly advise you to include…whatever content you have available,…the closer to the finished work the better.…Why? Well, it's pretty simple,…it makes creating your layouts easier.…While abstracting the layout to its basic structure…is a necessary talent,…you almost never get it right from the get go,…at least that's been my experience.…So in this lesson we'll add in some content…to put some meat on our fluid grid skeleton structure,…and I'll show you some handy techniques…for bringing in your client's copy efficiently.…
Let's get going, I have opened the profile.htm file…from chapter two, 02_03 start folder in my exercise files,…and as before, it's basically a copy of the file…that we worked on in the last lesson.…Before we bring in our content let's tie in…an existing CSS Style Sheet so our typography…has a clean, consistent look.…I'll switch over to CSS Designer…and from Sources choose Add,…and I wanna choose a Existing Style Sheet,…browse to it, and you'll find this…
- 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.