Site Center User Manual
Contents
1. 1 Select the desired element and click the Style drop down menu which will display all styles defined in the style sheet Select the desired style from the menu Note this function will not work if there is no style sheet applied to the page Page Header 12 Insert Table A table can be a collection of text or images arranged in rows and columns You can add images or text to a table shade it use headings etc Each row amp column interval is called a cell You can choose to use to use a table with the cells visible on the website or invisible and only evident to you whilst editing for the sake of aiding the organization of its contents For example a company may insert a table with 3 columns and x rows to display their products The first column may contain images of the products the next column on the same row may contain the product description and the last column on the same row may contain the product price In the editor the following attributes have the following properties Row allows you to specify how many rows are required in your table Column allows you to specify how many columns are required in your table Width allows you to specify what percentage of the page section the width of the table will span Bgcolor allows you to specify the background color of the table Cell spacing allows you to specify the size of the spacing between each cells Cell padding allows you to specify the size o2. Enter a new folder name below When creating a file or folder you may have chosen a name that you then decide is not appropriate or needs to be changed to reflect its contents or context better The rename function will allow you to easily change the name of the file or folder as you require To rename 23 Select the desired flash movie or folder and click on the Rename ablicon 2 Enter a valid name and click OK to rename or click Cancel to be taken back to the Flash Manager Valid file names consist of Alphanumeric characters a z A Z 0 9 The underscore _ or a dash MUST have a single dot and be followed by an extension Deleting Flash File and Folders ale P Are you sure you want to delete the selected file folder mymovie swf aiil Cancel You may no longer have a need for a certain file or folder You can choose to keep it or if you are sure it doesn t need to be used again you can PERMANENTLY delete it Only use the delete function if you are sure you do not need the file folder and its contents To delete 1 Select the desired flash file or folder and click on the Delete icon You will be prompted for confirmation of the deletion 2 If you are sure you wish to delete the selected file folder click OK Clicking on Cancel will take you back to the Flash Manager 24 WORKING WITH MEDIA FILES Media Manager
3. Images Flash Media Upload File External Media File hp m Upload more images G abl Q how_to_1 avi how_to_2 avi how_to_3 avi Width j Height E AutoStart how_to_6 avi how_to_7 avi ShowControls how_to_8 avi ShowStatusBar The Media Manager is similar to the File Manager the difference being it is an area where you can see your multimedia files and folders In the media manager you will see e The name and optionally a preview of the media file for quick reference e When you put your mouse over certain text or icons a comment will appear which tells you what clicking on the link will do Links are view insert rename and delete Note that media files are not editable in this editor The media manager allows you to organize your media files into relevant groups of folders This software application has a very simple to use yet powerful media manager that makes it easy to organize your media files and folders For media files you can Insert Upload 25 View Rename Delete All folders are represented with the folder icon and all media files have a small preview The Current Working Directory located directly above the Media Files will at all times reflect your current location in the file system relative to your document root Uploading a Media File Images Flash Media Upload File You may want
4. 1 index html L services html e Click the Copy File button on the toolbar Files Copy File A amp abl it 4 Sa fa C media CJ new_folder C3 backup aboutus html contactus html L index html L services html e The copy tab will appear By default the name for the new file will be the name of the file you selected prefixed with copy_of_ You can change this to anything you like Enter the new filename and click the OK button 34 Files Copy Fie m Copy File Enter the filename that you would like to copy the selected file to and then dick OK to copy the file Current Filename contactus html New Filename You will be notified when the file has been copied The page at http beta says If the filename you entered already exists you won t be able to copy the file Instead you will see an error message like this The page at http beta says 35 DELETING A FILE It s easy to delete a file or folder in the site builder but be careful once you delete a file or folder it can never be retrieved so use the delete button with caution Here s how to delete a file or folder e Using your mouse click on the name of the file or folder that you want to delete in the left frame Files D Gy a Ga Lk 4 Sy scnx2 CJ media new folde CJ _backup LA aboutus html L contact
5. Site Center User Manual Table of Contents INTRODUCTION west ua 3 GETTING STARTED i EEEE aa Ae eaea 4 FEATURES WITHIN THE EDITOR vss dvtecuvevs sive saevecteventy 6 WORKING WITH IMAGES 16 WORKING WITH FLASH MOVIES raaraa ear a AA TAEAE AA aip AA TAEA PEA AAE MA ONPE STETA r ARESE FEIS EEEa aaie 21 Aaa aaar Ea 25 ADDING A PAGE YOUR WEB SITE AENEA 29 A NEW FOLDER 6 scieietsetcctesdtintscazdetuenscecuviesdecueceste sii cadesiih sedverabeedsetca radir rad dedet daenda satiat 31 RENAMING A FILE OR FOLDER 32 COPYING A FILE siicicccccscccttesecactensectcves sucnetes i 34 DELETING A FILE E E ceveqvenddunevbelcestvuscevuancdudvasteustvvadsadteustenstenee 36 UPDATING SITE OPTIONS sciscascssicaeseusasdecanstesecas cae 37 UPLOADING A FILE 0 A ATA A A E E A EE T AEE N ed 39 GLOSSARY vrese eresi sa Esera renaras Ehan SAAANA SEANA EEEE EEKE MANENE K EAE SAAR EARE ANRE RENESA RENESA NEE ERORE 41 INTRODUCTION This guide doesn t require any technical knowledge and is designed for users who are beginne
6. Using your mouse click on the name of the file in the left frame Files D abl 53 R scnx2 C media CJ new_folder CJ _backup L aboutus html contactme html 1 index html L services html e Click the Rename Selected File Folder button on the toolbar Files n scnx2 Ga am Rename Selectec 1 new_folder C backup Ee 1 aboutus html bod _ contactme html PN A index html baa services html e The rename tab will appear Type in the new name for the file you have selected and click OK 32 Files Rename p Rename Enter the new name for this file folder below Click OK to rename Current Folder iscnx2 New Filename contact _us htmi When the file has been renamed you will be notified like so The page at http beta says If the filename you enter is already taken you will be shown an error message like so The page at http beta says A A file with the name services html already exists Please choose a different name 33 COPYING A FILE If you have uploaded a file or created a page in the site builder you can quickly and easily make a copy of that file or web page Here s how e Using your mouse click on the name of the file in the left frame Files O 53 scnx2 C media CJ new_folder backup L aboutus html LJ contactme himl
7. When creating a file or folder you may have chosen a name that you then decide is not appropriate or needs to be changed to reflect its contents or context better The rename function will allow you to easily change the name of the file or folder as you require To rename Select the desired media file or folder and click on the Rename abl icon Enter a valid name and click OK to rename or click Cancel to be taken back to the Media Manager Valid file names consist of 27 Alphanumeric characters a z 0 9 The underscore _ or a dash MUST have a single dot and be followed by an extension Deleting A Media File or Folder Windows Internet Explorer Are you sure you want to delete the selected file folder company_presentation avi Cancel You may no longer have a need for a certain file or folder You can choose to keep it or if you are sure it doesn t need to be used again you can PERMANENTLY delete it Only use the delete function if you are sure you do not need the file folder and its contents To delete Select the desired media file or folder and click on the Delete icon You will be prompted for confirmation of the deletion If you are sure you wish to delete the selected file folder click OK Clicking on Cancel will take you back to the Media Manager 28 ADDING A PAGE TO YOUR WEB SITE Depending on the options your administrator has placed setup for your
8. ctrl y Each consecutive click will repeat the last change to the document Bold Bolding text makes it stand out from normal body text It increases the thickness of the lettering For example edit is not bold and edit is bold You can bold text that you want to stand out such as headings and keywords To bold text BZ Bold Ctrl B 1 Select the desired portion of text amp click the Bold icon keyboard shortcut ctrl b Each consecutive click will toggle this function on and off To find out whether existing text is bold highlight the text with the cursor If the bold button is indented then the text has been formatted to bold Italic Making text italic makes the letters of the selected text slant to the right E g dfis italic edit is not To convert text to italic z 8 am 1 Select the desired portion of text and click the Ttalic icon keyboard shortcut ctrl i Ttalic Each consecutive click will toggle this function on and off To find out whether existing text is italic highlight the text with the cursor If the italic button is indented then the text has been formatted to italic Insert Number List This command is useful when you have rows of print in sections and you need to number and list them Text being typed is inserted into a bulleted list In the following example the document comes in two formats filename doc file
9. if a cell has not been selected Decrease Column Span After the table is created you can decrease the span of a specific column s with this command To decrease column span 1 Click inside cell who s span is to be decreased 2 Click the Table menu and ten click the Decrease Column Span option Each consecutive click will further decrease the column span of the selected cell Note this function will not work if a cell has not been selected 15 WORKING WITH IMAGES Images on the web Images are used to add photos and animations such as your company s logo and product pictures to your web pages There are two main types of image files you will use gif and jpeg jpg GIF is an acronym is for Graphics Interchange Format created so that images could be exchanged regardless of which operating system you were on The file format is known for its compression and the fact that it can store and display multiple images for animation The major drawback to GIF is that images that images are displayed with less colors than JPEG files which doesn t make GIF s the best choice for photographic images You would choose the GIF format for e Images with a transparent background e Animated graphics e Less complex images containing 256 colors or less JPEG 3JPG is an acronym for developed by theJoint Photographic Experts Group This file format is the Internet standard for presenting photo realistic images It has the cap
10. magnetic material and covered by a protective jacket used primarily by computers to store data magnetically Also called a diskette Disk Drive A device that reads data stored on a magnetic or optical disk and writes data onto the disk for storage Download To retrieve data such as files from a remote location Driver Is a software routine that is able to tell windows how to communicate with specific hardware E mail Short for electronic mail is mail transferred between recipients over modems network connections and the internet Explorer The name given to the Windows utility program that enables the user to view and manage disk drives and folders Field Is an area on the screen where a user can enter information this is also called a text box File A collection of related information stored on a drive Filename The name that is given to a file Filename extension The suffix after the filename that indicates the type of the file Floppy disk See disk Floppy disk drive A device that reads data stored on a magnetic disk and writes data onto the disk for storage Folder A collection of related files and folders Format The layout design arrangement of a document page or a file FTP An acronym for File Transfer Protocol FTP Graphical User An interface for issuing commands to a computer utilizing a pointing device such as a Interface GUD mouse that manipulates and sets
11. the site options tab From here you can change the name of your web site which is displayed on all pages You can also re order the way pages appear on the navigation menu of your web site Finally you can change the template layout for your web site too Changing your web site name To change the name of your web site simply type a new name in the Web Site Name text box and click the OK button e Changing page order To change the order in which pages will appear on your navigation menu simply choose a page and click the Up Down arrow next to the Page Order box Click Up to move the page to the left and Down to move the page to the right Click OK when you re done e Changing the layout template To change the layout that your web site is using start by choosing a category from the Layout Category drop down list When you choose a category the list of template images shown below the list will change Click on an image to use that layout for your web site You can also preview a layout by clicking the Preview button Click OK to confirm all changes The site builder will update your web site layout and menu automatically and will notify you when it s done 37 The page at http beta says The files for this template will now be uploaded to your web site Please note that this may take a few minutes and you should not dose your web browser or navigate away from this page Click OK to continue The page at http beta
12. to remove an existing link Insert Modify Image This command allows you to browse the images you have available and insert them into a particular section of the page you are editing This means that you can display any of the images available to you on your web page This will open the Image Manager See the section titled Image Manager for more information Font This menu allows you to choose the style of font for the text that you specify To change the font type of text 1 Select the desired portion of text and click the Font drop down menu 2 Select the desired font choose from Default Times New Roman Arial Verdana Tahoma Courier New Georgia Arial Verdana Tahoma To find the type of font of existing text highlight the specific text and look at the font menu The font hata menu will change to indicate the type of font used elvetica Courier Nevy Georgia Font Size This menu allows you to choose the size of font for the text that you specify To change the size of text Toon NEEE Wo y 1 Select the desired portion of text and click the Size drop down menu 2 Select the desired size text size 1 7 To find the font size of existing text highlight the specific text and look at the font size menu The font size menu will change to indicate the size of the font used 11 Font Color This menu allows you to choose the color of font for the text that yo
13. to upload a media file to keep it handy in the media manager for inserting into your web pages You can upload a media file for later use or to insert into your pages as many times as needed To upload a media file 1 Click the Browse button to open a Choose File box that allows you to select a local media file to upload 2 Once the file has been selected click Go to begin uploading the file Upon successful upload of the media file you will be taken back to the Media Manager 26 Once your media file has been successfully uploaded you will receive the following message Windows Internet Explorer how_to_9 avi has been uploaded successfully Viewing a Media File You may need to view a media file to see what it will look like when displayed on your website To view a media file 1 Select the desired movie and click on it in the list of media files The movie will be shown in the preview area on the right side of the media manager Close the window to return to the site builder editor Inserting a Media File Once you have uploaded a media file you can insert it where you need to Just select the area on your page you want the movie and browse the movies to select the movie you need To insert a movie Click the Insert Media button in the flash browser at the bottom of the screen Renaming Media Files and Folders KN Enter a new folder name below icompany_presentation avi
14. Undo A feature enabling the user to reverse a recent activity within a program Uniform Resource Location of a specific Web page Locator URL Unix A trademark name used for a computer disk operating system Wallpaper The graphical background on the desktop Web An internet system made up of graphical screen pages that display graphics text and other controls also called WWW the World Wide Web Windows A trademark name used for a computer disk operating system Word processor A software application that allows the user to run and create documents WYSIWYG Is the acronym for What You See on the screen Is What You Get on paper Zip A type of high capacity removable disk drive 42
15. a Upload File You may want to upload a flash file to keep it handy in the flash manager for inserting into your web pages You can upload a flash movie for later use or to insert into your pages as many times as needed To upload a flash movie 1 Click the Browse button to open a Choose File box that allows you to select a local flash movie to upload 2 Once the file has been selected click Go to begin uploading the file Upon successful upload of the flash movie you will be taken back to the Flash Manager 22 Once your flash movie has been successfully uploaded you will receive the following message Windows Internet Explorer mymovie swf has been uploaded successfully Viewing a Flash Movie You may need to view a flash movie to see what it will look like when displayed on your website To view a flash movie 1 Select the desired flash movie and click on it in the list of flash movies The flash movie will be shown in the preview area on the right side of the flash manager Close the window to return to the site builder editor Inserting a Flash Movie Once you have uploaded a flash movie you can insert it where you need to Just select the area on your page you want the flash movie and browse the flash movies to select the flash movie you need To insert a flash movie Click the Insert Flash button in the flash browser at the bottom of the screen Renaming Flash Movies and Folders
16. ability to compress large images down to very small file sizes while retaining the overall photographic quality of the image You would choose the JPG format for e Photographs e More complex images e When you can get better quality AND a smaller file size using a method called compression Like HTML files image files also have a filename extension For example smile jpg is a JPEG a compressed digital image file format named smile laugh gif is a GIF a graphics file format named laugh 16 Image Manager Images Flash Media Upload File External Image hitp Upload more images abl By ay A g 300px Wall_clock jpg button_align_justify gif a button_align_right gif Cover PNG Alt text Border 0 crossbrowser gif htmlbar gif 1 Width 300 Height 310 Horiz Vert al nopo amp ny jpg Space Space al nopony jpg Align Baseline Style ual Title Reset Properties screenshot gif al The Image Manager is similar to the File Manager the difference being it is an area where you can see your image files and image folders In the image manager you will see e The name and optionally a preview shot of the image for quick reference e The size of your images e When you put your mouse ove
17. account you can create anywhere from a few to an unlimited number of pages for your web site To add a new page to your site follow the steps below Clic k the button on the toolbar in the left frame This will take you to the New Page wizard There are 2 required and 3 optional fields to complete They are explained below 1 Page Name Enter a name for the page such as Home Page or About Us This will be displayed in the web browser s title bar and menu navigation when viewing the page 2 File Name Enter a file name for this page Generally all files names should end in html Your home page should be called index html It s a good idea to make your file name similar to your page name such as about html for your About page 3 Parent Page Optionally choose a page under which this page will appear on your web site s navigation menu If you choose a parent page your menu will automatically be converted into a drop down menu 4 Page Keywords Also known as META keywords these are used to help search engines index your page Enter the keywords separated with commas such as our products our music our books When you have filled out the form click the Next gt gt button and the page will be built and uploaded to your web site for you A link to the page will also be added to the navigation menu of your web site automatically You will now be able to edit the file in the rig
18. and reference them easily or if you want your website to contain links to other pages in other sites A URL is used to reference a section of another web page a section of another website or an anchor To create a hyperlink 1 Select text image to create the link on 2 Click the Insert Link icon The file manager will appear You can also type the full URL of the page you want to link to in the URL text box You can also enter the target window information optional and an anchor name if linking to an anchor optional This is if you want to reference a different section of the same file You can specify the file extension you need insert ink Insert The left section contains a cut down version of the File Manager You can use this to navigate through your site s files and folders When you have found the file you want to link to click the Get Link Location link next to that page The information will be automatically updated in the Link Information portion of the page 3 When finished click the Insert Link button to insert the HyperLink you just created or click Remove Link to remove an existing link 4 Clicking Cancel will close the window and take you back to the editor 10 5 To modify an existing hyperlink select the link and dick on the Insert Link icon The HyperLink window will appear 6 Make your changes and select the Insert Link button 7 Select remove link
19. bottom of the screen When you login successfully you will be able to build and or maintain your web site Logging out Logging out means that you will exit the web site editor and have to log back in to access your files The files will be updated to the last point where you chose the save option To Logout 1 Click the Logout button from the left frame in the web site editor QUICK TIP It is always good practice to log out after you have completed and saved your work FEATURES WITHIN EDITOR The Editor Toolbar The tool for editing your web pages is the editor The editor has a toolbar this is a row of icons on along the top of the editor page and each activates different commands or functions when clicked Some have drop down lists which allows you to view all the functions associated with the icon When moving your mouse over each icon you will notice that text will appear which indicates the function and title of the icon To get information on the functionality of this icon look up the name that appears on the icon in the following section on editor commands g 2 7 k Verdana Size1 7 Styles X A bY T 2 insert Module Editor Commands This section will list all the icons listed in the editor toolbar You will find the command title in bold a description of the command in italic below the title followed by the icon that appears in the
20. ect its contents or context better The rename function will allow you to easily change the name of the file or folder as you require To rename 1 Select the desired image or folder and click on the Rename abl icon 2 Enter a valid name and click OK to rename or click Cancel to be taken back to the Image Manager Valid image names c onsist of Alphanumeric characters a z A Z 0 9 The underscore _ or a dash MUST have a single dot and be followed by an extension Deleting an Image file or Folder Windows Internet Explorer 2 Are you sure you want to delete the selected file ffolder screenshot gif i Cancel You may no longer have a need for a certain file or folder You can choose to keep it or if you are sure it doesn t need to be used again you can PERMANENTLY delete it Only use the delete function if you are sure you do not need the file folder and its contents To delete 1 Select the desired image or folder and click on the Delete icon You will be prompted for confirmation of the deletion 2 If you are sure you wish to delete the selected image folder click OK Clicking on Cancel will take you back to the Image Manager 20 WORKING WITH FLASH MOVIES Flash Manager Images Flash Media Upload File External Flash File htp E Upload more images A abl fonts 5 J f
21. elow which to insert a row 2 Click the Table menu and ten click the Insert Row Below option Insert Row Above Insert Row Below h Each consecutive click will insert another row below the selected cell Note Delete Row Pelete Falma this function will not work if a cell has not been selected Delete Row You may find that after creating a table you need to delete row from a table that is no longer needed To delete a row 1 Click inside cell which is in the row to be deleted 2 Click the Table menu and ten click the Delete Row option Insert Row Above Insert Row Below Note this function will not work if a cell has not been selected Delete Column me 14 Insert Column to the right You may find that after creating a table you need to add an additional column Instead of creating another table from scratch you can add a column where you need Modify Table Properties Modify Cell Properties Insert Column to the Right Insert Column to the Left Insert Column to the left To insert column after 1 Click inside cell after which to insert a column 2 Click the Table menu and ten click the Insert Column After option Each consecutive click will insert another column after the selected cell Note this function will not work if a cell has not been selected You may find that after creating a table you need to add an additional column Instead of creating another
22. f the space that will be left clear between the wall of the cell and the contents of the cell Border allows you to specify the width of the border To insert a table 1 Select the desired location and click the Insert Table drop down icon ctrl t A new window will pop up with the following fields Rows number of rows in table Columns number of columns in table Width width of table BgColor background color of table Cell Padding padding around cells Cell Spacing spacing between cells and Border border around cells 2 in table details then click the Insert Table button to insert table or click Cancel to go back to the editor To access any of the following table features either click on the table drop down menu or click the right mouse button ensuring that the mouse cursor is within the table Modify Table Properties This command allows you to change the properties that were specified when the table was first created To modify table properties Cl 46 Lal B 1 Select a table or click anywhere inside the table to modify then click the Modify Table Insert Table Properties option from the tables menu A pop up window will appear with the table s properties Modify Table Properties 88 s Modify Table Propertie a Ins fa Insert Column to the Lef Note this function will not work if a table has not been selected Ho Tneert Dew 13 Mod
23. ger 18 Once your image has been successfully uploaded you will receive the following message Windows Internet Explorer Blue hills jog has been uploaded successfully Viewing an Image You may need to view an image to see what it will look like when displayed on your website Viewing an image doesn t change it To view an image 1 Select the desired image and click on it in the list of images The image will be shown in the preview area on the right side of the image manager Click the image in the preview area to see it in full size Close the window to return to the site builder editor Inserting an Image Once you have uploaded an image you can insert it where you need to Just select the area on your page you want the image and select browse the images to select the image you need To insert an image Click the Insert Image button in the image browser at the bottom of the screen Set background Image There may be a certain image you have uploaded that you want to set as the background image of your web page To set an image as a background image Click the Background icon in the image browser next to the image to be set The image will be set as the current page background image 19 Renaming an Image or a Folder Enter a new folder name below When creating a file or folder you may have chosen a name that you then decide is not appropriate or needs to be changed to refl
24. ht frame Areas that are surrounded by a blue border can be edited 29 To save this page when you re finished editing click on the Save button in the left frame A 2 Size1 Styles 3 T Bi insert Module Once you ve finished adding content to your page click the Save button in the left frame to update the page You will see the following confirmation message when your page has been saved The page at http beta says The file aboutus html has been saved successfully Congratulations you ve just added a new page to your web site 30 CREATING A NEW FOLDER When you create or upload a file folders are a great way to keep them organized Creating a new folder in the site builder is easy Here s how Using your mouse click on the New Folder icon on the toolbar in the left frame Files 5 Anew Folder i J _backup Pe biter e The New Folder tab will appear To create the folder simply type the new folder name into the text box and then click the OK button You will be notified when the folder has been created The page at http beta says 4 The folder new_folder has been created successfully 31 RENAMING A FILE OR FOLDER Sometimes you might want to change the name of a file that you ve uploaded or created using the site builder To do this you can rename the file Here s how
25. ify Cell Properties This command allows you to modify the properties the cell of the table selected Insert Table To modify cell properties Modify Table Properties eT f 3 Acted 1 Click inside the cell to modify then click the Modify Cell Properties icon A pop up window will appear with the cells properties Modify Cell Properties Insert Column to the Right 2 Click the Modify Cell Properties button to save your changes or click Cancel to go back to the editor Insert Calirn ta the eft Note this function will not work if a cell has not been selected and does not work across multiple cells Insert Row Above You may find that after creating a table you need to add an additional row Instead of creating another table from scratch you can add a row where you need Insert Column to the Right To insert row above Insert Column to the Left 1 Click inside cell above which to insert a row Insert Row Above 2 Click the Table menu and ten click the Insert Row Above option Insert Row Below Each consecutive click will insert another row above the selected cell Note Malaka Doms this function will not work if a cell has not been selected Insert Row Below You may find that after creating a table you need to add an additional row Instead of creating another table from scratch you can add a row where you need Insert Lolumn to the Lett To insert row below 1 Click inside cell b
26. in motion graphical images on a monitor Hardware The physical components that make up your PC Header The part of an email message or news article that precedes the body of a message It can contain among other things the sender s name and e mail address and the date and time the message was sent Home page The first web page to appear when you connect to an internet website HTML An acronym for Hypertext Markup Language The language behind internet web pages Pictures usually small that represent data program windows file types and Icons 41 Installation The procedure that needed to put software onto a PC server Internet A world wide system network of interconnected computers Internet explorer A Web browser made by Microsoft provided free of charge from the internet and with the most major Microsoft packages Keyboard A frequently used input device with alpha numeric and special characters that you type to get data into your PC License A right to run a software application Linux An operating system a trademark for an open source version of the UNIX operating system Media Paper disks tapes and other items on which data can appear Memory Storage Multimedia Relating to an application that can combine text graphics full motion video and sound into an integrated package Netscape Navigator A internet web browser Network 2 or more computers that are joined together fo
27. lorer or FireFox to visit and see your site anyone can see it You just need this browser to edit it Logging in To start creating your website you need to log into your account The main reason you need to login is so that only you can access your files Generally each user is given their own username and password Your username may be or contain your name or any other sequence of characters A username is required so that the program knows who you are if there are multiple users and is able to let each user access their corresponding files Other users may know your username but you should keep your password confidential so as to not enable anyone else to access your files Your username and password will be assigned to you by your administrator You need to type in the URL of where the site builder is installed You will then be prompted to enter in your username and password Username Password Forgot your pass Login Now 5 Login simply 1 Enter your username and password and 2 Click the Login Now button If you are having problems logging in Check that your CAPS LOCK key is NOT on as the login and password are case sensitive e g entering John is different to entering john and Ensure you are entering the correct username and password If you are still getting the following error message you can reset your password by clicking on the Forgot your password link at the
28. name pdf doc and pdf can be highlighted and a numbered list inserted to create where a number prefixes each listed item the document comes in two formats 1 filename doc 2 filename pdf S hee To start a numbered text list gt 2 1 Click the Insert Numbered List icon If text has already been selected the selection Insert Number List will be converted to a numbered list Each consecutive click will toggle this function on and off Insert Bullet List As in the previous command the highlighted consecutive items are sorted into a list Text being typed is inserted into a bulleted list In the previous example they were sorted with numbers in this command they are numbered with bullets which are defining dots that prefix each listed item From the previous example inserting a bulleted list would produce the document comes in two formats e filename doc e filename pdf To start a bullet text list ay 1 Click the Insert Bullet List icon If text has already been selected the selection will be Insert Bullet List converted to a bullet list Each consecutive click will toggle this function on and off Outdent This command enables you to remove an indent or tab of text To decrease indent of a paragraph A lt 1 Highlight the portion of text needing indenting 2 Click the Format menu and then click the outdent option Each consec
29. ortion and choose copy If you want to copy multiple items that can t be highlighted together with the cursor then hold down the control key and highlight the areas you need copying with the mouse cursor Paste This command allows you to paste the last copied item or items to the position of your cursor ria To paste a portion that has already been cut or copied E 1 Click where you want to place the desired portion on the page and 5 Paste Ctrl V 2 Click the Paste menu and choose one of three options Paste will perform a normal 5 Paste as Plain 7 paste Paste as Plain Text will strip formatting from HTML and Paste from MS Word will preserve all formatting made to the content by Microsoft Word keyboard W Paste from MS shortcut ctrl v or 3 Click the right mouse button on the desired portion and choose paste Undo This command allows you to undo the last operation you performed unless it s a save This is useful if you have performed an incorrect operation or one that you don t want to save To undo the last change 1 Click the Undo button on the toolbar keyboard shortcut ctrl z Each consecutive click will undo the previous change to the document Redo This command allows you to undo your last undo hence redo it It is essentially the opposite of an undo To redo the last change 1 Click the Redo button on the toolbar keyboard shortcut
30. orum g Curent ate management oysters shew for your Ming y good devedit lt a J hman HTML Loop True m Align images Flash 0 Flash img Width Height i Horiz Vert mpor Spacing Spacing cy includes Reset Properties installer Install Guides PAL Intarnat Evniarne Mi lt Insert Flash The Flash Manager is similar to the File Manager the difference being it is an area where you can see your flash movies and flash folders In the flash manager you will see e The name and optionally a preview of the flash movie for quick reference e When you put your mouse over certain text or icons a comment will appear which tells you what clicking on the link will do Links are view insert rename and delete Note that flash movies are not editable in this editor The flash manager allows you to organize your flash movies into relevant groups of folders This software application has a very simple to use yet powerful flash manager that makes it easy to organize your flash movies and folders For Flash movies you can Insert Upload 21 View Rename Delete All folders are represented with the folder 3 icon and all flash files have a small preview The Current Working Directory located directly above the Flash Files will at all times reflect your current location in the file system relative to your document root Uploading a Flash Movie Images Flash Medi
31. r certain text or icons a comment will appear which tells you what clicking on the link will do Links are view insert backgd rename copy and delete Note that image files are not editable in this editor The image manager allows you to organize your image files into relevant groups of folders This software application has a very simple to use yet powerful Image Manager that makes it easy to organize your image files and folders For Images you can Insert Set as background Upload View Copy Rename 17 Delete All folders are represented with the folder icon and files all image files have a small preview The Current Working Directory located directly above the Images will at all times reflect your current location in the file system relative to your document root Uploading an Image Images Flash Media Upload File You may want to upload an image to keep it handy in the image manager for inserting into your web pages You can upload an image for later use or to insert into your pages as many times as needed Your uploaded images can be viewed as thumbnails smaller versions of the actual image for easy browsing To upload an image 1 Click the Browse button to open a Choose File box that allows you to select a local image to upload 2 Once the file has been selected click Go to begin uploading the file Upon successful upload of the image you will be taken back to the Image Mana
32. r file or peripheral sharing Online The status of being connected to an online service or to the internet Operating The environment where the operating system works with its users environment Path pathname A specific location of a file Peripheral device A device such as a floppy disk drive printer or monitor that gets data to and from a PC s CPU Program Is a set of instructions stored in a file with a filename that tells a computer what to do Programmer A person who write computer programs Programming A computer language used by a programmer to write a program language Root The top level folder Software Consists of programs data and applications Subfolder A folder that resides in another folder System A set of related parts working together to accomplish a specific goal The personal computer is a set of components that make up a system System program A program that is able to manage other programs eg able to manage operating systems Taskbar A row of buttons or graphical controls on a screen that represent open programs among which the user can switch back and forth by clicking on the appropriate one Thumbnail sketches A small preview of eg Of a picture or a printed page Toggle any instruction that works first one way and then the other it turns something on the first time it is used and then turns it off the next time
33. rs to the Internet and the area of Content Management This guide outlines the online website editor It begins with explanations for how to use this guide to a complete list of the programs features This online editor is all you need to create a website modify it as frequently as you require and to manage all the files pictures and information that will be displayed on your website With this software you no longer need someone else to create or manage your website you specify and personalize the style content and updates of your own site You may want to create a website for displaying or sharing information or for your business needs Either way you will need your website to look interesting and professional without the hard work of having to learn technical skills and programming Using the editor and this guide you can create a professional looking website in a short period of time You can then update information and modify your site directly from just about any computer that has Internet access so you can make changes from a PC or laptop anytime and anywhere GETTING STARTED Requirements and settings To create edit or maintain your website using the online editor you must be on a PC or Macintosh compuer If you re on a PC you will need to use Internet Explorer or FireFox as your web browser If you re on a Macintosh you will need to be using FireFox Safari is not supported NB You don t need Internet Exp
34. says Your site options have been updated successfully You will now be logged out to refresh the changes made to your site 38 UPLOADING A FILE It s easy to upload your own files using the site builder s file upload tab Here s how e Click the Upload File button on the toolbar in the left frame Files D a sb QR be Sy scnx2 uf media of backup 1 aboutus html contactus html 1 copy_of_contactus html 1 index html services html e The upload tab appears Click the Browse button to choose a file from your hard drive to upload Make sure you pay attention to the size of the file you are uploading The site builder will tell you the maximum size of the file you can upload Files Upload Select a file to upload Click Browse to locate the file you would like to upload and then click to upload your file This may take a minute or two depending on the size of the file and your internet connection Any file you upload cannot be more than 8MB in size File will be uploaded to this folder j Select a file to upload C Documents and 39 Click the OK button to upload the file You will be notified when the file has uploaded Depending on the file size this could take anywhere from a few seconds to a few minutes The page at http beta says The file EmailMarke
35. table from scratch you can add a column where you need Modify Cell Properties Insert Column to the Right Insert Column to the Left Insert Row Above lanme D mrn Dadar Delete Column Insert Row Below Delete Row Increase Column Span esi o Increase Column Span Delete How Delete Column Increase Column Span Decrease Column Span Delete Column Increase Column Span Decrease Column Span To insert column before 1 Click inside cell before which to insert a column c 2 Click the Table menu and ten click the Insert Column After option Each consecutive click will insert another column before the selected cell Note this function will not work if a cell has not been selected You may find that after creating a table you need to delete column from a table that is no longer needed To delete a column 1 Click inside cell which is in the column to be deleted 2 Click the Table menu and ten click the Delete Column option Note this function will not work if a cell has not been selected After the table is created you can increase the span of a specific column s with this command To insert column span 1 Click inside cell who s span is to be increased 2 Click the Table menu and ten click the Increase Column Span option Each consecutive click will further increase the column span of selected cell Note this function will not work
36. tingCheckList doc has been uploaded successfully 40 GLOSSARY Term Description Application Program A software program that is designed to enable the user to perform a specific task An example of an application program is a work processor Backup A copy of the original contents It is good practice to make backup copies of files Browser A program that allows you to traverse and view internet web pages Bug A computer error CD ROM A storage device that accesses compact disc based information and also plays audio CD s CDRW drives allow you to record onto these disks CPU Central Processing Unit An integrated circuit chip that processes the data flowing in and out of a PC also called a microprocessor Crash Disk drive failure Cursor An item on your screen that shows where the next text character will appear or where the mouse is currently pointing Data Raw figures of information Database A program enabling users to manage view and report large amounts of data Default A command or location that the computer will assume if the user does not enter overriding information Desktop The screen on the background on which program and data windows appear in the graphical user environment Desktop PC A PC that fits on a desktop Desktop Publisher An application program used to create magazine and newspaper like publications Disk A flexible plastic disk coated with
37. toolbar for that command left and a step by step outline on how to perform the particular command Some commands have shortcut keys Shortcut keys are usually a combination of holding the ctrl control key on your keyboard down with another key These are handy shortcuts for when you become more familiar with the commands and want to perform the more common ones quickly without going through the editor A full list of shortcut keys are provided in the section titled Shortcut Keys Index and you will notice the shortcut keys noted in bold in the following list of commands where applicable Cut If you need to remove a section of text either to paste somewhere else or delete you would use this feature cut a portion of the document image or text 1 Highlight the desired portion and dick the Edit menu then click the Cut option keyboard shortcut Ctrl x or 2 Click the right mouse button on the desired portion and choose cut Copy If you want to copy of a certain section of text and you don t want to re write it or if you want a copy of an image that is already on the page and don t want to go through the process of inserting it then you can use the copy command a4 To copy a portion of the document he 1 Highlight the desired portion and dick the Edit menu then dick the Copy option Verdan keyboard shortcut ctrl c or 2 Click the right mouse button on the desired p
38. u specify It allows you to format the text in your page to match the style of your web page and distinguish heading from body text etc 557 To change the color of text 1 Select the desired portion of text and o 2 Click the Color drop down menu 3 Select the desired color from the large selection in the drop down menu EERE EROS LJ BO Bol Highlight Font This menu allows you to choose the highlight text that you specify It allows you to format the text in your page to distinguish sections that you want to stand out 1 Select the desired portion of text and 2 Click the Highlight drop down menu M 3 Select the desired color from the large selection in the drop down menu 5 a 3 m E Remove Text Formatting This command allows you to select a specific portion of text and remove any of the formatting which it contains leaving it with font style Times New Roman format Normal and font size 3 1 Select the desired portion of text and 2 Click the Tools menu and then click the Remove Text Formatting option move Text Foi Style The values in this box are predefined styles that are called from a stylesheet This allows you to keep styles for your site on hand to be reused throughout your website for consistency To change the style of text images form objects tables table cells etc
39. us html L copy_of_contactus html LA index html 1 services html e Click the Delete icon on the toolbar You will be asked if you are sure you wish to proceed Click OK to continue or cancel to stop The page at http beta says Are you sure you want to delete the new_folder folder and its contents Click OK to confirm Cancel e When you click OK you will be notified that the file folder you chose has been deleted If you chose to delete a folder containing other folders only the files in that folder will be deleted The site builder will NOT recursively delete folders for security reasons The page at http beta says 36 UPDATING SITE OPTIONS PLEASE NOTE This section only applies to web sites that were built using the site builder If you have an existing web site and are only using the site builder for editing then this information will not apply to you After you ve built your web site using the site builder it s quick and easy to go back and change your site options including web site name page order and layout template To do this you use the Site Options tab Here s how e Using your mouse click the Site Options button on the toolbar in the left frame Files Site Builder L G amp abl Ba lg senx2 C media C backup aboutus htmi contactus htmi _ copy_of_contactus html 1 index html _ services html Set a You will see
40. utive click will move text further to the left Align Left This command enables you to align existing sections of text or text being written to a defined left border of the page or cell This formatting can be used for headings and body text To align to the left Align Left Ctrl L 1 Make a selection in the document and click the Align Left icon Align Center This command enables you to align existing sections of text or text being written to the center of the page or cell This formatting can be used for and body text but is mainly used for headings 5 joe To align to the center 1 Make a selection in the document and click the Align Center icon Align Center Ctrl E Align Right This command enables you to align existing sections of text or text being written to a defined right border of the page or cell This formatting can be used for headings and body text align to the right Align Right Ctrl R 1 Make a selection in the document and click the Align Right icon Create Modify HyperLink A hyperlink is a reference or link from one particular point in a web page file to particular point in another file OR another place in the same file When a user clicks on the link in your web page with the mouse the browser will display the target of the link This feature is useful for when you want to sort your website into different sections or pages
Download Pdf Manuals
Related Search