Okay, we can close this page for now by clicking the close button here on the left on my Mac or it would be on the right for you windows users, and we will click do not save. And I would like you to find the folder called frames in your site window. Open it up by clicking the arrow on the Mac or the plus sign on windows. These are some pages that I created for you so we can learn a little bit about creating frames in a webpage. Some of them have content and some of them do not.
So right now, we are just going to click on this page called blank.html, double click to open that one up and you will notice that I have got it opening it up in this editing mode which is the frames editor. The reason I am having you look at this page instead of the other one that we had opened a few minutes ago is because you actually need to build several documents when you are creating a frame set page. Let me try to explain this to you.
Imagine a window that has four panes in it and each of those panes has a piece of glass in it, and plus, there is the wood that separates the four panes from each other. Well the wood portion of that window would be what we consider the frame set. And the glass portion of those four pieces of glass would be the frame pages. So, in total when you want to create a frame set, you need one document that defines the set or what goes around the outside of the frames and you need the documents that feel in the frames themselves.
So for this framed document, I am going to actually make a frame set that has two frames in it. Now, the first thing we do is go to the objects and tools pallet, click and pull down to the frame objects. And here, you will some pre-defined frame sets that you can use simply by dropping them into your page. So we will start by selecting this one here on the left. It is a two frame, frame set. So grab it and drag it into your page and let go. Notice that you have get this Change doc type dialogue box. What is all this about? Well, Go Live quite clearly knows that you were trying to build a frame document now and if you do that, you need to change the doc type. The doc type defines what type of page it is and a frame set needs a different doc type that a regular old XTML or HML page. Go Live knows that and it also knows that you might not know that so it just gives you this option automatically. It is a good idea and just say ‘okay’.
Now, we have got our frame set that are already in place, but if we were to preview this page, we would see nothing because there are actually no pages loaded into each portion of the frame set. So, how do we go about doing that? Well that is quite easy to do. You could do it using the inspector pallet or you could do it simply by dragging and dropping pages into these different areas of your frame set which is how we all do it. So let me just move the page of a little bit so we can see our site window as well and then, I will take the document called blue.html which is entirely blank except for a blue background color and drag it and drop it into the left frame.
Next, we are going to take the document called red.html and drag and drop it into the right frame. I am clicking back into the document itself to bring it back to the front and now look. Each of these has been defined. This is going to show me red.html in that portion of the frame set and this will show a blue.html in the left portion of the frame set. So, let us take a look and see how it appears and we can do that by clicking the preview button here at the top of the document window. And here, you can clearly see I have got blue on the left and red on the right. I am going to click back to the frames editing mode and I want to point out to you that you can set the attributes for the frames and the frame set both in the inspector pallets. I am going to go grab my inspector pallet and drag it into the viewable area here. So you can see we have got—when I click here onto this frame, it shows the frame options that I can choose such as, whether I want to have a scroll bar showing or the size and scale of the frame.
