Join Laurie Burruss for an in-depth discussion in this video Using the Web Developer toolbar to resize the window, part of Web Site Planning and Wireframing: Hands-On Training.
Let's look at the Resize dropdown menu. This category is important for a number…of reasons. We need to know what size monitor our target audience uses, and we…need to look at our web page in a variety of window sizes.…The first one that I like to look at is Display Window Size, and it makes a…little dropdown warning info box here, and it shows you the window height, and…it shows you the viewport height and width as well. It's not really in a good…location, it can't really work around it, it's okay, and it's kind of scary…with that warning sign. So let's click OK out of that. Let's click on Resize…dropdown again, and let's choose Display Window Size In Title.…
This one is a much more efficient and helpful tool for the web designer,…because as you can see, the browser window size displays here, and in the…brackets you see the viewport. If I go down to the bottom of the page, click on…the right corner and start resizing it, it will automatically update both the…browser window size and the viewport size, and let me see how my page looks in…
Download the free support materials here from the Exercise Files tab.
After learning the tools and techniques demonstrated in this course, viewers can continue on to the next course in this series: Creating a CSS Style Guide: Hands-On Training.
- Seeing, scanning, and reading a web page
- Understanding naming conventions
- Creating file structures
- Understanding page hierarchy
- Using Acrobat and Photoshop with wireframes
- Building a professional wireframe from scratch
- Identifying and using web standards in site design
- Usability Testing