Web Page TrainingSummer 2014Presented by: Mountain Brook Schools Tech Team

Background• The goal is to change the focus of the webpage to be

more user centered.ParentsStudentsStaff

• In the process we hope to accomplish the following:Refresh the appearance with updated colors and

graphicsIncorporate social mediaEmpower all staff (easy interface)Improve navigation for parents, students, & staffIncorporate password protected accessIndividualize views

Design Components

• The components of the website consists of the following:ChannelsSectionsPagesApps or Building Blocks

• The technology staff has created templates with building blocks added to get you started.• You may add, delete and customize pages to

meet your needs.

District Home Page

• Rotating Pictures• Upcoming Events• MBS News• Expandable Menus• For Parents• For Students• For Staff

Channels

Sections

Pages and Page TypesSection

Channels

Apps or Building Blocks

Apps or Building Blocks

Adding ContentFlex Editor

Accessing the Section Workspace1. Signing in & Accessing Your Section2. Accessing Site Manager3. Automatic access to Section

Logging In and Navigating1. Go to the following URL:

http://mbs.schoolwires.net/site/default.aspx

2. Sign in with your network username and password.

3. Click the Site Manager tab.

Site Manager View

• This is the Site Manager View. This is your Section where you see a list of your Current Pages in your section.

• To edit your Homepage, you can either click the Homepage or choose Actions/Edit next to the Homepage.

• You will only see what you have permission to see.

Section Workspace Layout (Green)

Summary Tab Adding Pages Page Status – Active/Inactive Editing Pages in a Section Changing Page Name / Display Duration Change Page Layout Page URL, Page Viewing Rights, Copy, Move, Page

Statistics, Delete pages Organizing Pages within a Section

Managing Your Homepage

• Your Homepage may begin with the Flex Editor App as shown on the right.

• Most teacher homepages have a layout of one (1) column. District department pages may have 1, 2, or 3 columns!

• If you want to edit another page in your section, you can click the home button under the Summary tab and then click the other page you want to edit.

• When you want to go back to the website view, you can click View Website.

Pages

• You can add new pages to your section by clicking the New Page button. At that point, you will be asked to select a type of page, for example a blog page or flex page, etc.

Pages

If you have access to other pages other than just your section, those will appear to the left of your Section.

Editing a Page

Common Apps

Flex Editor—Most Common AppThe Flex Editor allows you flexibility to format text, insert photos, link text, etc. The

options in this editor are very similar to options in Word and other programs.

Calendar:Use a Calendar App to display information about timing / dates of important events in your classroom. Combine the Calendar App with the Upcoming Events App for a crisp look on the page.

Document Viewer AppThe Document Viewer app , powered by Google Docs ™ Viewer, allows you to display a document on a page on your end - user website without the worry of embedding and adjusting code within the Schoolwires editor. You add a Document Viewer app to your page, edit the app and Browse to locate the document that you wish to display.

LinksYou use a Link Library App to build a collection of links to other websites of interest.

For example, you might include links of a similar topic or theme.

Photo Gallery App

Getting the Right Effect on theContact Page

Getting the Right Effect on theContact Page

Getting the Right Effect on theContact Page

Getting Started with YOURPages!