Web Page with Claris Homepage

Web Page with Claris HomePage A Few Little Tips

Getting Started - Before starting to create your web page you should spend time planning your design. Visit exemplary web sites and note the features you find valuable. Read tips on web page design and remember that functionality comes first, pizzazz second. Once you are ready to create, do the following: When first creating your organizational structure:  Create a folder on the desktop called 's Web Page - this will hold all the html's (pages) for your 'site'  Create a folder within the Web Page folder and title it Images - this will contain all the images or media used for your pages The first time you use Claris Home Page on a lab computer:  Open Claris Home Page.  From the Edit menu choose Preferences.  Click on the Images tab. Select Convert and save automatically to folder:  Click on the Browse button and find your images folder in the window. Open the Images folder then click on Select Images. Click OK. This will let Home Page know where you are saving your images and where to put copies of anything you use from the Home Page libraries. For every web page you create:  From the Edit menu choose Document Options. Within this window you can change the default colors and/or specify a background image.  Click on the Parameters tab and give your page a title. This is what will appear in the title bar when people visit your page. It should be descriptive and attractive. This is not the same thing as the file name.  Save your file. Choose a name that is brief and end it with .html. The file name should be descriptive. The file name will be part of the URL for your page. Your file name and document title does not have to be the same. When you save your main page title it index.html Formatting text on your page:  Size - use the a- and a+ buttons to decrease and increase  Alignment - you can left justify, right justify or center your text.  Create labels - you can create a numbered or bulleted list using the number/bullet buttons  Indent/outdent - move text right or left using the buttons to the left of the size buttons  Bold/italic - use the buttons to the right of the size buttons  Change text color - use the menu to the right of the bold/italic buttons. You can choose from the array of colors shown or customize by choosing 'other'  CAUTION - there are other formatting options in the style menu. Use them sparingly. Unusual fonts will not appear on some else's machine unless they have the font or you load the font on the web server. Underlining is usually reserved for links. Be careful. Adding Images: You can add images to your page one of three ways. Use the Object Editor to give alternate art labels to your images. To resize an image, click once on it to select it then click and drag the handle in the lower right comer. Hold the shift key while resizing to avoid distorting. You cannot drag an image to the exact location you'd like on the page however you can choose to Center7 Left Align or Right Align using the alignment buttons.  HomePage art - From the File menu choose Library and you will see the art available in HomePage. If you wish to use ~ click on the art you wish to use then use the menus in the library window to either insert into your document or to use as a background. You need to drag down to select the name of your page into which you're inserting the image.  Other clip art - You can add clipart which you've copied from another application or from the WWW. If you have copied a piece of clip art onto the clipboard, choose Paste from the Edit menu in Home Page. A copy of this image will automatically be stored in your images folder.  Inserting other images - You can add images from other sources such as clip art collections, scanned images, digital camera images, etc. From the Insert menu choose Image. Find the image in the window then click Insert.  Consolidating - If you use any images from the Claris Home Page libraries, you need to get a copy of those images in your Images folder. To do that you can click the Consolidate button. You should indicate that you wish to have the images stored in a separate media folder - not at the same level as the html. This step will also check the syntax of your links. Links: You can add four different types of links to your page - links to other files on the same server (Relative links), links to files on other web servers (absolute links), links to anchors (typically on your page) and mail links. [See diagram showing links.] To create a link, type the text or click on the image that you want people to click on to move.  Relative Link - (to a file on the same web server). With the link item selected, *click on the Link Editor button. Click the Browse button. Find the file you wish to link to in the window. Click Open. (You can also choose Link to File from the Insert menu.) If the file is in someone else's directory you will need to know the path to that file. To link to the district web page you would type lindex.html.  Absolute Link - (to a file on a different web server). With the link item selected, *click on the Link Editor button. Type the URL (web address) of the page you wish to link to in the window. Close the Link Editor. (You can also choose Link to URL from the Insert menu.)  To an Anchor - in the URL box type #anchorname.