Join James Williamson for an in-depth discussion in this video Using the exercise files, part of Applied Responsive Design.
If you're a Premium member of the lynda.com online training library or if you're watching this tutorial on a disc, you have access to the exercise files use throughout this title. Exercise files for this course are arranged by chapter and are located in folders that are named based on the movie that they represent. Since each exercise is self- contained, you will want to work with these folders individually. I recommend copying the entire Exercise Files directory to the desktop and then working on the files from the appropriate folder.
I'll call out the location of the exercise files for each movie and you should see a brief overlay that will also tell you where to find those exercise files. For this course, I'll be authoring my exercise files using Dreamweaver. It's a common web authoring tool and in an environment that I am very comfortable with. By no means is this Dreamweaver course. You can use any code editor you'd like, and I cover many of the free and open-source editors available in several of my other titles. I'll also only be using the Code view in Dreamweaver and none of its visual tools, so as long as you can type in the code that you see on my screen, you'll be able work right alongside with me, whether you are using Dreamweaver or not.
It's also crucial that you use the most recent versions of Internet Explorer, Chrome, Firefox, Safari, and Opera, and make it a habit of testing your pages with multiple browsers. If you have access to a web server, being able to preview your responsive designs on mobile devices is a pretty critical part of testing responsive design. During this course, you may want to upload your work to a testing server and access those pages on tablets and smartphones. If you don't have access to a live server, I recommend getting a trial subscription to Adobe's Creative Cloud and checking out Adobe's Edge Inspect.
Edge Inspect allows you to wirelessly sync browsing in Chrome to multiple iOS and Android devices. This means that you can update changes in the browser and multiple devices all at the same time without the use of a web server. It's a great tool for testing responsive designs.
- Creating mockups
- Structuring page regions
- Defining default styles and media queries
- Building desktop, tablet, and mobile layouts
- Structuring and styling menus
- Dynamically replacing menus
- Creating a responsive image gallery
- Adding phone functionality
- Testing responsive sites
Skill Level Intermediate
1. Planning Responsive Designs
2. Building Responsive Layouts
3. Responsive Navigation
4. Creating Responsive Media
5. Enhancing Sites for Mobile
6. Managing Resources
Additional resources4m 10s
- 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.