Subsite Creation and Management in FrontPage

1. Project 6 Using Subsites, the Database Interface Wizard, and Source Control

2. Objectives • Create a new folder in an existing Web site • Move files and folders into another folder • Convert a folder to a subsite • Open a subsite for editing

3. Objectives • Set an existing page as the home page for a Web site • Use the default page as a hyperlink target • Use the Database Interface Wizard to create Database Editor pages • Apply a theme to a subsite

4. Objectives • Publish a Web site and all subsites • Enable source control for a Web site and subsite • Check files in and out using source control • View the Checkout Status report

5. Starting FrontPage and Opening an Existing Web Site • Click the Start button on the taskbar. Point to All Programs on the Start menu • Click Microsoft Office on the All Programs submenu • Click Microsoft Office FrontPage 2003 on the Microsoft Office submenu

6. Starting FrontPage and Opening an Existing Web Site • Click the Open button arrow on the Standard toolbar • Click Open Site on the Open menu. If necessary, when FrontPage displays the Open Site dialog box, click the Look in box arrow and select the folder location where you stored the Web site for Project 5 (e.g., C:\jkeeler) • Click the Open button

7. Starting FrontPage and Opening an Existing Web Site

8. Creating a New Folder in an Existing FrontPage Web Site • With the C:\jkeeler folder selected in the Folder List pane, click the New Folder button in the Folder List pane • Type JobOppsSite as the new folder name and then press the ENTER key

9. Moving Files and Folders to a New Folder • Click the folder, fpdb, to select it • Hold down the CTRL key and then click each of the files listed in Table 6-1 on page FP 308 to select them • Drag the selected files and folder to the JobOppsSite folder • Release the mouse button

10. Converting a Folder to a Subsite • Right-click the JobOppsSite folder • Click Convert to Web • Click the Yes button

11. Opening a Subsite • Double-click the subsite folder, JobOppsSite, in the Folder List pane

12. Setting an Existing Page as the Home Page • Right-click the file, JobOppsMain.htm, in the Folder List pane • Click Set as Home Page

13. Creating a Navigation Structure for a Subsite • Click the Navigation command on the View menu • Drag the file, JobOpsBanner.htm, from the Folder List pane and drop it below the home page icon in Navigation view • Drag the file, JobOppsTOC.htm, from the Folder List pane and drop it below the home page icon and to the right of the Job Opportunity Posting icon • Drag the file, jobopportunity.asp, from the Folder List pane and drop it below the Contents Page icon

14. Creating a Navigation Structure for a Subsite • Drag the files listed in rows 2 through 5 of Table 6-2 on page FP 415 and drop them below the Contents Page icon • Drop each file to the right of the icon for the previous page • Double-click the home page icon

15. Inserting a New Image from a File • Click the button image used for the first hyperlink in the contents frame • Press the DELETE key • Insert the Data Disk in drive A • Click Insert and then point to Picture

16. Inserting a New Image from a File • Click From File • If necessary, when FrontPage displays the Picture dialog box, click the Look in box arrow and then click 3½ Floppy (A:) • If necessary, double-click the Project6 folder • Select the file, HomeButton

17. Inserting a New Image from a File • Click the Insert button • Click the Save button • If necessary, when FrontPage displays the Save Embedded Files dialog box, click the Change Folder button, select the images folder, and then click the OK button • Click the OK button

18. Inserting a New Image from a File

19. Creating a Hyperlink to the Default Home Page • Right-click the Home button image in the contents frame • Click Hyperlink • When the Insert Hyperlink dialog box is displayed, type ../ in the Address text box • Click Target Frame

20. Creating a Hyperlink to the Default Home Page • When FrontPage displays the Target Frame dialog box, click Whole Page in the Common targets area • Click OK in the Target Frame dialog box • Click OK in the Insert Hyperlink dialog box • When the Insert Hyperlink dialog box closes, click the main frame to deselect the image and then position the mouse pointer over the Home page hyperlink image

21. Creating a Hyperlink to the Default Home Page

22. Modifying the Database Connection Properties • Click Tools on the menu bar • Click Site Settings • When FrontPage displays the Site Settings dialog box, click the Database tab • Click jobopportunity

23. Modifying the Database Connection Properties • Click the Modify button • If necessary, when FrontPage displays the Database Connection Properties dialog box, click File or folder in current Web site in the Type of connection area • Click the Browse button • If necessary, when FrontPage displays the Database Files In Current Web Site dialog box, double-click the folder, fpdb, and then click the file, jobopportunity.mdb

24. Modifying the Database Connection Properties • Click the OK button in the Database Files In Current Web Site dialog box • Click the OK button in the Database Connection Properties dialog box • Click Verify • Click the OK button

25. Creating Database Editor Pages Using the Database Interface Wizard • Click the Create a new normal page button arrow on the Standard toolbar • Click Web Site • When FrontPage displays the Web Site Templates dialog box, click the Database Interface Wizard icon • Click Add to current Web site in the Options area • Click the OK button

26. Creating Database Editor Pages Using the Database Interface Wizard • Click Use an existing database connection • Verify that jobopportunity is the selected database connection • Click the Next button • Verify that the Results table is selected in the list • Click the Next button

27. Creating Database Editor Pages Using the Database Interface Wizard • Click the Next button • If necessary, click Results Page and Submission Form to deselect them and then click Database Editor to select it • Click the Next button • If necessary, select the default user name, Administrator, and then type jkeeler (you may substitute your own user name here) in the User name text box • Type James (or a password of your choice) in the Password text box

28. Creating Database Editor Pages Using the Database Interface Wizard • Again, type James (or the password you chose) in the Confirm text box • Click the Next button • Click the Finish button • Click the plus sign in front of the new folder, jobopportunity_interface, to expand the folder • Click the plus sign in front of the folder, Results

29. Creating Database Editor Pages Using the Database Interface Wizard • When the Results folder expands, click the plus sign in front of the folder, editor • Click the database_editor.asp tab • Drag the cell border to the right until the title text, Database Editor - Results, is displayed on a single line • Drag the horizontal border between the top and bottom frames down to display more of the page in the top frame, as shown on the following slide

30. Creating Database Editor Pages Using the Database Interface Wizard

31. Adding the Database Editor Login Page to the Navigation Structure • Click the Navigation command on the View menu • If necessary, scroll the Folder List pane to display the file, login.asp • Drag the file, login.asp, from the Folder List pane and drop it to the right of the Tutoring Positions page icon in the Navigation pane

32. Adding the Database Editor Login Page to the Navigation Structure • Right-click the Results – Login page icon and then click Rename on the shortcut menu • Type Admin Only as the new title and then press the ENTER key • Double-click the home page icon in Navigation view

33. Applying a Theme to a Subsite • Click Format on the menu bar • Click Theme • When FrontPage displays the Theme task pane, verify that the parent folder of the subsite is selected in the Folders List pane • If necessary, click Vivid colors • Verify that Active graphics and Background picture are selected

34. Applying a Theme to a Subsite • If necessary, scroll down the list of themes and then point to Capsules • Click Capsules • When the Microsoft Office FrontPage dialog box appears, click Yes • Click the Close button on the Theme task pane • Click the database_editor.asp tab and, if necessary, readjust cell borders to display the title text on a single line

35. Applying a Theme to a Subsite • Click the Save button on the Standard toolbar • Click the index.htm tab to display the subsite home page • Click the Save button on the Standard toolbar • Click the Close button on the Microsoft FrontPage title bar

36. Applying a Theme to a Subsite

37. Modifying a Hyperlink to Link to the Default Home Page • Double-click the home page icon in the Folder List pane • If necessary, scroll the Design view window down until the Job Opportunities link appears • Right-click the hyperlink text, Job Opportunities • Click Hyperlink Properties

38. Modifying a Hyperlink to Link to the Default Home Page • When the Edit Hyperlink dialog box is displayed, drag through the text, JobOppsMain.htm, in the Address text box and then press the DELETE key • Click the OK button • When the Edit Hyperlink dialog box closes, click the Save button on the Standard toolbar • Position the mouse pointer over the hyperlinked text

39. Modifying a Hyperlink to Link to the Default Home Page

40. Publishing a Parent Web Site and Subsite • Click the Web Site tab • Click the Remote Web site button • Click the Publish Web site button • Click the Yes to All button

41. Enabling Source Control • Double-click the subsite, JobOppsSite, to open it in a new FrontPage window • Close any pages that are open • Click Tools on the menu bar • Click Site Settings • If necessary, when FrontPage displays the Site Settings dialog box, click the General tab

42. Enabling Source Control • Click Use document check-in and check-out to select it • Click OK • When the Microsoft Office FrontPage dialog box is displayed, click Yes • Click the Close button on the Microsoft FrontPage window • When FrontPage displays the parent Web site in the Microsoft FrontPage window, close any pages that are open

43. Enabling Source Control • Click Site Settings on the Tools menu • When FrontPage displays the Site Settings dialog box, Click Use document check-in and check-out to select it • If necessary, click Check out files from the Local Web Site • Click the OK button • When the Microsoft Office FrontPage dialog box is displayed, click the Yes button

44. Enabling Source Control

45. Checking Out a File Under Source Control • Double-click the file, index.htm, in the Folder List pane • Click Yes in the Microsoft Office FrontPage dialog box

46. Viewing the Checkout Status Report • Point to the Reports command on the View menu • Point to Workflow • Click Checkout Status • If necessary, scroll down to display the file, index.htm, in the list

47. Checking In a File Under Source Control • Click the index.htm tab • Click Edit on the menu bar • Click Check In • Click the Close button to close the file, index.htm

48. Quitting FrontPage • Click File on the menu bar and then click Close Site • Click the Close button on the right side of the Microsoft FrontPage title bar

49. Summary • Create a new folder in an existing Web site • Move files and folders into another folder • Convert a folder to a subsite • Open a subsite for editing

50. Summary • Set an existing page as the home page for a Web site • Use the default page as a hyperlink target • Use the Database Interface Wizard to create Database Editor pages • Apply a theme to a subsite