Webmaster Manual
TABLE OF CONTENTS 1. Registering to edit your website... 3 2. Logging in to Edit your Website... 3 3. How to Edit a Page... 4 4. Edit Options Home (1 st Tab)... 5 5. Edit Options Objects and Styles (2 nd Tab)... 6 6. Edit Options (2 nd Tab) Working with Tables... 7 7. Adding Links... 9 8. Adding Graphics or Documents - Resources... 10 9. News Scroller... 12 10. Add New Page /Edit Page... 13 11. Optional Settings... 14 12. Page Naviagation... 15 13. Rename, Delete or Move a Page... 15 14. Version History... 16 15. Calendar... 16 16. Registering and the Forum... 17 17. RSS Feed and Print Page... 17 18. Photo Gallery... 17 19. Resizing Photos... 19 Important Information... 21 2
1. REGISTERING TO EDIT YOUR WEBSITE Use the Register link on home page menu bar You will need to select a user name and password. If you do not see a register link, the site is closed and your local webmaster will need to setup your account. Follow the instructions on the register page to validate your email and set up your account. Please protect your password, as anyone with your user name and password would be able to edit the site. If you forget your password please use the password recovery link on the log in page. Passwords are encrypted in the database. 2. LOGGING IN TO EDIT YOUR WEBSITE Please disable all pop-up blockers when using this site Use the Login link in the very top left corner of your screen on the main website. Log in using your User Name and Password. If you have been given editing rights, when you log in you will see the Page Info box below on all the pages that you have access to. The Page Info box is only visible when someone with edit rights is logged into the site. It does not show if you are not logged in. You will only see it on the pages you have authority to edit. You will only be able to edit pages that your account has access to. 3
3. HOW TO EDIT A PAGE First be sure you are logged in. Go to the page you would like to edit. In the Page Info box select Edit. This box is only visible when you are logged in and have edit rights. The page will change to look like the page pictured next. You will have the ability to change the page title. The edit box that opens is where you will add your information and images. The edit bar contains all the options for editing the page. It is very similar to using Microsoft Word. is what your edit page will look like Edit Box This is where you add your information 4
If you are unable to edit the page someone else may be working on it. If this is the case, you will see under page status This page is locked and it will show who locked it. Until the otherperson finishes and the page is unlocked, you cannot make changes. If the page remains locked for some reason please contact the admin or the person that last used it, to unlock it. You must save and finish or publish a page to unlock it. If you just save it or cancel, it will be locked to everyone else (except the admin). 4. EDIT OPTIONS HOME (1 ST TAB) The edit box (advanced editor) has the editor shown below on the top. This contains all your editing options and is similar to using Word. Type the text you want into the edit box and use these options to make adjustments. You can hover over each one for an explanation of what it does. These are the main ones you will want to use: Undo and Redo You can always undo anything that is not right! Don t be afraid to Experiment to try something out. Font name and Size - There is no need to change the default font which is Verdana. If you use a different font it may not look the same on all browsers. Try to stick to Verdana, Arial, Times New Roman or Georgia. Generally you will want to stick to size 1,2, and 3. You can add color and Bold for emphasis. Hyperlink - Use this to add a link to an external wesbsite. See Adding links for more info. In order shown above left to right Cut Remove something from the page. It can be pasted somewhere else. Copy Copy something from one place to another Paste Paste anything after you cut or copy it form this site or somewhere else. This Keeps all the formating of the original. 5
Word Paste Always use if pasting something from Word. Word adds extra formatting that is not compatible with the web. Only copy/paste from Word when absolutely necessary, as there can be problems with it. Text Paste Pastes as plain text with no formatting (colors/fonts/etc.) Useful for copying/pasting from other websites to remove formatting. All graphics and photos will need to be uploaded and inserted. Do not copy and paste them on the page, they will not load properly. In order shown above left to right Bold Text/Italic Text/Underline Text/Strike Through Text/Superscript Text Foreground Color Color of Selected Text Background Color Color behind Selected Text for highlighting Formatting can be used to format text, paragraphs and bulleted lists You can also format a box around selected text or graphics In order shown above left to right Justify Text Left, Center, Right or Full Justfy (left & right) Numbered List Bulleted List View/Edit Source Use this ONLY if you are familiar with html code. This gives you access to the html code on the page and allows you to edit it. This is optional for advanced users ONLY. 5. EDIT OPTIONS OBJECTS AND STYLES (2 ND TAB) Internal Link Link to an internal page on this site, choose from the pop-up window Add Special Characters, Lines or a Bookmark 6
6. EDIT OPTIONS (2 ND TAB) WORKING WITH TABLES Tables are optional but a a good choice for arranging text and graphics and keeping everything aligned properly. Insert Table / Edit Table/Cell Show/Hide Gridlines Insert Table Choose the place on the page you want to put your table. Click on insert table and select the number of rows and columns you want in your table, then right click on the bottom right corner cell of the selected size. In will be inserted on the page. Gridlines only show in edit mode. Your table will show as boxes with very light gridlines around them You can add text or graphics to each box. (Gridlines will not show on site) Edit Table Size Select Table Size and Insert Rows/Columns, Delete Rows/Columns or Increase/Decrease the Row/Column Span (of a single cell) 7
Edit Table or Cell Auto Fit Width: Auto fit the contents of the table or the cell to the contents of the cell (text/graphics) *recommended Or Select a fixed pixel width (not recommended) or percentage width (percentage better choice) Or Auto fit to the size of the window Height: Generally leave the height to auto fit Table or Cell Properties Choose the alignment of the table or cells (left/right or center) Add borders gridlines that show on page Add a background color or image for the table or the cell. Be sure your backgrounds and text colors have enough contrast to be readable on the page. 8
7. ADDING LINKS Use this button to add a Hyperlink to an external web page It will open this box Select Source Generally it will be http:// for a website and mailto: for an email link Type in or cut and paste the web address (without the http:// you have already selected) or the email address. Bookmarks can be Selected if set up on the page (optional) To have the link open in a new page (recommended ) select Target Blank (drop down box) To save hit insert, then apply, then OK. Adding Internal Links Use Insert: Page Links to link to another page on this site Select a page from the site map, add any text you want to display for the link and hit insert. 9
Select a page from the list on the site map to link to and click the insert button. 8. ADDING GRAPHICS OR DOCUMENTS - RESOURCES Choose the place on the page you want to add a graphic or select the text you want to use to link to a document and hit the Resources Link. Only those available to you will show. 10
The resources box will pop up. You can select the folders, or you can add a new folder (create Folder). Add all your flyers to the Documents folder and all your graphics to the Images folder so they are easy to find. Many images have already been added for you. You may use the browse button to find images on your computer or a CD and add them to your images folder. Click on the folder you want to add the item to (sometimes you have to click twice to be in the folder) and then browse to find the file and then upload it to the folder. All images and documents you use on your pages should be kept here. Images you cut and paste to the site will not view properly. To add an image to your page (be sure you have already selected the location you want this to be on the page in advance or selected the link text to add a document) click on the file name of the image, it will be added to the source box, then hit insert. They will be inserted in the location you selected. You may also move them by cutting and pasting them. You may insert images as the actual image, as a link to the image (image will not show on the page) or as a smaller sized thumbnail of the image. Generally you will add it as the actual image. Most graphics must be resized before loading into the resources area. Small graphics added generally should not be much larger than 150 pixels by 150 pixels. If you want to put one or two photos on a page (not in the photo gallery) generally keep them to 300 pixels or less on one side. See the resizing pictures and graphics section for more info. Documents can be.doc files but not eveyone can view them..pdf files are better. Word 2007 has a free add in to make.pdf files from any Word or Microsoft Office document. Get it here: http://www.microsoft.com/downloads/details.aspx?familyid=4d951911-3e7e-4ae6-b059- a2e79ed87041&displaylang=en There are also a number of sites offering free software to make.pdf files (search on google). When you no longer need a document in your resource folder please delete it (and the link to it) to save space on the server. Just put a check in the box in front of the item you want to delete and hit the delete button. 11
9. NEWS SCROLLER The items listed under News are the items that will show in the scolling news box on the right hand side of your service unit main page. To add a news item, on the News page, choose add new. The following items will need to be added for each news item: Title: This will show in the scrolling box Summary: This will show in the scolling box and should not repeat the title Display Date: Will not show in the scrolling box, but does affect the order they are shown in. Content: Will not show in the scrolling box but is the details that will show if you click on More in the scrolling box. 12
10. ADD NEW PAGE /EDIT PAGE Go the the page you want the new page to be listed under on the menu (Home/Info/Events/Etc.) and click on add new. If not sure where to put it look on the site map. What ever page you are on when you hit Add New is the page the new page will be listed under. You can name the page here. It must be a unique name. You may also leave the default numbered page name. All pages end in.aspx Add a Title for your page here. This will show on the site map. Use the editor to add your new page information. Add links and resources using the buttons and links on the edit bar. When you are done, at the bottom you can choose the order in which this page will be listed by moving it up and down. You can add a file, but you can use the resources link for this, so it is not necessary to use this. You can also experiment with different types of templates for the layout of the page. This is optional also. No need to check these unless you want to try something new. 13
You can now create the page (only you will see it) or publish the page (on the web) for all to see or cancel the page (this can lock the page to other authorized editors). Once the page has been created you will have the option at the bottom to Save (you then remain in edit mode) and you should do this often. If you lose your internet connection your work will not be saved if you do not save it often. You can hit Save and Finish which takes you out of edit mode and allows other authorized editors to access the page. Neither save or save & finish will show your work on the public website. You must hit Publish to make your changes public to everyone that views the website. Once you hit publish everyone can see it. If you do not want save your changes hit cancel. If you hit cancel, be sure to unlock the page for future editors: The top box shows the page as locked. No one else will be able to edit it. Please click on unlock to allow other editors to edit the page. Only the person that locked the page (by editing it or cancelling out of it) or the admin can unlock a page. The bottom box shows the page is NOT locked. If the publish link is shown in the page info box it means the page has NOT been published to the web yet. 11 To edit an existing page just use the edit link instead of the add new link and follow the same instructions. You will not have the option to create the page, as it already exists, but to save, save & finish, publish the page or cancel out of it (be sure to unlock). When you log out of the site you will see it as the public sees it on the web.. OPTIONAL SETTINGS At the bottom of the edit page you will see the following options. Page Properties does not need to be changed Publishing Schedule use this if you want a page to show on the web on a certain date in the future and/or stop showing on the web at a certain date. Additional Content - This will open another edit box to enter anything text/links/graphics you want to add to the right hand column (lt. gray under search box) of the page. On many pages this is full of links to other pages, so there is no room. If there is room you may add content below it. 14
12. PAGE NAVIAGATION At the top of each page you are on, you will see breadcrumbs that show the location of the current page. These correspond to the site map (link in top left corner of site) The breadcrumbs above show the page you are on is SU 35 Events (page names will vary by site), which is under the Service unit 35 page, which is under the Service Units page, which is under the Home page. If you now add a page from here, it will be under the SU35 Events page. If you wanted it to be under the SU35 Information page you would go back to Service Unit 35 and click on SU 35 Information and then add the page. Click on the site map (top right) anytime you are not sure where in the site you are located. 13. RENAME, DELETE OR MOVE A PAGE If you click on Rename, you can give the page an new unique name. It is best not to change the name of existing pages, as links to them may become broken. Delete will remove a page permanently. Please do not delete the preset pages, only delete pages you have added. Be sure you really want to delete this page before clicking this. Move a page will change the location on the site map. If you make a new page and it is under Events, and you decide it should be under Information, click on Move. The site map will pop up. You may only move the page within your service unit area. Click the new location for the page. You will have the chance to move it up or down if there are several pages in the same area and then click the move button, or cancel if you change your mind. 15
14. VERSION HISTORY If an error is made on an page or it just gets completely messed up, you can always roll the page back to an earlier version. For this reason do not be afraid to experiement on the page, you can always go back to an earlier version. Click on version history (see picture above. Page info box, bottom right corner) This screen will pop up: Select the previous version you want to go to (leave everything checked generally) and click on restore this version. The date/time it was published and the name of the person that updated it is shown. Everything done after the date/time you restore to will be lost (on this page only). 15. CALENDAR On the Calendar page is a standard calendar you can add events, and other dates to. Hover over any event on the calendar for more details Edit will allow you to add more info to the page that contains the calendar. Text or graphics can be added above the calendar. Add New will add another blank page under this page. If you look under the Page info box there are two links New Event and Recurring Event. Use these to add an event to be posted ON the calendar. Use recurring if the same event will occur at regular intervals. Use the New event to add a single event to the calendar. When you click new event you will see this: 16
16. REGISTERING AND THE FORUM Type in the Subject (or event name) and location. These will show on the calendar. Add the Start and End Date and Times. Please use military time. 1:00am to 11:59am are shown as is. 1:00pm to 11:59 pm have 12 added to the hours so 1pm is 13:00 and 8pm is 20:00. 00:10 is 12:10am, 12:10 is 12:10pm. You may also click all day for all day events. Add any notes and URL web link if desired and click save. If you need to edit later, click on the date on the calender, find the item by time and click edit or delete. The Forum is shared by all and can only be accessed by registered users. If you want your unit to be able to use it, you or your CDM/DE will have to handle approving people. Once they register (steps shown on the register link at the top of the page) We do not want random people joining and posting objectionable items in the forum. Registration can also be used for other features as well. However we have found that most users do NOT want to register or log-in when using the site. 17. RSS FEED AND PRINT PAGE There is a small orange box on the News page and the Calendar page that says RSS in it. If people choose to, they can subscribe to the RSS feed for these two pages by clicking on this box. When ever you make a change to either page, those that have subscribed will get an email in their inbox that gives the updated news or calendar item. There is also an option on each page to Print this Page. When you click on that, it opens the page in a new window with just the content of the page (no headers or navigation links) that is printer friendly. 18. PHOTO GALLERY There is a photo gallery for each service unit. On the Photos page You will want to add a new page for each scout year. Under each scout year you will need to add a page for each individual event s pictures. Be sure to include year pages added just like the example. Add New to start adding photos for an event. Each event (but NOT each photo) should have its own page. 17
Before you add any pictures be sure you have resized them Read the next section (#21) on resizing photos. When you add a Year page, you will not really need any content, just a title that includes the year(s). Next add a new page for each event. Keep page titles short so they fit on the menu on the right side of the page. In the content area you can put a description of the event/location etc. that will show on the page. Below content you can select the page location in relation to other photo pages to put them in the order you would like. If adding multiple photos, please check the box that says - Make this page a listing gallery and choose a template. There are many different templates to use. You can play with them, change them and experiment to find the ones you like best. These give you a larger picture that pops up when you hover over the thumbnails, and when you click on a picture it either opens in a new window or a lightbox with a slide show of all pictures on the page. People may download the picture or click on details to pull it up larger on a page by itself and zoom in on it. If you have a single picture with a story (maybe from the newspaper) you do not need to check listing/gallery and no template is needed. Just insert the picture using your resources link and add the text (refer to Section #10) Create this page when done. 18
If using the gallery, the page is now created but emply. Using the quick add type in a title for the picture (no girl names!). You can cut and paste to make the title the same for all pictures in an event. A summary is optional. Click the browse button to find the photo on your computer or a CD drive. Be sure you have resized ALL photos first. Click on the photo you want to add and click publish. Photos will be added in the order you select them. This page shows 3 photos added. You can continue to use quick add to add all photos for an event. When done, click the publish button at the top of the page to send it out to the web for all to see. The program will create a small thumbnail for each photo. People can hover over that photo for a larger view (on many templates), they can click on download to save it, or on details to get a single photo on the page to view, save or zoom in on. 19. RESIZING PHOTOS Graphics and photos are optional. You do not need to add them if you do not want to, but they are nice to have. Resizing is a very important step when using photos and graphics. If you know how to do this, you may use any program or method to do so that works for you. If you do not know how to do this, please follow the process below for ALL photos you upload. Most photos taken with today s digital cameras are MUCH too large for web viewing. Large photos take up too much space on the page, take too long to load and use up too much bandwidth. Bandwidth on th e web is expensive ($$$). Please be sure all your photos and graphics follow these guidelines. All photos in the photo gallery should be no larger then 800 x 600 pixels maximum. This allows the printing of a regular size photo on paper with good quality. If someone wants a better quality photo for enlargements they may contact the original photographer for the larger file. Small graphics or clipart on a web page should be no larger then 150x 150 pixels for the most part. A single photo on a web page should be kept to 300-19
400 pixels max. size one side. I recommend using the following FREE Program to resize your photos, as it is VERY easy to use. PixResixer is available for free download at http://bluefive.pair.com/pixresizer.htm Download Page This is free software Once you install this program, open it and it will look like the screen at left. Click on load picture, select the picture you want to resize from your comptuer, select the new size 800 by 600 pixels or less (maintain aspect keeps the photo from stretching). If the size is not shown, you may type it in as a custom size or choose the closest one, no larger than 800 by 600. Select.jpg file format and save. When you click SAVE, it will allow you to rename the picture and select where to save it. You may want to set up a folder on your computer for pictures and rename all photos sent to you with the event name/year and a number to keep easy track of them. When someone emails you a picture save it to this file folder, so it is easy to find to resize and to upload to the website. You now have all the info you should need to make your council/district web site. Contact the council webmaster if you have any questions. Good Luck!! 20
IMPORTANT INFORMATION You must log-in to make any changes You must PUBLISH for any changes to show on the web Please make sure all pages are unlocked when you are done There is no spell checker, so watch your spelling and grammar! Scout names should not be posted online with their photos Please feel free to make any changes within your website pages you would like. Make it your own style and feel free to experiement. Any mistakes you make can be fixed, so don t be afraid to try something out to see if you like it. You do not need to use all the features right away. Feel free to just add some simple text info and dates to start. You can add more later as you become more comfortable with using it. 21