Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Dreamweaver also comes with some great pre-built layouts you can start using right out of the box. Now, they are not actually listed here under Create New. You have to go to the File menu, down to New. And when you do that what you will notice is if I have HTML selected, this center column has all of the layouts I can choose from. Some I'm just going to use my arrow keys and kind of arrow down, and I might get somewhat of an idea of some of these layouts. In fact, I might just pick one. I'm going to pick this 2 column elastic, left sidebar, header and footer.
I can click Create. Sure enough, there it is, there is my layout. I can start to manipulate this to my liking or I can try another one. In fact let's see what else in here, again I went to File > New. And I'm just using my arrow keys and I'll locate another one. In fact let's go down here, there is quite a few in fact, there is a 3 column absolutely positioned layout. So I click Create. Maybe this is something I want to go with. And again I can change this content.
But really you can see there is quite a slew of designs to choose from. So really the idea is to pick one that's going to work for you and then edit the content, not only the content but you can also edit the Style. So in this case, I might potentially want to change the color of this font of that header there. So I can just go down to the Properties panel, and make sure CSS is selected, and I can change that color right in here.
In fact, I'll change it to sort of a medium blue. Sure enough it changes it. But if you want to see sort of the long bragging list of all of the CSS Styles associated with this page, I can go to my CSS Styles panel. So you can see everything, for the most part is a CSS Style, which really gives me all the flexibility I need. Again, from anything from the body copy, whether it's the copy or even say the Background color, I can change that right in here. So we'll just do this really fast, in fact I'll change this to blue as well.
Click Apply, and it change it across the board. This is just a really effective way to not only get a design up and running fast, but this design will also have the flexibility you need since it's built with CSS Styles.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.