1. Adding Content to the Agency Web Site - Part 1

2. Adding content to the agency web pages Agency Web Site Adding Content 1, Slide 2Copyright © 2004, Jim Schwab, University of Texas at Austin The text content for my web pages was included at the bottom of the Class 12 Worksheet. The picture content for my agency web pages will be downloaded from Microsoft’s Office Online Clip Art web site. If you use pictures from other websites, you will need to make sure that you respect the picture owner’s copyright and conditions for use. In the first tutorial, we created the navigation structure for five pages on our agency web site: the Home Page, History of the Home, Tour of the Home, Friends and Supporters, and the first level of Our Success Stories. In this tutorial, we will add content to all of these pages except Our Success stories, which will be added in the next tutorial. At the end of this tutorial, we will upload our agency web site to the Webspace computer, and make it visible to the Internet.

3. Copy home page content to clipboard Agency Web Site Adding Content 1, Slide 3Copyright © 2004, Jim Schwab, University of Texas at Austin Open the Class 12 Worksheet and scroll down to Web Page Content. Select all of the text under the title Home Page down to the title History of the Home and copy it to the clipboard.

4. Paste the clipboard content into the home page Open the home page (index.htm) in FrontPage, if necessary, and make certain the insertion cursor is located in the content area of the page. Since we want to specify how the text in Word appears in the web page, select Paste Special from the Edit command. Agency Web Site Adding Content 1, Slide 4Copyright © 2004, Jim Schwab, University of Texas at Austin

5. Convert the pasted text The format that will correctly display the text in our home page is Normal paragraphs with line breaks. Click on this option button to select it. Click on the OK button to complete the paste. Normal paragraphs will format each paragraph separated by a blank line as a separate paragraph on the web page. Successive lines of text, e.g. the name and address of the agency, will be formatted with line breaks, so that each phrase appears on a separate line without extra spaces between the lines. Agency Web Site Adding Content 1, Slide 5Copyright © 2004, Jim Schwab, University of Texas at Austin

6. The home page content Scroll up to the top of the page to see the text pasted into the web page. In looking at my web page, I think it would be better to have the banner for the home page show the name of the home rather than the phrase home page. Agency Web Site Adding Content 1, Slide 6Copyright © 2004, Jim Schwab, University of Texas at Austin

7. Open the page banner properties dialog box To change the title displayed in the banner, double click on the page banner to open the Page Banner Properties dialog box. Agency Web Site Adding Content 1, Slide 7Copyright © 2004, Jim Schwab, University of Texas at Austin

8. Change the page banner text In the Page banner text box, change the text from Home Page to Hypothetical Home for Children. Click on the OK button to complete the change. Agency Web Site Adding Content 1, Slide 8Copyright © 2004, Jim Schwab, University of Texas at Austin

9. The home page with the changed banner The text in the banner now displays the name of the agency. The name of the agency on the first line of the content area is now redundant, so we will delete it by right clicking on the line of text and selecting the Cut command from the popup menu. Agency Web Site Adding Content 1, Slide 9Copyright © 2004, Jim Schwab, University of Texas at Austin

10. The home page without the redundant name The name of the agency is now in the banner and not listed with the address. Agency Web Site Adding Content 1, Slide 10Copyright © 2004, Jim Schwab, University of Texas at Austin

11. Copy history page content to clipboard Agency Web Site Adding Content 1, Slide 11Copyright © 2004, Jim Schwab, University of Texas at Austin Select all of the text in the document below the title History of the Home and above the title Tour of the Home, and copy it to the clipboard. Open the Class 12 Worksheet, if necessary, and scroll down to Web Page Content.

12. Open the history of the home web page To open the History of the Home web page so that we can add content to it, double click on history.htm in the Folder List pane. Agency Web Site Adding Content 1, Slide 12Copyright © 2004, Jim Schwab, University of Texas at Austin

13. Paste the clipboard content into the history page On the history of the home page (history.htm) in FrontPage, make certain the insertion cursor is located in the content area of the page. Since we want to specify how the text in Word appears in the web page, select Paste Special from the Edit command. Agency Web Site Adding Content 1, Slide 13Copyright © 2004, Jim Schwab, University of Texas at Austin

14. Convert the pasted text The format that will correctly display the text in our home page is Normal paragraphs with line breaks. Click on this option button to select it. Click on the OK button to complete the paste. Normal paragraphs will format each paragraph separated by a blank line as a separate paragraph on the web page. Successive lines of text, e.g. the name and address of the agency, will be formatted with line breaks, so that each phrase appears on a separate line without extra spaces between the lines. Agency Web Site Adding Content 1, Slide 14Copyright © 2004, Jim Schwab, University of Texas at Austin

15. The history page content Scroll up to the top of the page to see the text pasted into the web page. Agency Web Site Adding Content 1, Slide 15Copyright © 2004, Jim Schwab, University of Texas at Austin

16. Open the tour of the home web page To open the Tour of the Home web page so that we can add content to it, double click on tour.htm in the Folder List pane. Agency Web Site Adding Content 1, Slide 16Copyright © 2004, Jim Schwab, University of Texas at Austin

17. Introductory text for tour of the home Agency Web Site Adding Content 1, Slide 17Copyright © 2004, Jim Schwab, University of Texas at Austin In the content area of the Tour of the Home web page, we add the introductory text: We would like to share some of our favorite campus sites. Press the enter key at the end of the text to start a new paragraph. This is where we will insert our first picture. We will download pictures from Microsoft's web site to use on our web pages.

18. Accessing pictures from Microsoft's web site Select Picture > Clip Art from the Insert menu to open the Clip Art task pane. Note: downloading pictures assumes your computer is connected to the Internet. Agency Web Site Adding Content 1, Slide 18Copyright © 2004, Jim Schwab, University of Texas at Austin

19. Navigating to the online clip art collection At the bottom of the Clip Art task pane, click on the link Clip art on Office Online to navigate to Microsoft's online collection. Agency Web Site Adding Content 1, Slide 19Copyright © 2004, Jim Schwab, University of Texas at Austin

20. Microsoft Office Online - Clip Art and Media When we clicked on the link Clip art on Office Online, the Microsoft Office Online Clip Art and Media web site opened in our browser. We will use the search tools to locate the type of pictures we want. First, select Photos from the drop down menu of media types. Agency Web Site Adding Content 1, Slide 20Copyright © 2004, Jim Schwab, University of Texas at Austin

21. Type in the type of photos we want Next, in the text box to the right of the drop down menu, we type homes as the type of photos we want to see. Finally, we click on the Go button to conduct the search. Agency Web Site Adding Content 1, Slide 21Copyright © 2004, Jim Schwab, University of Texas at Austin

22. Selecting a picture The search resulted in 13 pages of pictures related to "homes." About a dozen thumbnail sketches of pictures are shown on each page. We can scroll through the pages until we find an image that meets our needs. The search resulted in 13 pages of pictures related to "homes." About a dozen thumbnail sketches of pictures are shown on each page. We can scroll through the pages until we find an image that meets our needs. We can see a larger preview of a picture by double clicking on it. Agency Web Site Adding Content 1, Slide 22Copyright © 2004, Jim Schwab, University of Texas at Austin

23. A larger preview image When we double clicked on the thumbnail for a picture, a new browser window opens showing a larger, more detailed copy of the image we clicked on. To close the larger preview picture window, click on the close box. Agency Web Site Adding Content 1, Slide 23Copyright © 2004, Jim Schwab, University of Texas at Austin

24. Copying the image to the clipboard While we could add the picture to a selection of images to download, we will just copy the picture to the clipboard and paste it on our web page. Right click on the drop down arrow on the right side of the image and select Copy from the popup menu. The picture that I want to use on my web page is on page 6. Agency Web Site Adding Content 1, Slide 24Copyright © 2004, Jim Schwab, University of Texas at Austin

25. Pasting the image on our web page Return to the Tour of the Home web page in FrontPage and paste the image. A large copy of the image is pasted in the web page. Agency Web Site Adding Content 1, Slide 25Copyright © 2004, Jim Schwab, University of Texas at Austin

26. Create a thumbnail of the picture FrontPage will create a thumbnail of the picture for us. Thumbnails are useful because they are much smaller and can be downloaded much more quickly. If a user is interested in seeing the full size picture, they can click on the thumbnail and the full size picture will be displayed in a new browser window. To create a thumbnail of a picture, right click on it and select Auto Thumbnail from the popup menu. Agency Web Site Adding Content 1, Slide 26Copyright © 2004, Jim Schwab, University of Texas at Austin

27. Adding a caption to the picture With the cursor at the right side of the picture, type the caption The original home. The full-size picture is now replaced by the thumbnail. Agency Web Site Adding Content 1, Slide 27Copyright © 2004, Jim Schwab, University of Texas at Austin

28. Position the caption below the picture First, to position the caption beneath the picture, click between the picture and the T in The to insert a blinking cursor. Second, select Break from the Insert menu. We want to position the caption directly beneath the picture. If I position the cursor between the picture and the caption and press the enter key, the caption will start a new paragraph and there will be a blank line between the picture and the caption. To position the picture directly beneath the picture, we insert a line break instead of starting a new paragraph. Agency Web Site Adding Content 1, Slide 28Copyright © 2004, Jim Schwab, University of Texas at Austin

29. Inserting a line break Mark the option button Normal line break. Click on the OK button to close the dialog box. Agency Web Site Adding Content 1, Slide 29Copyright © 2004, Jim Schwab, University of Texas at Austin

30. Testing the thumbnail in the browser Before we add other pictures to the web site, we will test out the thumbnail in the web browser. Select Preview in Browser > Microsoft Internet Explorer 6.0 (800 x 600) from the File menu. Agency Web Site Adding Content 1, Slide 30Copyright © 2004, Jim Schwab, University of Texas at Austin

31. The reminder to save changes to the web pages We have not save the picture or the thumbnail of the picture which we pasted into the web page. FrontPage prompts us with a reminder. Click on Yes to open the Save Embedded Files dialog box. Agency Web Site Adding Content 1, Slide 31Copyright © 2004, Jim Schwab, University of Texas at Austin

32. The save embedded files dialog box FrontPage calls all of the images that we paste or insert in a web page embedded images and wants to save all of the pictures in the images folder in the web site files. It is a very good idea to follow this convention because it is easier to track the components of our web site. FrontPage uses the name of the picture file (j0149110) from Microsoft's Office Online site. We will assign more meaningful names to the picture files so that we can locate the correct pictures if we need to make a change. Agency Web Site Adding Content 1, Slide 32Copyright © 2004, Jim Schwab, University of Texas at Austin

33. Saving the picture files with more descriptive names We rename the thumbnail picture file j0149110[1]_small.jpg to originalHome_small.jpg. We rename the picture file j0149110[1].jpg to originalHome.jpg. When we have changed the file names, we click on the OK button to save the files to the images folder. Agency Web Site Adding Content 1, Slide 33Copyright © 2004, Jim Schwab, University of Texas at Austin

34. The picture thumbnail in the browser When we finished saving the embedded picture files, the web page opens in the browser. This is the command that we were executing when we were prompted to save the changes to the web page. To see how the thumbnail works, we click on the image. Agency Web Site Adding Content 1, Slide 34Copyright © 2004, Jim Schwab, University of Texas at Austin The thumbnail picture is actually a hyperlink to the full size picture (note the blue border around the thumbnail).

35. The full size picture in the web page When we clicked on the thumbnail, The browser navigated to the full size picture which now appears in the browser window. To close the full size picture and return to the Tour of the Home web page, click on the browser's Back button. Agency Web Site Adding Content 1, Slide 35Copyright © 2004, Jim Schwab, University of Texas at Austin

36. Close the browser window Click on the close button to close the browser window and return to editing our web page in FrontPage. Agency Web Site Adding Content 1, Slide 36Copyright © 2004, Jim Schwab, University of Texas at Austin

37. The staff meeting photograph Copy the photo to the clipboard, paste it in the web page, and create a thumbnail. Add the caption: Staff meeting planning the annual trip to Nebraska. Click on the Save tool button, name the files staffMeeting_small.jpg and staffMeeting.jpg, and save them to the images folder. Copy the photo to the clipboard, paste it in the web page, and create a thumbnail. Add the caption: Staff meeting planning the annual trip to Nebraska. Click on the Save tool button, name the files staffMeeting_small.jpg and staffMeeting.jpg, and save them to the images folder. To locate the next photo, I did a search on the word meeting, and selected the first picture on the second row from page 5 of the photos matching my criteria. Agency Web Site Adding Content 1, Slide 37Copyright © 2004, Jim Schwab, University of Texas at Austin

38. A classroom in the new school To locate the next photo, I did a search on the word classroom, and selected the second picture on the third row. Copy the photo to the clipboard, paste it in the web page, and create a thumbnail. Add the caption: Third-grade classroom in the new school building. Click on the Save tool button, name the files classroom_small.jpg and classroom.jpg, and save them to the images folder. Copy the photo to the clipboard, paste it in the web page, and create a thumbnail. Add the caption: Third-grade classroom in the new school building. Click on the Save tool button, name the files classroom_small.jpg and classroom.jpg, and save them to the images folder. Agency Web Site Adding Content 1, Slide 38Copyright © 2004, Jim Schwab, University of Texas at Austin

39. The older boys cottage To locate the next photo, I did a search on the word cottages, and selected the last picture on the top row of the second page of images. Copy the photo to the clipboard, paste it in the web page, and create a thumbnail. Add the caption: The older boys cottage. Click on the Save tool button, name the files boysCottage_small.jpg and boysCottage.jpg, and save them to the images folder. Copy the photo to the clipboard, paste it in the web page, and create a thumbnail. Add the caption: The older boys cottage. Click on the Save tool button, name the files boysCottage_small.jpg and boysCottage.jpg, and save them to the images folder. Agency Web Site Adding Content 1, Slide 39Copyright © 2004, Jim Schwab, University of Texas at Austin

40. Add instruction for enlarging picture Agency Web Site Adding Content 1, Slide 40Copyright © 2004, Jim Schwab, University of Texas at Austin Position the cursor at the end of the first line of text in the page content area and insert a normal line break. With the cursor position after the line break on the second line, type the text for the instruction for viewing the larger version of the pictures: (click on the pictures for a larger view). Reduce the size of the font for the instruction to 1 ( 8 pt). It may not be obvious to all of our users that they can see a larger version of the picture by clicking on the thumbnail, so we add an instruction to the web page.

41. Copy friends and supporters content to clipboard Agency Web Site Adding Content 1, Slide 41Copyright © 2004, Jim Schwab, University of Texas at Austin Select all of the text in the document below the title Friends and Supporters down to the title Questions and Answers, and copy it to the clipboard. Open the Class 12 Worksheet, if necessary, and scroll down to Web Page Content.

42. Paste clipboard content into supporters web page Agency Web Site Adding Content 1, Slide 42Copyright © 2004, Jim Schwab, University of Texas at Austin Open the friends and supporters page (supporters.htm) in FrontPage, if necessary, and make certain the insertion cursor is located in the content area of the page. Since we want to specify how the text in Word appears in the web page, select Paste Special from the Edit command.

43. Convert the pasted text Agency Web Site Adding Content 1, Slide 44Copyright © 2004, Jim Schwab, University of Texas at Austin The format that will correctly display the text in our home page is Normal paragraphs with line breaks. Click on this option button to select it. Click on the OK button to complete the paste. Normal paragraphs will format each paragraph separated by a blank line as a separate paragraph on the web page. Successive lines of text, e.g. the name and address of the agency, will be formatted with line breaks, so that each phrase appears on a separate line without extra spaces between the lines.

44. The friends and supporter page content Agency Web Site Adding Content 1, Slide 45Copyright © 2004, Jim Schwab, University of Texas at Austin Scroll up to the top of the page to see the text pasted into the web page.

45. Add related links to the friends and supporters page Agency Web Site Adding Content 1, Slide 46Copyright © 2004, Jim Schwab, University of Texas at Austin Scroll to the bottom of the friends and supporters web page. Add the text introduction for the list of links that we will add: We have found the following links to be helpful to us. In addition to the description of our friends and supporters, we want to add some hyperlinks of other helpful web sites to the bottom of this page.

46. Insert a hyperlink Agency Web Site Adding Content 1, Slide 47Copyright © 2004, Jim Schwab, University of Texas at Austin Start a new paragraph by pressing the enter key at the end of the line. Right click on the blinking cursor, and select Hyperlink from the popup menu to open the Insert Hyperlink dialog box.

47. Type the address and url for the first hyperlink Agency Web Site Adding Content 1, Slide 48Copyright © 2004, Jim Schwab, University of Texas at Austin In the Text to display text box, type Childrens Alliance of Kansas. In the Address text box, type http://www.childally.org/. Click on the OK button to add the link to the web page.

48. The first hyperlink on the friends and supporters page Agency Web Site Adding Content 1, Slide 49Copyright © 2004, Jim Schwab, University of Texas at Austin The hyperlink we added to the friends and supporters web page is formatted as a hyperlink.

49. Insert another hyperlink Agency Web Site Adding Content 1, Slide 50Copyright © 2004, Jim Schwab, University of Texas at Austin Start a new paragraph by pressing the enter key at the end of the line. Right click on the blinking cursor, and select Hyperlink from the popup menu.

50. Type the address and url for the second hyperlink Agency Web Site Adding Content 1, Slide 51Copyright © 2004, Jim Schwab, University of Texas at Austin In the Text to display text box, type Heart of America Family Services. In the Address text box, type http://www.hafs.org/. Click on the OK button to add the link to the web page.

51. The second hyperlink on friends and supporters page Agency Web Site Adding Content 1, Slide 52Copyright © 2004, Jim Schwab, University of Texas at Austin The hyperlink we added to the friends and supporters web page is formatted as a hyperlink.

52. Additional links on the friends and supporters web page Agency Web Site Adding Content 1, Slide 53Copyright © 2004, Jim Schwab, University of Texas at Austin Add the link for Kansas Childrens Service League at address http://www.kcsl.org/ to the list of links. Add the link for Kansas Department of Social and Rehabilitation Services at address http://www.srskansas.org/ to the list of links.

53. Format links as bulleted list Agency Web Site Adding Content 1, Slide 54Copyright © 2004, Jim Schwab, University of Texas at Austin I think the list of links will look better if it is displayed as a bulleted list. First, select the links we added to the web page. Second, click on the Bullets tool button to convert the hyperlinks to a bulleted list.

54. The links formatted as a bulleted list Agency Web Site Adding Content 1, Slide 55Copyright © 2004, Jim Schwab, University of Texas at Austin A bullet is positioned before each link and the entire set is indented.

55. Adding a bookmark to navigate to the links Agency Web Site Adding Content 1, Slide 56Copyright © 2004, Jim Schwab, University of Texas at Austin We should put a reference to the list of links at the top of the web page so that a user knows the links are available when they navigate to the friends and supporters web page. Hyperlinks within a web page are called bookmarks. To insert a bookmark at the start of the text introducing the list of links, click the cursor before the text. Select Bookmark from the Insert menu.

56. Name the bookmark Agency Web Site Adding Content 1, Slide 57Copyright © 2004, Jim Schwab, University of Texas at Austin In the Bookmark dialog box, type the name for the bookmark: helpful links. Click on the OK button to add the named bookmark to the list of bookmarks for this web page.

57. The bookmark icon on the web page Agency Web Site Adding Content 1, Slide 58Copyright © 2004, Jim Schwab, University of Texas at Austin A bookmark is not visible on the web page, but FrontPage identifies them with an icon marker.

58. The hyperlink to the bookmark Agency Web Site Adding Content 1, Slide 58Copyright © 2004, Jim Schwab, University of Texas at Austin Insert a new line at the top of the web page's content area. Right click on the blank line and select Hyperlink on the popup menu. We will now add a hyperlink at the top of the page that will inform users about the links at the bottom of the page and provide a means for navigating to the list of links.

59. Specifications for the hyperlink to the bookmark Agency Web Site Adding Content 1, Slide 60Copyright © 2004, Jim Schwab, University of Texas at Austin First, click on Place in This document in the Link to list. This will display the bookmarks in the list of targets. Second, type Helpful links to other web sites in the Text to display text box. Third, select the helpful links bookmark. Fourth, click on the OK button to insert the hyperlink.

60. The hyperlink to the bookmark Agency Web Site Adding Content 1, Slide 61Copyright © 2004, Jim Schwab, University of Texas at Austin The hyperlink is inserted in the web page. We will test the link to the bookmark in the FrontPage Preview view. Click on the Preview tab to activate it.

61. The web page in the preview view Agency Web Site Adding Content 1, Slide 62Copyright © 2004, Jim Schwab, University of Texas at Austin The preview view simulates the way a web page will act in a browser. When we position the cursor over the hyperlink, it turns into the pointing finger used with hyperlinks. Click on the hyperlink. The preview view simulates the way a web page will act in a browser. When we position the cursor over the hyperlink, it turns into the pointing finger used with hyperlinks. Click on the hyperlink.

62. The hyperlink jump to the list of links Agency Web Site Adding Content 1, Slide 63Copyright © 2004, Jim Schwab, University of Texas at Austin When we clicked on the hyperlink, the web page was scrolled down to display the list of helpful links. Note that the bookmark is not visible when the web page is displayed in a browser. When we clicked on the hyperlink, the web page was scrolled down to display the list of helpful links. Note that the bookmark is not visible when the web page is displayed in a browser.

63. Save all of the changes Agency Web Site Adding Content 1, Slide 64Copyright © 2004, Jim Schwab, University of Texas at Austin Our next task will be to test our web site on the Internet in WebSpace. Before we do that, we update all of our web pages by choosing the Save All command from the File menu.

64. Open a folder in WebSpace Agency Web Site Adding Content 1, Slide 64Copyright © 2004, Jim Schwab, University of Texas at Austin To open a web folder in WebSpace that we can copy our web site files to, select Open from the File menu in Internet Explorer. WebSpace is a file storage system provided by Information Technology Services at UT to students, faculty and staff at no additional cost. The system provides 75 megabytes of disk space that allows you to store copies of important documents and may also be used to publish a personal home page. You can learn more about WebSpace by navigating to the link: http://www.utexas.edu/its/webspace/documentation / and browsing the documentation. http://www.utexas.edu/its/webspace/documentation / You can learn more about WebSpace by navigating to the link: http://www.utexas.edu/its/webspace/documentation / and browsing the documentation. http://www.utexas.edu/its/webspace/documentation /

65. Complete the open dialog box Agency Web Site Adding Content 1, Slide 66Copyright © 2004, Jim Schwab, University of Texas at Austin First, in the Open text box, type https://webspace.utexas.edu/YOUR-EID. My eid for jschwab, so that is what I type. https://webspace.utexas.edu/YOUR-EID You cannot log into my WebSpace and I cannot log into your WebSpace, so you should substitute your own EID. First, in the Open text box, type https://webspace.utexas.edu/YOUR-EID. My eid for jschwab, so that is what I type. https://webspace.utexas.edu/YOUR-EID You cannot log into my WebSpace and I cannot log into your WebSpace, so you should substitute your own EID. Second, mark the check box Open as a Web Folder. This will show your WebSpace directory as a folder to which we can copy our web site files. Third, click on the OK button to open the folder.

66. Copy the web site files to the web folder Agency Web Site Adding Content 1, Slide 66Copyright © 2004, Jim Schwab, University of Texas at Austin Second, I opened My Documents which contains the web site files in the Agency Web Site folder. Third, drag the Agency Web Site folder from My Documents and drop it on my WebSpace folder. First, the title of the folder, as well as the address bar, indicates that my WebSpace directory is open in the window.

67. The files are copied to the web folder Agency Web Site Adding Content 1, Slide 68Copyright © 2004, Jim Schwab, University of Texas at Austin A progress bar in a dialog box indicates that the files are being copied from My Documents to the web folder.

68. The web site files in the web folder Agency Web Site Adding Content 1, Slide 69Copyright © 2004, Jim Schwab, University of Texas at Austin When all of the web site files have been copied to the web folder, the folder Agency Web Site appears in the web folder. The web folder has served its purpose so we can close it. We will log into the WebSpace account so that we can make the Agency Web Site accessible to the public. The web folder has served its purpose so we can close it. We will log into the WebSpace account so that we can make the Agency Web Site accessible to the public.

69. Log in to the web space directory Agency Web Site Adding Content 1, Slide 70Copyright © 2004, Jim Schwab, University of Texas at Austin First, type the address or your web space directory: https://webspace.utexas.edu/YOUR- EID. My eid for jschwab, so that is what I type. Second, when the address is complete, click on the Go button. Third, I type ny EID and password in the Connect to webspace.utexas.edu dialog box. Fourth, click on the OK button to log into web space.

70. Open the graphic interface Agency Web Site Adding Content 1, Slide 71Copyright © 2004, Jim Schwab, University of Texas at Austin Web space opened as a text- based directory. To display the graphic interface, click on the link Launch WFS WebUI.

71. Change sharing permissions for Agency Web Site - 1 Agency Web Site Adding Content 1, Slide 72Copyright © 2004, Jim Schwab, University of Texas at Austin To make our web site publicly accessible, we change the sharing permissions for the folder Agency Web Site to public. Click on the Share icon for the Agency Web Site folder.

72. Change sharing permissions for Agency Web Site - 2 Agency Web Site Adding Content 1, Slide 73Copyright © 2004, Jim Schwab, University of Texas at Austin The sharing permissions for different user's groups are displayed. Click on the Change link to change the sharing permissions.

73. Change read permission for the public Agency Web Site Adding Content 1, Slide 74Copyright © 2004, Jim Schwab, University of Texas at Austin First, to make our web site accessible, we select Yes as the Read permission for the Public. Second, accept the default scope for the change Apply changed setting to sub- directories and files. Third, click on the Apply Now button to complete the change.

74. Log out of web space Agency Web Site Adding Content 1, Slide 75Copyright © 2004, Jim Schwab, University of Texas at Austin Now that we have changed the permission for the web site, we click on the Log out link to exit from WebSpace.

75. Test the link to the agency web site - 1 Agency Web Site Adding Content 1, Slide 76Copyright © 2004, Jim Schwab, University of Texas at Austin To make certain that the web site is publicly accessible, we type the URL for the home page in the address box of the browser, which is the address for WebSpace plus EID plus the Agency Web Site directory plus the name of the home page, index.htm.

76. Test the link to the agency web site - 2 Agency Web Site Adding Content 1, Slide 77Copyright © 2004, Jim Schwab, University of Texas at Austin The browser found our web site in WebSpace on the Internet. We can verify this by viewing the address of the web site. Note that the browser replaced the blank spaces with %20, the computer code for blanks.