adding content to the agency web site - part 1. adding content to the agency web pages agency web...

Adding Content to the Agency Web Site - Part 1

Adding content to the agency web pages

Agency Web Site Adding Content 1, Slide 2 Copyright © 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.

Copy home page content to clipboard


Open the Class 12 Worksheet and scroll down to Web Page Content.

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.

Select all of the text under the title Home Page down to the title History of the Home and copy it to the clipboard.

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.

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.



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.



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.

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.


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.

To change the title displayed in the banner, double click on the page banner to open the Page Banner Properties dialog box.


Change the page banner text

In the Page banner text box, change the text from Home Page to Hypothetical Home for Children.

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.

Click on the OK button to complete the change.


The home page with the changed banner

The text in the banner now displays the name of the agency.

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.

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.


The home page without the redundant name

The name of the agency is now in the banner and not listed with the address.

The name of the agency is now in the banner and not listed with the address.


Copy history page content to clipboard


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.

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.


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.

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.


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.

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.




The history page content




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.

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.


Introductory text for tour of the home


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.

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.

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.

We will download pictures from Microsoft's web site to use on our web pages.

Accessing pictures from Microsoft's web site

Select Picture > Clip Art from the Insert menu to open the Clip Art task pane.

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.

Note: downloading pictures assumes your computer is connected to the Internet.


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.

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.


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.

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.

First, select Photos from the drop down menu of media types.


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.

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.

Finally, we click on the Go button to conduct the search.


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.

We can see a larger preview of a picture by double clicking on it.


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.

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.

To close the larger preview picture window, click on the close box.


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.

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.

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.

The picture that I want to use on my web page is on page 6.


Pasting the image on our web page

Return to the Tour of the Home web page in FrontPage and paste the image.

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.

A large copy of the image is pasted in the web page.


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.

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.

To create a thumbnail of a picture, right click on it and select Auto Thumbnail from the popup menu.


Adding a caption to the picture

With the cursor at the right side of the picture, type the caption The original home.

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.

The full-size picture is now replaced by the thumbnail.


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.

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.

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.

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.


Inserting a line break

Mark the option button Normal line break.

Mark the option button Normal line break.

Click on the OK button to close the dialog box.

Click on the OK button to close the dialog box.


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.

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.

Select Preview in Browser > Microsoft Internet Explorer 6.0 (800 x 600) from the File menu.


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.

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.

Click on Yes to open the Save Embedded Files dialog box.


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 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.

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.


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 thumbnail picture file j0149110[1]_small.jpg to originalHome_small.jpg.

We rename the picture file j0149110[1].jpg to originalHome.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.

When we have changed the file names, we click on the OK button to save the files to the images folder.


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.

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.

To see how the thumbnail works, we click on the image.


The thumbnail picture is actually a hyperlink to the full size picture (note the blue border around the thumbnail).

The thumbnail picture is actually a hyperlink to the full size picture (note the blue border around the thumbnail).

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.

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.

To close the full size picture and return to the Tour of the Home web page, click on the browser's Back button.


Close the browser window

Click on the close button to close the browser window and return to editing our web page in FrontPage.

Click on the close button to close the browser window and return to editing our web page in FrontPage.


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.


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.

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.


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.

To locate the next photo, I did a search on the word classroom, and selected the second picture on the third row.


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.


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.


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.

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.


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.


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.


Add instruction for enlarging picture


Position the cursor at the end of the first line of text in the page content area and insert a normal line break.

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).

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.

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.

Copy friends and supporters content to clipboard


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.

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.



Paste clipboard content into supporters web page


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.

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.



The friends and supporter page content




Add related links to the friends and supporters page


Scroll to the bottom of the friends and supporters web page.

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.

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.

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.

Insert a hyperlink


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.

Right click on the blinking cursor, and select Hyperlink from the popup menu to open the Insert Hyperlink dialog box.

Type the address and url for the first hyperlink


In the Text to display text box, type Childrens Alliance of Kansas.

In the Text to display text box, type Childrens Alliance of Kansas.

In the Address text box, type http://www.childally.org/.

In the Address text box, type http://www.childally.org/.

Click on the OK button to add the link to the web page.


The first hyperlink on the friends and supporters page


The hyperlink we added to the friends and supporters web page is formatted as a hyperlink.


Insert another hyperlink




Right click on the blinking cursor, and select Hyperlink from the popup menu.

Right click on the blinking cursor, and select Hyperlink from the popup menu.

Type the address and url for the second hyperlink


In the Text to display text box, type Heart of America Family Services.

In the Text to display text box, type Heart of America Family Services.

In the Address text box, type http://www.hafs.org/.

In the Address text box, type http://www.hafs.org/.



The second hyperlink on friends and supporters page




Additional links on the friends and supporters web page


Add the link for Kansas Childrens Service League at address http://www.kcsl.org/ to the list of links.

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.

Add the link for Kansas Department of Social and Rehabilitation Services at address http://www.srskansas.org/ to the list of links.

Format links as bulleted list


I think the list of links will look better if it is displayed as a bulleted list.

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.

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.

Second, click on the Bullets tool button to convert the hyperlinks to a bulleted list.

The links formatted as a bulleted list


A bullet is positioned before each link and the entire set is indented.

A bullet is positioned before each link and the entire set is indented.

Adding a bookmark to navigate to the links


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.

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.

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.

Select Bookmark from the Insert menu.

Name the bookmark


In the Bookmark dialog box, type the name for the bookmark: helpful links.

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.

Click on the OK button to add the named bookmark to the list of bookmarks for this web page.

The bookmark icon on the web page


A bookmark is not visible on the web page, but FrontPage identifies them with an icon marker.

A bookmark is not visible on the web page, but FrontPage identifies them with an icon marker.

The hyperlink to the bookmark


Insert a new line at the top of the web page's content area.

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.

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.

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.

Specifications for the hyperlink to the bookmark


First, click on Place in This document in the Link to list. This will display the bookmarks in the list of targets.

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.

Second, type Helpful links to other web sites in the Text to display text box.

Third, select the helpful links bookmark.

Third, select the helpful links bookmark.

Fourth, click on the OK button to insert the hyperlink.

Fourth, click on the OK button to insert the hyperlink.

The hyperlink to the bookmark


The hyperlink is inserted in the web page.

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.

We will test the link to the bookmark in the FrontPage Preview view. Click on the Preview tab to activate it.

The web page in the preview view


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.

The hyperlink jump to the list of links


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.

Save all of the changes


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.

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.

Open a folder in WebSpace


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.

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.

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.

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/

http://www.utexas.edu/its/webspace/documentation/

Complete the open dialog box


First, in the Open text box, type https://webspace.utexas.edu/YOUR-EID. My eid for jschwab, so that is what I type.

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.

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.

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.

Third, click on the OK button to open the folder.

https://webspace.utexas.edu/YOUR-EID

https://webspace.utexas.edu/YOUR-EID

Copy the web site files to the web folder


Second, I opened My Documents which contains the web site files in the Agency Web Site folder.

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.

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.

First, the title of the folder, as well as the address bar, indicates that my WebSpace directory is open in the window.

The files are copied to the web folder


A progress bar in a dialog box indicates that the files are being copied from My Documents to the web folder.

A progress bar in a dialog box indicates that the files are being copied from My Documents to the web folder.

The web site files in the web folder


When all of the web site files have been copied to the web folder, the folder Agency Web Site appears in the web folder.

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.

Log in to the web space directory


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.

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.

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.

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.

Fourth, click on the OK button to log into web space.

Open the graphic interface


Web space opened as a text-based directory. To display the graphic interface, click on the link Launch WFS WebUI.

Web space opened as a text-based directory. To display the graphic interface, click on the link Launch WFS WebUI.

Change sharing permissions for Agency Web Site - 1


To make our web site publicly accessible, we change the sharing permissions for the folder Agency Web Site to public.

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.

Click on the Share icon for the Agency Web Site folder.

Change sharing permissions for Agency Web Site - 2


The sharing permissions for different user's groups are displayed.

The sharing permissions for different user's groups are displayed.

Click on the Change link to change the sharing permissions.

Click on the Change link to change the sharing permissions.

Change read permission for the public


First, to make our web site accessible, we select Yes as the Read permission for the Public.

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.

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.

Third, click on the Apply Now button to complete the change.

Log out of web space


Now that we have changed the permission for the web site, we click on the Log out link to exit from WebSpace.

Now that we have changed the permission for the web site, we click on the Log out link to exit from WebSpace.

Test the link to the agency web site - 1


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.

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.

Test the link to the agency web site - 2


The browser found our web site in WebSpace on the Internet.

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.

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.

adding content to the agency web site - part 1. adding content to the agency web pages agency web...

Documents

web page content

copy home page content

title home page

phrase home page

austinthe home page

clipboardagency web

page banner textin

page banner text box