In this lesson, you are going to learn how to add text to pages in Adobe Dreamweaver. In order for us to utilize Dreamweaver's site features, we need to create a new site. So we're gonna go up to the site menu, and we're gonna go to new site. If you don't know how to create a new site, you can go back to module two and watch the video, creating a site in Dreamweaver. We're going to name this module five, and we're gonna click on this folder icon, and we're gonna navigate out to where you have the module five lesson files. And in your module five, we're gonna click on the select folder to designate that as our main site folder. We're gonna go to the advanced settings. We're gonna click on the local info, and up at the top where it says default images folder, we're gonna browse for file, we're going to choose the images folder, and click on the select folder, and we're gonna click on save. Soon as we do that, our site is over here on the right, in our files panel. Now we're going to add text to our pages a couple different ways. First, what we're going to do is create a new document and we will add text to that new unstylized document. So we're gonna go to the file menu to new, make sure from the first column we have new document, from the second column, we're going to choose HTML, from the framework, we will choose none, but with the document type set to HTML5, we're gonna click on the create button. Now, when our page comes up, depending upon where you are with your code or live view up at the top, I'm gonna have you go into code view just for a minute. And we're gonna go over to the files panel. We're gonna open up the miscellaneous folder, and we're gonna double click on the hiking.txt folder. Now this is a text document that was created in Notepad, but you could create the same type of file in Text edit on a Mac if you have it, and it's a very simple file, we just have hiking monthly newsletter at the top, couple of paragraphs, we've got some hikes, some apparel, and gear subheads. Now you will notice, when you open up a text file in Dreamweaver, it does open it up as if it recognizes the file, but you would never want to save this document, even though it's in code view, you would never want to save this document as an HTML file, because one very important thing is missing from this file. And that is tags. There are no tags wrapped around our text. Now in order to get this into our new untitled document, which is an HTML file, we're going to select all of this text, I just clicked and dragged down, you could do a Command or Control A to select all, or go up under the edit menu to select all, that would have worked, as well. We're gonna copy this, and again, couple different ways to do it. Control C, you can right click and copy, or you can go to the edit menu to copy. If we go back to our untitled two, now, this is where you have to be very careful, because if you are in code view, and you paste that text right into code view, you can see that works. But if we click on the live tab up here in the center, you can see it comes in with no paragraph formatting. Everything is in one big paragraph. So we're gonna go up to the edit menu and undo, because there are multiple undos in Dreamweaver. Now this time, we're gonna go back to that live view, and we're gonna change this over to design view, because design view is better for editing our content. If we put our cursor at the top of this page and paste, you will notice that our text comes in with all of the breaks that are there. So if we go over to our code view, this is the best part about Dreamweaver is that when we look at this text, all of our tags are wrapping around our text content, and allowing for the formatting that we see here. We're going to go up to the file menu, we're gonna do a save on this, and into that module five, we're just gonna call this copying_text. Don't forget the naming conventions, no spaces, no special characters, underscores and hyphens are okay. We're gonna save that. Now we just added this content to a brand new page, and there were no styles and no areas of the page for us to worry about. We had a clean slate, but what do we do if we need to get text onto a page that already has a layout to it? So in that case, we're gonna go over to our files panel, and we're gonna double click on the about.html. And you can see that we have carets and a slash next to this, and that's a nice thing about this files panel, it tells us a little bit about the type of file this is, so it's letting us know that this is an HTML file, 'cause it has the carets and the slash in it. So we're gonna double click on that to open it. Now, here we have a layout page, and you can see how it has a lot of content. And over here in the top left, there's an area, if we put our cursor in that area, you can see we get a flashing cursor. Now, down along the bottom of our page, this is one of those areas in Dreamweaver that will help you learn about code. We talked in module three about HTML, and how we have to nest our tags properly, and down here at the bottom, it tells us all of the tags that are nested around this H3 tag. There's an article that has a left article class to it, there's a section tag, there's a div tag that has a container, and they all belong in our body. So what we're gonna do now is go over to our files panel, and we're gonna double click on this about txt in the miscellaneous folder, and we have some information about the group that creates this hiking monthly newsletter, and so we're gonna select all of this text. Now we're opening up text files right in Dreamweaver, but you can copy and paste from an email, from a word document, from a PDF, that's why we have that miscellaneous folder that can contain all of the files that have text that we're gonna put on our pages. If you had a Microsoft word document in there, and double clicked on that, it would open up word for you. Dreamweaver cannot open up Word files in here, but it would allow you to open up Word. So we're gonna select this text. We're gonna copy it, we're gonna go to our about, and we're gonna put our cursor where right up at the top, and we're going to paste. So again, right click to paste, control V, edit to paste, any of those will do. Now when we paste our content in here, you can see that we do get all of our formatting of our paragraphs, but you'll also notice that the text here looks a little bit different than the live version of this copying text. And that's because this copying text document has no styles. So it's coming in using the default font, which is Times New Roman, but in that about.html, because this document has an external style sheet applied to it, and we can tell that because up at the top, we have a related file, so because this has a our text is coming in already formatted. So when you add text to a document in Dreamweaver, it really depends on what else is going on in that document, particularly if you have then your text will come in formatted. But if you don't, your text will come in as Times New Roman type, but all of your paragraph formatting, the breaks of your paragraphs, those will come in, as long as you copy and paste into design view. So in this lesson, you learned how to add text to pages in Adobe Dreamweaver.
