You are on page 1of 15

We b P u b l i s h i n g with First Class

Web Publishing with First Class

burlesonisd.html.burlesonisd.Web Publishing You can create your own web site in your Web Publishing container. podcasts (collections of audio or video episodes). Web Publishing with First Class Page 2 of 15 . you can rename it by right clicking on the file name and selecting Properties. and folders to organize your web pages. You can see your web page at: (Ex. or default. and First Class will publish the contents of this container on the Organization of Your Web Site The tree view in the left pane of this container controls the structure of your web site.: http://fc. blogs (online diaries). Change the file name and click ok.htm/. Tree view If you have an existing Home Page or Index file that was created with First Class. home. The first non-folder object in the tree view is automatically your home page. Web site content can be regular web pages. Their order in First Class is the same as their order on your web site.htm/.htm/. index. calendars. All objects directly under Web Publishing (as opposed to inside a folder) will be displayed in a navigation pane on your home page. You can drag the objects in the tree view to change their order.html. Web publishing will not work properly with content that includes a document named home page. lists of uploaded files.html.

Podcast: A podcast is a collection of audio or video tracks or clips (episodes). Web Calendar: You can create a First Class-type calendar for your web site. then you create blog entries inside it. You add calendar items just as you do to your personal calendar. • Select one of the basic web page templates and click OK. Blog: A blog is an online diary to which you add dated entries. Welcome: A template to create a welcome page for your web site. Listing Folder: You can create a container that acts like a First Class client container in list view.Create New Web Pages To create a web page: • Click the New Web Page button on the toolbar. Blank Page: You can design and have control of the layout of your page. This is a repository for any files you upload there and want to publish as a list of files. Opening a folder on the web will reveal its contents in the navigation bar. You first create a blog to hold your blog entries. Types of Web Pages: • • • • • About Me: A template to include a bio about yourself. Web Folder: You can store web site content in folders to organize it. This content won't show on your home page's navigation bar. • • • Web Publishing with First Class Page 3 of 15 .

This lets you prevent readers from accessing these containers using the web site navigation bar. you can select "Exclude from navigation" to hide them on your web site. click the arrow portion of the Appearance button. then click the Appearance button on the toolbar. You can view your changes by selecting View in Browser. In addition to changing the template appearance for these containers. Web Publishing with First Class Page 4 of 15 . while still allowing you to give certain readers access by sending them a container's URL. Be sure to click OK when finished. click View in Browser. To see your choice.Change the Appearance of Your Web Site To change the overall appearance of your web site: • • • Select Web Publishing at the top of the tree. then choose Advanced Web Config and make the changes you want. Use the drop down arrows to change the color selections for different properties of the chosen template. To do this. Select the template you want your web site to use and click OK. Customizing a Template You can fine-tune the appearance of your chosen template.

Size. • Click Open. then OK. To change the look of the text: • Highlight the text you wish to change. Be sure to click Save and Close when finished. delete it and type to add the new information. To change an existing image: • Right click on the image • Select Format Image • Select Replace • Navigate to a saved image in your files. • Use the formatting toolbar to change the Font. Color and Alignment.Working with New Page Templates About Me Welcome To edit these templates. just highlight the existing text. Web Publishing with First Class Page 5 of 15 .

select Browse to locate an image. Changing the Background • From the Menu Bar select Format. Web Publishing with First Class Page 6 of 15 . Format Background The Format Background dialog box will open.Working with a Blank Page To begin creating your web page. Example: Top Left Example: Tile Use Color • Check the Use color box and select a color from the drop down list or select other for more colors. either Top Left or Tile. place your cursor in the content area. and then determine the image position. Use Color and Image • You can select both a color and image if you select top left as the image position. Use Image • Check the Use image box.

Making Changes Using the Toolbar The Default Toolbar Undo Plain Bold Italic Underline Increase Indent Decrease Indent Format Paragraph Format Selection Make Link Reset to Default Sample Current Style Use Sampled Style Add Signature Check Spelling To Customize the Toolbar • Select View> Toolbars> Customize Toolbars or right click on the toolbar and select Customize Toolbars. • The Customize Toolbars box will open. • To remove buttons. • Click and drag icons to the toolbar. Select Remove Button. right click on icon or button and select remove button. click Close. • When finished. Web Publishing with First Class Page 7 of 15 . Drag items to the toolbar. Right click on button to remove. • Choose a Category from the drop down menu.

• • • Or select Edit> Insert> Table. Using Tables When designing a web page. One stop shopping to change text features. Click OK when finished. using tables is helpful to align items. Use the Format Menu To change one aspect at a time.Format Text To format text. Inserting a Table • Select Table from the Insert Menu on the Edit bar. Select the number of rows and columns as well as other features from the New Table dialog box. highlight the text and do one of the following: • • Use the Edit Bar to change font style. Web Publishing with First Class Page 8 of 15 . color and alignment by using the drop down menus. size.

To make changes. click inside the table first. Click OK when finished. Click on the drop down menu next to Table in the edit bar to insert. uncheck the boxes as necessary. you can make changes to it in several ways. Format Cells • To change the layout. • • • Or select Format Table in the drop down menu or go to Format> Format Table from the menu bar. uncheck the boxes as necessary.Format a Table • • • Once a table has been inserted. borders and background color of a cell. merge. Web Publishing with First Class Page 9 of 15 . make your changes here. Both will open the Format Table dialog box. To remove borders. click in the individual cell or highlight all cells and select Format Cells from the Format drop down menu. Click OK when finished. • • The Format Cells dialog box will open. changes such as alignment. To remove borders. split and delete columns and rows. cell layout and borders can be made. In the Format Table dialog box.

select the file and click Open. Web Publishing with First Class Page 10 of 15 . Alignment: Select the image and use the drop down menu labeled Inline Center to change the alignment. click to determine the placement of the line. From the Edit bar. from the edit bar. • • • Browse to find the image file. select the image and use the drop down menu on the edit bar labeled Original Size. select Image/File. This will allow you to resize the image smaller or larger.Insert an Image • • • There are two ways to insert an image (photo or clipart). To re-size an image. Or. Insert a Horizontal Line • • • To add a horizontal line. click the drop down menu next to Insert and select Horizontal Line. select Edit> Insert> Insert File. To make changes to the line. Color: Choose the color of your choice. select the line and use the edit bar. select the drop down menu next to Insert . From the menu bar. • Right click on an image and select Format Image to make the same changes noted above. • • • Thickness: select the appropriate thickness Width: this will determine how long the line will be horizontally across the page.

Format Link • • Type or paste the website address into the Target URL box. • Window: Select if you would like the link to open in a new window. It will appear as a link when in you view the page in a browser. or a named window. Link Options • Link title: This text will appear as you hover over the link. This will open the dialog box. Follow the steps above to format the link. Hyperlinking Text • • Type the text you wish to become the hyperlink. same window. Web Publishing with First Class Page 11 of 15 .Insert a Link to a Web Site If you are going to insert a link to a web site and would like the URL to be visible. Select the image and click the Make Link button. Select OK when finished. • Hyperlinking an Image • • • Insert an Image. just copy and paste the URL right onto your page. Use the Test button in the Format Link dialog box to make sure the link works before clicking OK. Highlight the text and click the Make Link button on the Edit bar.

• Type the text you would like to use as the link. Changing the Appearance of your Listing Folder • The Listing Folder can have the same or different appearance as your other pages.pdf See the next page for directions on how to copy a file name. When you select it. • Locate the file and click Open. type the Target URL for the location of the file. • Select Listing Folder. highlight text and click the Make Link icon on the toolbar. First type the listing folder name. then OK. • Highlight the text. Forms. select Properties and give it a new name (Documents. Files. Creating a Link to a Document from a Web Page • Open the page where the link will be created. • Right click on the new folder. If you want to change other properties. right click the highlighted text and select Make Link. it will open a new page that will list all of the files you have uploaded into your listing folder. select the file. Follow the directions to change the appearance and customize the appearance on page 4 of this document. then the file name. and select New Web Page.0.Creating Links to Documents in First Class Create a Linking Folder • Select Web Publishing in the tree view. Folder Name of file Web Publishing with First Class Page 12 of 15 . • You can change a file's name just as you would the list folder's name. • Select the Upload button from the toolbar. • • In the Format Link dialog box. etc). Please note that a link will be created in the navigation bar for your new Listing Folder. then open its properties. Example: resources/TimeLiner5. Or. Adding Files to the Listing Folder • Double click on the Listing folder in tree view.

Click Cancel. right click and select Make Link. Select Properties The Uploaded File Info window opens. • Right click the selected text.Copy a File Name From the Listing Folder • • • • • • • • Right click on the file name. Edit an existing Link Edit a Link • Highlight the text/link. you can click TEST to check that your link is working! Web Publishing with First Class Page 13 of 15 . Highlight the text or image. • Make necessary changes and click OK. and finally right click and select paste or press Ctrl V. Open the page to include the link the document. **In the Format Link dialog box. • Select Format Link. In the Target URL box. type the name of the folder then a forward slash. Right click on the highlighted file name and select Copy or press Ctrl C.

Adding Events to a Web Calendar To add a new event to a web calendar: • Select the New button on the toolbar or • Double click on the day on the calendar. • Change the appearance. then press Enter/Return. follow the directions on page 4 of this document. if desired. • Choose Rename from the right click menu to make the name editable. Type the new name.Creating a Web Calendar You can create a First Class-type calendar for your web site. • Select Web Calendar. if desired. The version on your web site is read only. Complete the Event dialog box and click Save and Close. • Change the default calendar name. Open the calendar. • A new Web Calendar will appear in tree view. Web Publishing with First Class Page 14 of 15 . then select the template you want your calendar to use. Your web calendar will take on the properties of your personal calendar including the view and color scheme. • Click New Web Page. You add calendar items just as you do to your personal calendar. You can view your choice by clicking View in Browser. You must add calendar items using the calendar in Web Publishing. • Click Appearance. The event will appear on the web calendar. To add a calendar to your web site: • Open Web Publishing. • Click View in Browser to see the default appearance of your calendar. To customize.

Approved Not Approved Reordering Pages The way pages are listed in the tree view is the same order they will appear in the navigation bar on your web site. Tree View Navigation Bar Web Publishing with First Class Page 15 of 15 . To Hide a Page • Right click on the page name in tree view. If you would like to reorder the pages just click and drag the page to the new location in the tree. • Select Approve. To Un-hide a Page • Right click on the page name in tree view and select Approve.Hiding and Un-hiding Pages If you are working on a web page and don't want it visible on your web site until you are finished. • The name will not be italicized and will appear in the navigation bar. • The title will become italicized and will not appear in the navigation bar. you can hide it from visitors to your web site.