skip navigation

ADHSHL Website Tutorial

This tutorial will help all team managers learn how to create a dynamic team site that will keep viewers coming back!  When creating your page you must decide two things:

  1. What page elements would you like on your team site?  Below is a description of all the possibilities that you can put on your page.  The more of these that you put on your page, the more interactive your page will be.
  2. How do you want the layout of your page to look?  You can design your page in any style you like using layout containers.  Below the page element tutorial options is a tutorial on layout containers.

In order to use any of these functions you must create an account and have approval from the webmaster.  If you have any questions, please feel free to email me at cbaginski@anaheimducks.com.

When starting on your own team site, please feel free to play around with different options as it is extremely easy to delete any items that you do not want on your page.

 


PAGE ELEMENT TUTORIAL

Our tutorial will start with all of the page elements you can use to create your team site.  To start, you must be logged in with your account information.  Once you become logged in go to your team's site; you will see a toggle switch at the top right of the page.  Select the "EDIT" button to create any items on your team site.  After selecting the "EDIT" button you will notice a yellow highlighted line that says "Add Page Element".  Below is a list of all of these options as well as examples of each.

TEXT BLOCK - Perfect for adding general text to your page.  You can copy and paste information from a word document or an online story to this feature.  Many teams use this function to write stories about their team, players, coaches, upcoming events, etc.



EXAMPLE

SINGLE PHOTO - Upload a single photo or image to display on your page.  Many teams use this feature to display the team photo.  You can also use this feature to showcase your teams logo or mascot.  An example of a single photo is the photo to the right.  You will have size options for your photo.


DOCUMENT - Upload a document to your page.  Users can then easily download the file in its original format. This feature is great for any information that you would like to get out to your team.


LINK - Put a link to a new website.  This feature is great if you would like to direct players/parents to the high school's website, anaheim ducks website or any website in general.


CONTACT - A digital business card that display's an individual's contact information.  Several teams have used this function so that players/parents can reach out to the coach or team manager. 

ADHSHL Example

ADHSHL Example

Coach

Phone: 714-111-1111


TAB ELEMENT - Create tabbed contect to help organize your teams page.


SPONSOR - Great for displaying a sponsor's logo, website and contact information.  This feature could help your team get a team sponsor.

Sponsored by Anaheim Ducks Example

Anaheim Ducks Example

Visit Website

2014 Western Conference & Pacific Division Champions!  2006-2007 Stanley Cup Champions.


PHOTO GALLERY - Upload a collection of photos that will display in a slide show format.  Several teams have used this feature to display game photos throughout the year.


NEWS AGGREGATOR - Creates a preview list of all articles associated with your team.  Once added to your page, features the ability to create new news stories for your team!  Several teams have done a weekly newsletter about their team.

EXAMPLE

Expansion coming to the ADHSHL

03/08/2017, 6:30pm PST
By Anaheim Ducks

Calling all student-athletes in the PLUSD!


EVENT AGGREGATOR - Create a preview list of upcoming events for your team.  Once created, allows you to create events for the team.  Most teams use this feature to create a calendar for practices, games, team functions and more.


VIDEO - Add any video to your page.  Video must have a URL from YouTube, Google, Yahoo, Vimeo or Veoh.


AUDIO - Upload an audio file on to your team page.  Many teams have put their fight song on the team page.

EXAMPLE


PAGE DIVIDER - Organize page content for easy viewing by adding this feature.  This function is a great way to break up two different page elements.



TABLE BUILDER - Create a formatted table to display data.  Great way to post team or player records each year.

EXAMPLE

Example 1 Example 2 Example 3
Player 1 Player 2 Player 3
Player 4 Player 5 Player 6
Player 7 Player 8 Player 9

CODE- Add custom HTML to your team's page.  If you are good at using code, the sky is the limit with this feature.


NEWS SLIDESHOW - Create a news slideshow using the images and teaser text from news articles.  This option is featured on the main page of www.adhshl.com.


    VENUE ELEMENT - Add a venue status feature to keep players and parents up-to-date


    COMMENT STREAM - Get more interaction by allowing your viewers to comment on your page.  This can be a helpful function in bringing back fans to your site often.


    COMMENT AGGREGATOR - Display all recent comments on your page in one field.


    FEED READER - Add a feed from an external source to yours.  If your high school has a feed, this is a perfect place to put it.

    Feed for http://ducks.nhl.com/rss/news.xml


    COUNTDOWN TIMER - Display a countdown timer to a specific date and time.  Great to use for opening night, All-Star Game, playoffs, and important dates!

    EXAMPLE

    0
    Days
    0
    Hours
    0
    Minutes
    0
    Seconds

    FACEBOOK - Potentially the most important page element, the Facebook function allows you to display a Facebook page on your site.  Many teams have put up their school and/or ice hockey page.  Fans can "like" your page from this function as well.

    Siteheader

    FLASH FILE - Upload a flash file to your page


    POWER POLL - Add a poll to your page.  Great way to increase traffic/interaction on your page.


    SPORT NGIN WIDGET ELEMENT - Display information from another part of the website on to your team site.  As the league website is updated with current stats, your page will reflect those updated stats.  Great uses for this feature are the standings, top goal scorer on your team, top goalie, etc.


    WEATHER - Display the current weather on your page


    LAYOUT CONTAINER TUTORIAL

    After deciding which page elements you would like on your team site it is time to decide the layout of your page. Do you want the elements in halves, thirds, fourths or maybe just one whole element?  To do this you will create a layout container by selecting the gray "Add Layout Container" box.  Below are the options you have for the layout of your page.

    SINGLE ELEMENT


    HALVES


    HALVES


    THIRDS


    THIRDS


    THIRDS


    TWO THIRDS


    ONE THIRD


    HALF


    ONE FOURTH


    ONE FOURTH


    ONE THIRD


    TWO THIRDS


    ONE FOURTH


    HALF


    ONE FOURTH


    ONE FOURTH


    ONE FOURTH


    HALF