Firebug is a free extension tool you can use within Firefox
You install separately within Firefox just like any other extension
Firebug offers an inspect button to use with HTML & CSS
Firebug also offers Style, Computed & Layout tabs to assist you
Using Firebug for CSS/JS
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.
We are going to take a look at a super cool tool that I have been using for a long time. 0000
I would say if you did a pool of web developers, probably 99% of them also use this tool. 0007
And it is a tool called Firebug, and it is used within the Firefox browser, and it is another reason why a lot of people tend to use Firefox as their default browser.0015
So, let us install this tool in the browser so you can get a taste for what it can provide you.0028
Well, go out to my browser resources page and within this page, which you can get to by clicking to Resources and click on Browsers, I am going to go right here to the Firebug link. 0034
I will click on that and go ahead and install Firebug. 0048
And what Firebug allows you to do is install it right quick, just like any other Firefox extension, but its capabilities are pretty expensive, so click Add to Firefox.0054
Now, notice it says no restart on this one, some of the new Firefox extensions, do not force a restart, they go ahead and install the extension without you needing to close Firefox and reopen.0067
If it is an older extension, usually you will get restart now button when you go to install and it has to close up Firefox and reopen. 0082
And if you are installing a bunch of them on the row, that can get very annoying.0091
So, it looks like this extension has got a little bit larger than it used to be and there is a lot of information in here so, that is why you are seeing this.0096
And what we are going to do is install it, I will open it up and once it is installed we are going to get a little bug good looking thing that installs up here right where the rest of little pieces are.0106
I have an installed now button I will go ahead and click it and it installs itself. 0120
You can see how quick it was, it has installed successfully. 0126
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.