In this lecture, our instructor, Candyce Mairs, discusses browser differences. She talks about the importance of testing within different browsers and different browser versions. She even shows how to use Google Analytics to gather information about what types of browsers are commonly used.
A browser displays our web pages, and all browsers are not created equal
Browsers will always have differences between them in order to try & get ahead in the marketplace
The toughest part of the web designers job is to determine which browsers and versions should be used for testing as you build a website and how to deal with these browser differences
in your project plan, you should have discussed and planned so you know which browsers you need to use for testing and determine how you can accomplish this
Always set your target browsers on a per project basis based on the audience for that specific website
Mac users must have a way to view pages using various versions of IE which requires access to either windows itself on the Mac system or windows machines for testing
You need to have some type of windows/IE testing environment
Many companies I work with are using IE8, I do not find many still needing to use IE7 so I target back to IE8
There are ways to view backwards compatibility versions of IE built into the browser
Browser generally have their own set of tools that can assist you when building websites
Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.
You can see a very high percentage of my users are not using mobile to access my website.0426
But, if it is a website that is been around for a little while, and you need to work with them, it is a good idea to ask for their analytics and it might not be Google analytics, that is a separate thing.0432
But there is a lot of analytics software available and find out what browsers people are actually coming to the website.0446
If it is a new website, then you have to make that big decision, based on the audience you think will be coming to the website or the company will think that will be visiting.0454
So, that is just an overview of the analytics that you can have access to. 0465
And if you have access to those it makes it much easier to target those specific browsers. 0471
As you create webpages, you want a variety of browsers on your system, and you need to make sure that with Internet Explorer, still being the number one worldwide browser.0478
Make sure you have a way to test consistently with those pages you are targeting, and also set up the versions you are going to target.0490
So, that just an overview of browser differences and things to consider when you are creating a website.0499
Educator.com recommends Adobe Dreamweaver CS6 for use with the Educator Dreamweaver course. Adobe Dreamweaver CS6 software enables you to make cutting-edge web designs and mobile apps while generating HTML5 and CSS3 code. Use the fluid grid layout system and HTML editor to design projects for smartphones, tablets, and desktop screens. Support for CSS3, jQuery Mobile, and Adobe PhoneGap Build frameworks streamlines the mobile app development process. Check your designs with Live View and Multiscreen Preview. Add rich typography and CSS3 transitions to create compelling projects.
Educator.com recommends the Adobe Dreamweaver CS6 Digital Classroom to go with our Dreamweaver course. In this book-and-DVD package, expert instructors provide a complete course in basic Dreamweaver that you can access at your own speed. Step-by-step instructions in the book are supported by lesson files and video tutorials on the DVD, presenting the newest version of Dreamweaver in 16 self-paced lessons. You'll learn to use style sheets, dynamic HTML, multimedia, databases, and much more to design, develop, and maintain your website.