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 m.blanchart@adhshl.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

Update From League Commissioner

By Anaheim Ducks 07/22/2020, 3:45pm PDT

To all ADHSHL Families and Fans:

With much uncertainty in the immediate future, the ADHSHL would like to give all our families and fans an update regarding the 2020-2021 season. 

First off, on behalf of the league, I hope all our families are staying safe and healthy during these difficult times. I would like to send our best wishes to all of you who have been personally affected by COVID-19. We understand that these challenges have affected everyone in a deep manner and know that we will all emerge stronger than before.

Due to current circumstances, our traditional timeline for High School hockey will not be possible at this time. Based off the most recent advice provided by local and state health officials, as well as requirements by the California Amateur Hockey Association, high school tryouts will not be held prior to October 8. With this date being passed down to the ADHSHL, a revised season calendar has been developed and will be presented once we are given approval to proceed. The ADHSHL’s top priority is to have game play return in the safest way possible for our student-athletes, coaches, and league staff, along with the hope that friends and family will be able to watch their teams in person. We hope to provide further details as soon as possible, as we march on closer to October 8. If you have any questions, please reach out to your team representative.

I look forward to presenting the Schulman Cup, H&S Ventures Cup, and the Commissioner’s Cup in 2021 and wish you all the best of health. Thank you and please stay safe.

  • Matt Blanchart, ADHSHL Commissioner


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.

    Website banner  faith lutheran added

    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