In this lecture, our instructor, Candyce Mairs, discusses additional browser tools. She goes over the web developer toolbar in Firefox and highlights a few of its features. She also talks about extensions and how to customize the toolbar.
There are many extensions available for browsers that can assist you when working on the web
I have a listing of helpful browser extensions for Firefox & Chrome on my website
Go through the install process for these browser extensions
Additional Browser Tools
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.
Anything you can open in Firefox, in your browser, you can get the information on specifically what that color is if you want to use it, within you pages, or if you need to match something within you pages. 0219
Some of these Firefox extensions are listed here, here is the ColorZilla piece. 0234
We also have a few others if you are working in Internet Explorer's- IE view is a very good one.0239
That allows me to right click on any page and preview in Internet Explorer and you could see I do not have it set up within this page.0246
So, if right click I do not have it, I was hovering over a link, so now, when I right click in an open area I do.0257
That is the key with this IE view, you have to make sure it is a big open area -- you are not on an actual object on the page.0266
Now what I can do is click View this page on IE, it takes that exact URL up here, pops it open in Internet Explorer for me. 0273
That is a pretty handy feature and let us install one together and you will find this process is very simple. 0284
I am going to install Measure it and when I click on Measure it, what is going to do is give me this little roller piece. 0292
But for some reason they have changed Measure it just little bit.0301
I want to show you how to add little icons up here, such as I have done. 0304
I am going to click Add to Firefox and as soon as it says Install now, I click on it and literally that is all I had to do to install it. 0309
I will click restart now and what is going to happen is Firefox is going to close, and when it reopens I will have Measure it in my browser.0321
Now, I do have the icon up in this area, so, I will go ahead and close this page and you could see it stays with the various pages of mine. 0334
But if you want to customize this area, what you want to do is right click up in this upper blank area, right above the URL and go down to customize. 0341
What this does is give you all the little icons that are available.0354
So, if I decided I wanted IE view instead of right clicking, I wanted to put this icon to access, real quickly and easily, I wanted to put this up in this area, I just click on it and drag it up. 0359
As soon as I have added it, it is not here anymore.0374
If I decide I do not want it up here, I can always click on it and drag it back down, such as this one. 0377
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.