Adding New Folders and Files to a Site


To create the initial framework of the site structure through the development of linked placeholder pages in the Yoga Sangha project site, you'll need to create a number of new pages and folders. This can be done quickly and easily from the Files panel, which enables you to set up a site's file and folder structure. You can immediately create pages that act as placeholders and add content to them at a later time.

1.

Click the Expand button on the Files panel toolbar in the Files panel.

Tip

If the Files panel is not visible in the panels, you might need to choose Window > Files.

Expand to show local and remote sites.

The Expand button is located on the right side of the toolbar, above the list of files. You'll learn more about the other options and tools on the Files panel in Lesson 14.

2.

On the expanded Files panel, verify that Yoga Sangha is selected in the Show menu. Open the Lesson_03_Links folder shown in the Local Files column by clicking the arrow (Macintosh) or plus icon (Windows).

Note

The Show menu is only visible in Windows if you are in a site. If you are viewing just a drive (such as F:) you only get the Manage Sites link.

The Local Files column is located on the right side of the expanded Files panel. The Remote Site column on the left side of the panel does not contain any files because you haven't defined a remote site. You'll learn more about doing so in Lesson 14.

Tip

You can adjust the amount of space within which the files are displayed by moving the bar that separates the two sides of the expanded Files panel.

3.

Right-click (Windows) or Control-click (Macintosh) the Lesson_03_Links folder.

Tip

You might want to collapse other lesson folders if any are open to give yourself more room in the Files panel and make it quicker to scroll through the contents of the site.

A context menu opens, displaying a variety of options. The options available through this menu vary, depending upon what is selected. The context menu is a quick way to access many of Dreamweaver's functions and can help speed up your production.

4.

Choose New Folder from the context menu.

A new untitled folder is added within the Lesson_03_Links folder. Because you just created the new folder, the name is highlighted and displayed with a heavy line around the text field to indicate that you can name the folder.

5.

Type about and then press Return (Macintosh) or Enter (Windows) to name the new folder.

The new folder displays the name you have just given it.

Tip

Clicking elsewhere in the Files panel causes the name to become deselected. If that happens and you still need to name the folder, you need to click the name of the folder, pause, and then click it again. Selecting the title allows you to edit it. Don't double-click; doing so will cause the folder to open.

6.

Right-click (Windows) or Control-click (Macintosh) the about folder you just created inside the Lesson_03_Links folder in the Files panel.

You are clicking the folder in which you will create a new file in the next step.

The context menu opens.

Note

If you mistakenly create a new file in the wrong folder, you can delete it using the context menu by choosing Edit > Delete. Windows users can also use the menus along the top of the Files panel as well as the context menu.

7.

Choose New File from the context menu.

A new unnamed document is created in the about folder. The name field is highlighted, indicating that you need to type a name for this document.

8.

Name the new file studio.html.

Note

When you create new folders in the Files panel, those folders will not open unless there are files within them. You might need to open the folder before being able to name the file. Press Return (Macintosh) or Enter (Windows) to apply the filename change.

Don't forget to keep the .html extension in the filename. All documents that you create in a site must have the appropriate extension for their document type so browsers can recognize them.

Tip

If your filenames are too long for the Local Files column, they might appear to be cut off, which is just a result of the limited space for display in the Files panel. You can see the full filename by pausing the pointer over the file and waiting for the name to pop up or by adjusting the positions of the columns. Click and drag the vertical lines separating the column titles to adjust them.

9.

Repeating Steps 6 through 8, add the following files inside the about folder: contact.html, newsletter.html, news.html, location.html, anusara.html, and index.html.

There should now be seven XHTML files in the about folder. Remember, XHTML files still use the .html extension.

As you learned earlier in this lesson, each folder can contain its own index.html file. Using an index.html file ensures that if a visitor enters only the folder name such as www.yogasangha.com/about, the index.html file will be displayed.

Note

The most common name for a directory's default document is index.html; however, depending on the Web server being used in your environment, it could be any number of others (default.html, index.cfm, index.jsp, or index.asp just to name a few).

10.

Repeating Steps 3 through 8, create the following folders and the subsequent files those folders need to contain:

Folder name

Files

schedule

faq.html, events.html, download-schedule.html, index.html

teachers

jayne.html, katchie.html, sierra.html, index.html

community

outreach.html, mission.html, green.html, forums.html, index.html

training

anusara-training.html, instructors.html, training-schedule.html, application.html, resources.html, login.html, index.html

explorations

philosophy.html, sequences.html, meditations.html, media.html, educational.html, index.html


You've now finished creating placeholders for each page in the Yoga Sangha project site, and you're ready to start linking them together. The folders and files in the Files panel should now look like the following example.




Macromedia Dreamweaver 8(c) Training from the Source
Macromedia Dreamweaver 8: Training from the Source
ISBN: 0321336267
EAN: 2147483647
Year: 2006
Pages: 326

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net