Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Discover how to make your website more readable and efficient across various screen sizes and devices. Join author Chris Converse as he shares his own specialized techniques for creating a responsive site. The course takes the site from start-to-finish, from comping your ideas in Photoshop, to setting up the HTML page and containers, to styling established elements for small, medium, and large screens. In particular, Chris shows how to load images with CSS, reposition the nav bar for better viewing on mobile devices, and how to make the download time faster for small screens by providing multiple versions of your banner graphic and other images. Plus, learn how to replace graphics with high-resolution versions for Retina displays using CSS media queries.
This course was created and produced by Chris Converse. lynda.com is honored to host this training in our library.
Now, throughout this course we're going to be coding our HTML and CSS, so I recommend using a text editor. There is a whole series of available text editors for both Macintosh and Windows. Some are paid, some are free. So here is a list of some of the most popular ones on both platforms. You can also use more visually oriented web tools, like Adobe Dreamweaver for example. You just need to have access to the source code. So no matter what tool you're using, there has to be some area where you can get to the source code of the HTML. We're also going to be using Adobe Photoshop to create some of our graphics, and you'll need to have at least CS2 or later, since we need to have access to the Slicing tool in order to create some of our optimized graphics.
Now, as a special note to Dreamweaver users, we're going to be talking about how you can set up Dreamweaver in the next chapter so that you can actually follow along in Dreamweaver. So once you have a text editor set up that you can use for this course, we'll continue by creating our project files.
Find answers to the most frequently asked questions about Creating a Responsive Web Design.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.