CNH K E Y C L U B OFFICERS TRAINING CONFERENCE/Webmaster Workshop
May 1, 2016
Presented by: Tejoni Johnson, IP Region 15 Webmaster, Maria Carrillo High School Bailey Creager, IP Webmaster, Cloverdale High School Toni Holland, Kiwanis Advisor, Maria Carrillo High School
Webmaster Workshop
a K i wa ni s - f a m i l y m em b er k e ycl ub . o r g
D ev el o p i ng co m p e te n t, ca p a b l e , a nd c a r i ng l e a d er s s i nc e 1 9 2 5 .
CNH K E Y C L U B OFFICERS TRAINING CONFERENCE/Webmaster Workshop
May 1, 2016
Use of Social Media
CNH K E Y C L U B OFFICERS TRAINING CONFERENCE/Webmaster Workshop
May 1, 2016
Web Design Choices
Currently being used by the division is “weebly.com” & the club site we’re exploring uses it, as well. So we’ll demonstrate using that program.
CNH K E Y C L U B OFFICERS TRAINING CONFERENCE/Webmaster Workshop
Steps to Building a Weebly Website
May 1, 2016
You will need to set up an account with them. Once that is done, you can then log in every time using your account name and password.
Once you’ve begun creating your site, when you log on, the first screen that comes up is what they call the “Dashboard”. One of the best things about the Dashboard is that it gives you a clear idea of how often your site is being used!
To get onto the site and actually begin making things happen… you need to click on “Edit Site”.
The first option is the “Build” box
The elements you can use to build the site include: Title font choices Text font choices Inserting images o Image – Single – is slower but allows for size variation & unique placements
o Gallery – Pictures can be uploaded
in groups. It only allows for horizontal formatting and pictures are all the same size and shape
But, it’s a faster upload process
If a picture is taken in
vertical format, it has to be “clicked on” in order to see the entire photo
Other Useful Elements
A series of pictures can be uploaded to the “Slide Show�. They can also be labeled. Then, when people view the site, the pictures alternate for viewing.
“Buttons” can be inserted with labels and then linked to something else.
A “hidden” page Another website, or social media site “YouTube” “issuu.com” – for a magazine-style newsletter
Etc.
The “Structure� sections allows for dividers and spacers to be inserted in order to arrange the elements to provide more eye-catching appeal.
The “Media� elements allow for uploading of documents, video, audio, and more!
Creating Pages
Click on “Pages” to get a new section on the left side. This is where you create each new page.
To create a new page, you click on the “+” sign in the upper right corner of this section.
A blank new page will then appear at the very bottom of the list.
You hold a click on it and move it up into the position where you want it to be
The pages that you want to appear on the top menu bar extend out to the far left edge of the line-up o Pages you wish to be able to “scroll down” to view are indented slightly under whichever category they fit. o “Side-bar” pages are further indented
On Menu Bar Scroll Down
Side Bars
You may want to “hide” some pages. This means that you’ve placed them on the site, but the only way to access them is through use of a “button” or “link”. They do NOT show up as any kind of menu option.
To “hide” a page, you simply click on the page button found on the far left side. A menu that looks like this will appear.
Click “Hide in Navigation”
Do you want to put a header on a page?
Page without a header
Page with a header
Header Choices
The most important aspects to explore in the “Theme� section are the colors and fonts.
Here is where you can make changes in order to meet Graphic Standards
CNH K E Y C L U B OFFICERS TRAINING CONFERENCE/Webmaster Workshop
May 1, 2016
Using Key Club Graphic Standards
For a 27-page color document describing the most current graphic standards, go to www.keyclub.org and find this guide under, “Resources�. Download it and save it to your hard drive. Then refer to it whenever you are creating an official document.
CNH K E Y C L U B OFFICERS TRAINING CONFERENCE/Webmaster Workshop
May 1, 2016
What Should Be on the Site?
While you are not required to enter the CNH Distinguished Website competition, you should still make every effort to follow these recommended guidelines
Scoring Rubric in case you do choose to enter the CNH Website competition
Tips for the club webmaster: Create the site during the summer time Traditionally it takes 50-100 hours to create the site, depending upon how in-depth you want it to be. Suggested tabs across the top should include: o Home o About Us Not Limited to These o Members o Multimedia o Contact Us You need a good photographer o Pictures should be uploaded within 48 hours of any event This means continued updating on the site A responsible person, willing to spend regular time on the site, should be put in charge If you don’t have a webmaster, then a Vice President should take charge of this responsibility. The “Home” page should be constantly updated and provide links to information found in other sections, depending upon what is immediately important for the members to know. Some pages, like the “Contact Us” can be created in the summer, and probably never changed for the rest of the year. What you include in the “About Us” section is really up to you.
CNH K E Y C L U B OFFICERS TRAINING CONFERENCE/Webmaster Workshop
May 1, 2016
Examples of 2016 Distinguished Websites
Home Page of the Ayala Key Club
Notice the interactive poll, bright colors, use of logos, links to other social media, videos, etc.
Menu Bar is comprehensive
Contact page includes pictures and e-mail addresses of officers
Uses the Monthly Report Form spreadsheet to report regularly updated member service records
Provides access to printable versions of forms that members may need during the course of the year
Upcoming Events section is kept current with information helpful to members being able to join into the activities and “buttons� that link to new pages of information
Example of a linked page
Isn’t this something that members would find helpful?
Provides a description of the event with a button link to more photos
Multiple images are available through use of the link
Links to club newsletters are provided
Club newsletters are on-line magazines created through issuu.com
Recognition is given to the Members of the Month
Questions that a new member might ask are answered
A Few Other Distinguished Website Home Page Examples
The bottom of the Independence Key Club Home Page is a rotating slide of pictures
This site has a scrolling message that continually goes across on the top bar. It tells upcoming events and dates
The picture in the center is a slide show, continually changing
More of what’s on their Home page
The small pictures at the top continually shift to the left, changing what is shown all the time
More found on their Home page‌
CNH K E Y C L U B OFFICERS TRAINING CONFERENCE/Webmaster Workshop
May 1, 2016
What About Facebook?
Facebook can be a useful club communication tool, as long as your members are willing to “join or like� your site. Someone will need to invite all members to join & then be in charge of sending out messages. Facebook works even better if an officer/leader makes INDIVIDUAL contacts when needed.
Example of a Well-Maintained Facebook Site
The officers and members are putting regular reminders, pictures and more on the site.