web page training summer 2014 presented by: mountain brook schools tech team
TRANSCRIPT
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!