Weebly Orientation Topics
These topics are for orientation to the using Weebly for the LWVCC website. After this session, you are invited to get your Weebly login and do the practice exercises on the Training pages 1-5. You will probably proceed at different rates after the initial session.
Intro: Walk through of the Weebly website pieces
|
Header/Navigation bar - Appears on every page
Footer - Appears on every page - what to do if you accidentally wander into the footer - how to get out Pages - Each page has a name and a link. Pages can be "hidden" or visible. They can be copied or deleted or moved. Most important page: home page (most visited) always changing. Home page content backed up on other pages. Menus - There are two major menus that you will work with: the Build Menu and the Page Menu. Build Menu - Most commonly used features: buttons, text, images, links, divider, spacer, content color boxes. Page Menu - Home, About, News & Events, About Voting, Issues, Get Involved |
|
Discussion: Which menu would you use to create a text box? Post an image on a page? Which menu item contains the Election Resources page? Which menu item lets you provide input on Illinois legislation? If you wanted to get rid of the News & Events item on the Navigation Menu, how would you do it?
Other things to notice: Moving the cursor around on a Weebly Editor page shows you various lightly colored lines. These are important for knowing what piece of Weebly you are working on.
Demo: Copy and Delete on the corners of boxes. Blue lines around a text box. Dotted box in the center top of a Content Color box that holds text and links. The text edit menu that appears when you click a text box which has similarity to Word docs. Learn which on makes text bigger/smaller, a different color, adds a link, adds a list, or does an "undo" action. |
Training page 1a Training page 1 Text Edit a text box
Demo: Add to Members page: Sally New Member, Urbana. LWVCC now has 215 members. Then erase.
Training page 1b Creating a text box and adding links
Demo: Create a new text box labeled Illinois LWV Action Alerts. Link the text box to the LWVIL site:
https://www.lwvil.org/time-for-action-alerts. It will look like the box below. Make sure it works.
Demo: Add to Members page: Sally New Member, Urbana. LWVCC now has 215 members. Then erase.
Training page 1b Creating a text box and adding links
Demo: Create a new text box labeled Illinois LWV Action Alerts. Link the text box to the LWVIL site:
https://www.lwvil.org/time-for-action-alerts. It will look like the box below. Make sure it works.
Training page 2: Playing with Images and Creating Buttons
Demo: Create a button that jumps to the Contact Your Government Officials page on our website. It will look like the one below.
Publish and test to make sure it works correctly. (Use the Standard page feature to find the right place to jump to.)
Demo: Create a button that jumps to the Contact Your Government Officials page on our website. It will look like the one below.
Publish and test to make sure it works correctly. (Use the Standard page feature to find the right place to jump to.)
Training page 3: Content Color Boxes
Demo: Go to MarCom team page (https://www.lwvchampaigncounty.org/marketing--communications.html) and
create a new box where indicated. Start with a red box, then adjust as needed.
Demo: Go to MarCom team page (https://www.lwvchampaigncounty.org/marketing--communications.html) and
create a new box where indicated. Start with a red box, then adjust as needed.
Training page 4 - Web Standards
Demo: Find and review the two pages Website Best Practices and Custom Elements.
Demo: Find and review the two pages Website Best Practices and Custom Elements.
Training page 5 - Google Drive and the Website
Demo: Visit LWVCC Docs & Handouts, See the three major sections: Administration, Members, Public
Demo: Visit Members section and then to webteam area: Web Team
Demo: Create a new work area for trainees. Upload a document into this area. Erase. Upload again.
Demo: Visit the Public section and discuss rules for using this section.
Demo: Visit LWVCC Docs & Handouts, See the three major sections: Administration, Members, Public
Demo: Visit Members section and then to webteam area: Web Team
Demo: Create a new work area for trainees. Upload a document into this area. Erase. Upload again.
Demo: Visit the Public section and discuss rules for using this section.
Practice on Your Own
- Get a Weebly Login. Send Linda a note when you have it. She'll send you a Weebly invite.
- Log on to Weebly. Feel free to contact Linda for shared session to help as needed.
- Review Training pages (as many as you can). Contact for help as needed, ie don't stay stuck!
Next Session
- Discuss Weirdo Weebly features
- Discuss the Public area of the Google Drive and how the webteam uses it.
- Take on a "real" assignment for next time
