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
Skill Level Beginner
1. How the Internet Works
2. Using Your Browser
Choosing a browser3m 12s
3. Deconstructing a Web Page
4. Learning the Ground Rules
5. Designing for the Internet
A case study4m 57s
- 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.