If you create a library item from something that uses css, you wont see the css apply until you put it on the page that contains the css
Be sure you pay attention to all the code you are adding to the library item
Whatever code you have selected becomes a part of the library item
Discuss including parent tags such as a div tags or not?
Easy to accidentally move a file into these folders in the files panel so be careful of that
Template & Library Overview
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.
A library item is a page element; so it's just a piece of a page--it's not the entire page, like a template.0167
A library item gets an .lbi file extension; so it's a little bit different: a template is a .dwt; a library item is a .lbi.0176
And, just like a template, Dreamweaver creates this new Library folder in your site files.0188
You don't want to move that folder; it is always going to be sitting right within your main website file folder.0196
The library folder should also contain only .lbi's; just like a template, if you end up getting other files in there, you may have some problems.0204
Library items can be used on any page, including a template page; so a .dwt page can contain library items.0215
What would constitute a library item in our page example?--well, a couple of good pieces would be the navigation area or even a footer area like this.0228
Those are a couple of the most common; there is really no reason why a header can't also be a part of a library item.0240
So, it is really up to you: if you find reusable pieces of page content (in other words, you have page content you want to use across a lot of different files), you can use a library item.0248
The benefit of a library item is: you can use it on your .dwt files.0264
So, if you have 5 Dreamweaver templates, instead of putting 5 separate pieces of that code across the different templates, you make it a library item; and you take that one library item and put it on all of the templates.0271
That way, you just keep track of it in one spot.0286
Let's do a quick overview of templates and library items.0290
A Dreamweaver template is an entire page; it gets a .dwt file extension, and it's stored in the Templates folder in your main root folder of your website.0297
The only thing that goes in that folder is .dwt files.0310
Library items, on the other hand, are page elements; they are pieces of a page, not the entire page.0315
They get an .lbi file extension, unlike the .dwt file extension.0323
Dreamweaver creates that Library folder for you; and it doesn't exist--Dreamweaver will create it--just like Dreamweaver creates the Templates folder.0330
So, you can see, there are some similarities between the two.0341
Only .lbi files in here; only .dwt files in here.0345
And library items can be used on any page in your website, whether it's a basic page, a template page, or a page created from a template: any of those pages within your website can contain library items.0351
That is an overview of Dreamweaver templates and library items, before we get started working with them.0367
And you can see, there is a big difference between the two.0374
That is Dreamweaver templates and library items.0378
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.