Foxbright – Smarter Education Websites Foxbright Training Foxbright Teacher Pages [email protected]

Foxbright – Smarter Education Websites www.foxbright.com

Foxbright Training

Foxbright Teacher Pages

http://[email protected]


Teacher Pages• Overview of Teacher Pages Training

– www.eastlansingPD.weebly.com (PD Topics > Foxbright)

• Teacher Pages– Weebly or Planbook or Foxbright?– Logging in– What am I editing?– Contact info– Welcome page– Teacher page content– Finally – adding & editing pages


System Login

You will be required to login: Go to ELSP.us > Staff Links > Foxbright Teacher Pages


Welcome Page• Teacher Home / Welcome Page

– Small Bio including Years Teaching, Experience, Specialty & Professional Development

– May also include:• Homework Schedule

• Calendar of assignments, tests, projects, etc.

• Helpful links for students

– You can also create additional pages for• Different Subjects that you teach

• Projects

• Field Trips


Update info & add photo

• Select My Information– Click on your name to

get the dropdown menu


Update Profile Photo

• Scroll down to see the Photo and Profile

• Select New Photo


Upload New Photo• You will be asked to Select a File


Upload New Photo• Browse for your photo image

• When you have it selected, select “Open”


Upload New Photo• You will now see your photo and you have

options to “Crop” and “Resize”


Upload New Photo• Resize and move window to portion of photo that you want

and select Preview.


• If you are happy with it, select “Save”• Otherwise select “Undo Crop”

Upload New Photo


• Select “Save” when satisfied

Upload New Photo


Teacher Pages

• Select “My Pages” Tab • You will see your pages


Teacher Pages

• You can update your Page Name – Click on Gear next to your page – Select “Settings”


Teacher Pages• Enter a new Page Name

– The other fields will automatically update– Select Save


Teacher Pages• You can also add pages

– Click the Gear and Select “Add Page”


Teacher Pages• Enter a name for your page.

– The system will fill out the other fields– Save the page.


Editing Page Content

• Click on the page name to edit the page


Editing Page Content• Click Edit in the box to open the edit window.


Add Page• You will see an empty page if you just added the page

– The red outlines indicate where you can add content– Click or hover over a red box to view action options– Select the Edit option


Editing Page Content• Click in the box and start

typing to enter text• Use the “Format” drop to

change font size and color.• Save your changes


Page Editor• Frequently Used Tool Bar Icons

– Insert Link• Document (Word, PDF)• Website page

– Insert Photo

– Insert Multi Media• Video or Audio

– Paste• Use the Paste from Word function to have your formatting

converted to the available formats on your website.


Page Editor• Frequently Used Tool Bar Icons

– Format• Styles to

change format

– Snippets• Inserts an icon• Use these when linking to

documents


Page Editor

– Preview – this allows you to view the page to make sure everything looks correct

– Publish – this allows you to publish the page to make it live on the website.

– Close – this closes the Page Editor and returns you to your “My Pages” View


Inserting Links

• You can Add 3 types of links:– Link to a Document (Word, PDF, Excel)– Link to an External Web Page– Link to a page on your web site


Link to Document

Step 1 – Create Link Text•Enter Link Text and Select Text using mouse•Select the “Link” icon


Link to Document

• Step 2: Upload Document – Select Browse for Link button– Choose select file


Link to Document

Step 3: Find File•Click the name of the file to add it or,•Select Add File to upload a file


Link to Document

Step 4: Upload the file– Select A File– Select the Category “My Files”– Enter a Name– Enter a Description (optional)

•Select Save button– You will see a progress bar while

the file uploads– You will now see your uploaded file

on the category you chose from.


Link to Document• You now have uploaded a document and added a link to it on

your web page.• The link will be highlighted in the editor• To Test Link: • Save content block

• Select “Preview”(upper right)


Link to External Web Page

Step 1: Find the web page & copy the URL•Click on the address•Make sure the address is highlighted•Select Copy


Link to External Web Page

Step 2: Create Link Text•Enter Link Text and Select Text •Select the “Link” icon •Paste the URL in URL field and click OK


Link to Page on your Site

Step 1: Create Link Text•Enter Link Text and Select Text •Select the “Link” icon



Step 2: Find Page•Click on “Browse for Link”



Step 2: Find Page•The + symbol reveals subpages•If you know the name of the page you can search for it•Click on the page you want to link to

– I’ll choose athletics



Step 4: Insert Link•The chosen internal link will now be in the URL field•Select OK


Link to Page on your Site• You now have added a link

to “Athletics”• The link will be highlighted in

the editor• You can Save & Preview the

page to test the link


Inserting Photos or Multimedia• Inserting Photos

– You can insert pictures on your web page– If you want a slideshow or have a lot of photos,

please see Using the Photo Gallery

• Inserting Multimedia– If you have a video or voice file hosted on a third

party streaming site such as vimeo or youtube, you can get the embed code from your video and paste it in the window that opens after clicking the multimedia button.


Add Picture

Step 1 – Picture Location•Put your cursor location to where you would like to add the picture•Select the “Insert Image” icon


Add Picture

• Step 2: Upload Picture– Select Browse Server

For Image


Add Picture

• Step 2: Upload Picture– If the image has

already been uploaded, you can find the file in the list. Clicking on the title will select it, or:

– Click Add Image to upload a new image.


Add Picture

• Step 2: Upload Picture– Choose the “my files” – Click Select New File to

choose the image from your computer.

– Give your image a name and choose save.

– Your file will be added to the list for selection as showed in previous slide.


Add Picture

Step 3: Find File•Once the image is selected you can change its size and alignment.

• Hint: Make sure the lock is always locked to maintain aspect ratio

•Once satisfied, choose OK and the image will be added to your page.


Add PhotoStep 6: Resize Photo•If the photo is large, you may need to resize it so you can view it •Click on the photo to select it

– You can grab a corner a resize it

– Save your updated content.


Add Media

• Step 1: Get the Embed Code– Copy the Embed Code from the streaming service, such as

youtube or vimeo, for the video. Most of these site allow you to change the video size and other options before generating the code


Add Media

Step 2 –Video Location•Put your cursor location to where you would like to add the Video or Audio•Select the “Insert Multimedia” icon


Add Media

Step 3: Paste Embed Code•Paste the Embed Code in the Embed Media Window and choose OK


Add Media• The video (or other

media) will now be displayed on your page.

• Save the content window.


Calendars• The system will allow you to have 1 or more

calendars– Test Dates– Homework Assignments– Project Dates


Add Calendar

Step 1 – Calendars Tab•Select the Calendars Tab•Choose Add Calendar


Add CalendarStep 2: New Calendar•Give your calendar a name.•Save your new calendar

Note: If you have a Google Calendar you want to use

See Google Calendars


Add EventNow you can add events to the Calendar•Select Add Calendar Event under the Calendars tab•Choose your calendar from the dropdown list.•Give your event a title and dates. • Unselect “All Day” to enter a start and end time

•You can also add a file, such as a permissions slip.


Add EventEnter Event Description•If you want to add more information about your event, such as a link or assignments, add it in the Event Description. •Save your calendar


Add Calendar to Page• Now that you have a calendar you will need to add the

calendar to your page.• First you should determine the presentation you want to

use:– Mini Calendar – Upcoming Events


Calendar Presentation Options– Upcoming Events

• Shows events for the next number of days • You can configure number of days• Best displayed in side column

– Mini Calendar • On mouse click shows events for that day• Best displayed in side column


Calendar Display Options

• Multi-Calendar Agenda View– This is the month view and should have a dedicated

page


Add Calendar to Page• Now that you have a calendar you will need to add the

calendar to your page.• From My Pages edit the Page you want to add the

calendar• Choose Add Block

where you want to add the calendar • Select the calendar style from the dropdown list• Click Add Block


Add Calendar to Page• Choose which calendar(s) to display.• You may see more options based on the calendar display.• Set iCal enabled to “Yes” so students and parents can

subscribe to your calendar


Support & Help Desk• Remember Save and Preview often.• Always preview your changes before Publishing your page• Foxbright has a variety of other tools to customize your

page such as Newsletters and Photo galleries. • Visit support.foxbright.com for more details. • You may need to contact your web administrator to get

permission to use other features. • If you get stuck, please email: [email protected]

– Include your name and the page you are working on– Describe the problem– Provide a phone number as we may want to call you!

Documents

Foxbright – Smarter Education Websites Foxbright Training Foxbright Teacher Pages [email protected]