Foxbright – Smarter Education Websites Foxbright Training Foxbright Teacher Pages ...
-
Upload
jessie-lindsey -
Category
Documents
-
view
222 -
download
0
Transcript of Foxbright – Smarter Education Websites Foxbright Training Foxbright Teacher Pages ...
Foxbright – Smarter Education Websites www.foxbright.com
Foxbright Training
Foxbright Teacher Pages
http://[email protected]
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
System Login
You will be required to login: Go to ELSP.us > Staff Links > Foxbright Teacher Pages
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
Update info & add photo
• Select My Information– Click on your name to
get the dropdown menu
Foxbright – Smarter Education Websites www.foxbright.com
Update Profile Photo
• Scroll down to see the Photo and Profile
• Select New Photo
Foxbright – Smarter Education Websites www.foxbright.com
Upload New Photo• You will be asked to Select a File
Foxbright – Smarter Education Websites www.foxbright.com
Upload New Photo• Browse for your photo image
• When you have it selected, select “Open”
Foxbright – Smarter Education Websites www.foxbright.com
Upload New Photo• You will now see your photo and you have
options to “Crop” and “Resize”
Foxbright – Smarter Education Websites www.foxbright.com
Upload New Photo• Resize and move window to portion of photo that you want
and select Preview.
Foxbright – Smarter Education Websites www.foxbright.com
• If you are happy with it, select “Save”• Otherwise select “Undo Crop”
Upload New Photo
Foxbright – Smarter Education Websites www.foxbright.com
• Select “Save” when satisfied
Upload New Photo
Foxbright – Smarter Education Websites www.foxbright.com
Teacher Pages
• Select “My Pages” Tab • You will see your pages
Foxbright – Smarter Education Websites www.foxbright.com
Teacher Pages
• You can update your Page Name – Click on Gear next to your page – Select “Settings”
Foxbright – Smarter Education Websites www.foxbright.com
Teacher Pages• Enter a new Page Name
– The other fields will automatically update– Select Save
Foxbright – Smarter Education Websites www.foxbright.com
Teacher Pages• You can also add pages
– Click the Gear and Select “Add Page”
Foxbright – Smarter Education Websites www.foxbright.com
Teacher Pages• Enter a name for your page.
– The system will fill out the other fields– Save the page.
Foxbright – Smarter Education Websites www.foxbright.com
Editing Page Content
• Click on the page name to edit the page
Foxbright – Smarter Education Websites www.foxbright.com
Editing Page Content• Click Edit in the box to open the edit window.
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
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.
Foxbright – Smarter Education Websites www.foxbright.com
Page Editor• Frequently Used Tool Bar Icons
– Format• Styles to
change format
– Snippets• Inserts an icon• Use these when linking to
documents
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
Link to Document
Step 1 – Create Link Text•Enter Link Text and Select Text using mouse•Select the “Link” icon
Foxbright – Smarter Education Websites www.foxbright.com
Link to Document
• Step 2: Upload Document – Select Browse for Link button– Choose select file
Foxbright – Smarter Education Websites www.foxbright.com
Link to Document
Step 3: Find File•Click the name of the file to add it or,•Select Add File to upload a file
Foxbright – Smarter Education Websites www.foxbright.com
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.
Foxbright – Smarter Education Websites www.foxbright.com
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)
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
Link to Page on your Site
Step 1: Create Link Text•Enter Link Text and Select Text •Select the “Link” icon
Foxbright – Smarter Education Websites www.foxbright.com
Link to Page on your Site
Step 2: Find Page•Click on “Browse for Link”
Foxbright – Smarter Education Websites www.foxbright.com
Link to Page on your Site
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
Foxbright – Smarter Education Websites www.foxbright.com
Link to Page on your Site
Step 4: Insert Link•The chosen internal link will now be in the URL field•Select OK
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
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.
Foxbright – Smarter Education Websites www.foxbright.com
Add Picture
Step 1 – Picture Location•Put your cursor location to where you would like to add the picture•Select the “Insert Image” icon
Foxbright – Smarter Education Websites www.foxbright.com
Add Picture
• Step 2: Upload Picture– Select Browse Server
For Image
Foxbright – Smarter Education Websites www.foxbright.com
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.
Foxbright – Smarter Education Websites www.foxbright.com
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.
Foxbright – Smarter Education Websites www.foxbright.com
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.
Foxbright – Smarter Education Websites www.foxbright.com
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.
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
Add Media
Step 3: Paste Embed Code•Paste the Embed Code in the Embed Media Window and choose OK
Foxbright – Smarter Education Websites www.foxbright.com
Add Media• The video (or other
media) will now be displayed on your page.
• Save the content window.
Foxbright – Smarter Education Websites www.foxbright.com
Calendars• The system will allow you to have 1 or more
calendars– Test Dates– Homework Assignments– Project Dates
Foxbright – Smarter Education Websites www.foxbright.com
Add Calendar
Step 1 – Calendars Tab•Select the Calendars Tab•Choose Add Calendar
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
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.
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
Calendar Display Options
• Multi-Calendar Agenda View– This is the month view and should have a dedicated
page
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
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
Foxbright – Smarter Education Websites www.foxbright.com
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!