Websites. Version 1.7

Transcription

1 Websites Version 1.7 Last edited 15

2 Contents MyNetball Information...3 Websites...4 Web packages...4 Setting up the layout...5 Uploading files and images...6 Using Dropbox to Increase your Website Data...7 Resizing an image...8 Adding a banner and background image...8 TIPS - Create a banner and background...9 Changing home page layout Changing menu items Adding news items Adding events Adding extra pages Slideshow galleries Adverts Creating the advert advert maintenance & placement Creating the advert HTML method Adding social media feeds Editing website styles and colours Renew a website Linking to MyNetball from external websites Public Portal Public portal reports Match report Team grade report Fixtures & results Player statistics Mobile competition site P a g e

3 MyNetball Information MyNetball is replacing NMAS as the online system to record player details, create draws, produce detailed reports and create websites. The link to log onto the MyNetball site is All administrator users will need their own username and password created by their state body or club logins created by associations to login to MyNetball. Each State will have their own process to create these. 3 P a g e

4 Websites All your documents should have been moved from NMAS to the storage space in MyNetball. If there is anything missing let Netball NSW know and we ll chase up This is an example of a website layout. You will be able to move certain sections around to meet your needs. Previewing changes Changes you make to the layout or setup can be previewed before being published. Click PREVIEW Or Click PUBLISH to make public If you SAVE but don t publish, you can return to the document later on Web packages All clubs and associations will be given the Starter Web package free of charge. Below is the summary of packages that can be offered, their capabilities and costs. If you find the starter package is not sufficient for your club/association you can contact InterAct for further information and a quote of other options they have. 4 P a g e

5 Setting up the layout Website (SportzVault) Site Site Layout Manager There are 3 parts that make up a site layout: Home Page Template controls the home page layout Non Home Page Template controls page layout other than homepage. You will need to set these up separately to view them in the menu selections Styles Manager controls colours, font style and sizing and other design areas A template is divided into three main sections which span the width of the page - header, main content and footer. The main content section is made up of 2 column areas. The templates are made up of widgets and rows. A widget is something to add to the layout to display items or information (see below) Types of widgets: 5 P a g e

6 Banner Inserts an image that displays as the banner of the website Menu Standard and additional menu items (recommended limit 10-12) Image Inserts an image HTML Adds page information Advert Inserts an advert YouTube Video Inserts a YouTube video Events Displays event information from the event manager Twitter Inserts Twitter feeds Facebook Inserts Facebook feeds Score Board Add in match and ladder data (option to be compact or detailed) News Rotator Displays news items in a rotating setting Uploading files and images Website (SportzVault) Content File Manager Guide to File Manager icons Add new folder, paste a file, rename a folder and delete a folder Upload a file, cut a file, rename a file, edit a file, preview a file, download a file and delete a file Storage space used You will need to upload all files and images you wish to use into these folders Select Files or Images folder depending on what you re uploading Select In the pop up window choose whether to replace existing files with the same name by ticking the box Click Browse or Select Files and select a file/image and click Upload or Open (options depend on your browser) Repeat these steps for each item It is recommended that you crop images before uploading them, however it is possible to crop after by clicking on the symbol 6 P a g e

7 Using Dropbox to Increase your Website Data You can increase your website data by using an online storage program. This program will store you forms and images and allow you to share the link via your website. This will not affect your data capacity. Step 1 Create Account Visit Click the Sign In tab at top of screen and create a new account Complete your details Step 2 Upload Files Go to the dropbox home page (click on the dropbox logo in the top left corner) Click on the folder type Public for data files or Photos for images Once in this folder click on the upload icon at the top of the page to upload your file Choose the file you want to upload and click open The file will begin to upload automatically Once it has completed uploading, click done Highlight the file you want and click copy to public link and then copy to clipboard You are then ready to use your uploaded file in MyNetball Step 3 Add to MyNetball Sign in to MyNetball Click on the website menu mode on the top right Build your menu by selecting Edit Menu When you are ready to attach the document to the correct menu item, click on Create Child paper icon Add the title and choose external link from the drop down options Paste the relevant public link created from Dropbox in the URL section (make sure you remove Click update Step 4 - Add a HTML page to your website 7 P a g e

8 You can choose to create HTML pages with document links instead of menu items. This is useful when dedicating a page to a particular area, you can insert a link with the public link into the document to refer to the drop box stored document. Resizing an image There are numerous ways to resize an image and searching google can give you some ideas. Using Paint is a quick method to do this In your documents right click the image, go to Open with and select Microsoft Office, Windows Live Photo Gallery or Paint. Locate the Edit / Resize option, add in your dimensions and save You can also resize an image once uploaded into the system. Choose the image and click on the Once the image loads click on the resize symbol symbol Save changes made Adding a banner and background image Website (SportzVault) Site Site Layout Manager Next to Home Page Layout row under Edit column select Edit In the Banner Widget select the cog symbol (right hand side) Choose the image from File Source drop down menu or add text to just add the association name as the banner. 8 P a g e

9 Add a link if applicable Click OK TIPS - Create a banner and background The below shows the dimensions to be used when creating a website banner and background image. NOTE: you can add an image or text in following Adding a banner and background image instructions. The below information is useful if you would like to create more complex graphics or will be contacting an external company to design these areas for you. If you would like to attempt to design a banner or background image yourself there are a number of free or paid software packages you can look at: Not recommended for beginners Need some knowledge of image editing Beginners can pick this up Based on layers. For beginners to intermediates Microsoft paint Beginners can use this Some more ideas here Image editing packages Below are some examples of website banners and backgrounds: LOGO 9 P a g e

10 LOGO <Page content> <Page content> <Page content> 10 P a g e

11 <Page content> LOGO <Page content> Changing home page layout Website (SportzVault) Site Site Layout Manager We would advise you have a rough idea of the layout you want before making the changes on MyNetball Next to Home Page Layout row under Edit column select Edit The Banner, Menu Widget and News Rotator sections are locked you cannot move these areas 11 P a g e

12 To add other sections click + Row to add a row in To move individual rows click on the area and drag to where you want to place it Once rows are in click + Widget to add an item A pop up window will appear giving you options as below To edit any widgets click the cog symbol (right hand side)to select a destination / link SAVE when you make changes Changes can be viewed before making them live by selecting PREVIEW When you re happy with the changes select PUBLISH to make public To delete click X in the relevant row or whole section Changing menu items Website (SportzVault) Site Menu Preferences You can override or hide existing set menu items if you choose Next to the relevant menu item select: Default Label will keep the existing name Custom Label you can rename Hide will not show as a menu option Website (SportzVault) Site Edit Menu Select whether you want to set up a Simple or Advanced menu Simple the simple mode retains certain menu items as a basic starting point and allows you to build from these. In the menu preferences you can choose to override the name or hide the menu item. Advanced No menu items to start with, needs to be built from the beginning and is not covered by Menu Preferences option. Under Menu items section click on the Create Child icon Add your new menu item name 12 P a g e

13 To add as a new menu item select Target Type as Built in You can also link to any of the other options Depending on the choice you make, it ll open up different options in the Directory and Select Page sections. Click Update Repeat steps above to build your menu items and pages (see image above) Select Child under root to build the main home page menu options. All others will be sub pages Adding news items Website (SportzVault) Content News Select Add new news item Add a title Add a date and expiry date Tick Show in news rotator to show on the front page rotator To add an image in the Floating image section search the directory and filename and add a caption (optional) Add the news content Select Validate if you are formatting through HTML or/and Update 13 P a g e

14 Adding events Website (SportzVault) Content Events List all your upcoming events here. This will then filter through to the events widget Click Add new event Add the date and expiry date Click Show in news rotator if you want it to be part of the news section Add an image in the Floating image section Add the content if applicable Validate if applicable and Update to confirm Repeat the above steps for all events Adding extra pages Website (SportzVault) Content HTML Pages > General Pages or Templates The following website may be useful in learning more Click GO next to Add new page blank page OR Add new template if in templates menu In Page identifier add the page name Tick Use page identifier as page heading to show this as the page name on the website Add in the text to the content box To embed images / videos and links into the page search the content e.g. YouTube video Select Share and Embed and copy the code given 14 P a g e

15 Click the Source button Paste the copied link Click the Source button again To add an image click the Edit image button and select the image Select your preview / save options Click Save when complete Repeat these steps for all your extra pages, then link these to your menu items created Slideshow galleries Website (SportzVault) Content Slideshow Galleries Click Add new slideshow gallery Add a gallery name Add a description (optional) Select your preferred gallery type Select the images to add to the gallery group When finished click Update Gallery Add Slideshow / Image Gallery menu item (see menu item section) Add gallery to this item Click Publish to website to make public Adverts The website package you have will dictate which of the methods below you are able to access i.e. if you have the free starter package you will not be able to place your ad through the Advert section. Creating the advert advert maintenance & placement Website (SportzVault) Site Advertising > Advertising Maintenance Ensure all images are added to the image file you wish to use as an advert banner Click on Add new advert Insert the advert name Select the ad type Destination URL (optional) - Display URL (optional) - This is used to create a hyperlink under the advert. Clicking the hyperlink will increment the click count for that ad and then take the user to the given URL. This is used to display on the last line of text ads and also in the status bar of the web browser for all ad types. 15 P a g e

16 URL Target - If left blank clicking the ad will bring the subsequent page up in the current web browser. If set to something else (for example "_new") then it is displayed in a separate web browser. Select the banner file image if applicable Add in text if applicable Click Preview and Save Advert to complete Now that you have created the advert you can dictate the number associated with the ad so you can place it when adding the widget. Website (SportzVault) Site Advertising > Advert Placement (or placement tab) When adding an advert widget in the page layout, there will be the option to select a number relating to the placement numbers as shown below Once adverts are created click Edit next to the relevant position number and select the ad to allocate to that number. When adding an advert widget, you will be asked for the Ad Position number as below Creating the advert HTML method Website (SportzVault) Content HTML Pages > General Pages Click Add New Page Blank Page and click on GO Add a Page Identifier (name) which will appear in a drop down selection list. The name will only display on public sites if the Use page identifier as page heading box is ticked Click the Insert/Edit table icon to add a table to define the ad layout 16 P a g e

17 Choose your table layout option from the pop up box e.g. if you want to display 2 logos one under another with headings above each one, you would create a 4X row by 1X column table. To add a title to the section add this in the Caption area as above MAJOR SPONSORS Select the width and height based on the image width and height that will be inserted into the table cell (the table area will need to be larger) Select how you want it to be aligned in the alignment box Click ok and the table will appear as below You can add more rows and columns by right clicking on the table to show the options and insert row or column Click on a table cell and add text or photo as you want it to be shown To add text type it in and format as necessary To add an image select the image icon, choose the file from the file manager list created and select an image from the uploaded images 17 P a g e

18 Click save when ready If you want to use the same sponsor images on all pages on the websites you can save as a template to create your extra pages from. Give the template a name and re-save To preview how it looks on the site in the HTML Page Manager click Preview Once you are happy with the layout, go to page layout and add a HTML widget Select the name of the general page created Add a display header if you want a header in the section, set the height to include the total table height and click ok Save in the layout and Preview to have a look 18 P a g e

19 Adding social media feeds Select which social feed you want when adding in a widget in the layout Add the link (see table below) Add the settings and confirm You Tube Twitter Facebook To obtain your playlist ID: To set a Twitter account you will To set a Facebook account do the need to enter your Twitter handle: following: View your YouTube Playlist Click Share Copy the URL Extract everything after the letters: "list=pl" Go to your Twitter page (e.g. Your handle is the text at the end of the string (interactsport in the above example) Log into your Facebook page Click Edit page Select Update page info In Page Address click on edit Add a short Facebook name e.g.netballnsw Check this is available and save Copy the URL to the Facebook widget Editing website styles and colours Website (SportzVault) Site Site Layout Manager Click Edit under Site Styles 19 P a g e

20 Site Colours Primary colour Sets the banner, menu and widget header background colours Secondary colour Sets the banner, menu, widget header text colour and menu hover colour Background Background Sets the background colour colour Background Sets an image in the background image Background Formats the background image repeat Menu Item padding This is the space between the menu text and the border for each menu item (for more items set a smaller padding size) Text size The menu text font size Text Font family The font style used throughout the website Renew a website When an organisation s website is up for renewal, a notification will be provided on the home page when they login to MyNetball. Websites can be renewed within 1 month of their expiry. There is no fee involved to the organisation in renewing a website. Website (SportzVault) Site Account > Account Details & Renewal 20 P a g e

21 Click the Renew Account button Linking to MyNetball from external websites MyNetball help contains detailed information on how to display competition information on MyNetball on external websites not set up through NMAS or MyNetball. For info follow this link or go to Organisation > Help > Help Topics > Linking to ResultsVault from External Websites. 21 P a g e

22 Public Portal The public portal is a public website accessed through the following link on which anyone can view detailed competition information for all organisations using MyNetball to manage competitions. Organisations will not need to make any changes to this website, all the information is uploaded from the data entered into MyNetball. The public portal displays: Association details Office bearers Upcoming match information Game results Ladders Player statistics Links to the association / club website Public portal reports Match report Matches > Upcoming Matches The full fixture can be downloaded to PDF for fixture only details or Excel to include umpire allocations Team grade report Matches > Team Index Shows a list of teams and the grades they have been allocated. This will also link to the relevant fixture and ladder 22 P a g e

23 Fixtures & results Matches > Fixtures & Results This will show a full fixture list and results for all games the association / club manages and participates in. Clicking on the venue will show a venue map if this information has been put into MyNetball and will list all upcoming games to take place on the court. 23 P a g e

24 Full results will show the below information Player statistics Depending on how much detail added into the results in MyNetball the below information can be completed to appear in the public portal for players 24 P a g e

25 Mobile competition site A mobile friendly version of the competition website is available to view at where you can customise to your association or club. 25 P a g e