The many uses of an iPad Here are a couple tips to keep in mind: Keep it simple: A website is a place for the exchange of information. It does not need.

Slides:



Advertisements
Similar presentations
Drupal Basics Part 2 Everyday Tasks Editing a page Toolbar basics Add a hyperlink Using the theme Agricultural Communications Services Integrated Media.
Advertisements

DREAMWEAVER Welcome to our website!
Getting Started with your Course Staff Guide. Turn Editing On Click either the link or the button as below:
Web Page Training Summer 2014 Presented by: Mountain Brook Schools Tech Team.
Editing Your Faculty Homepage  This tutorial will go through the steps for editing your Faculty homepage.  Thank you to Ryan Vyborny for letting me use.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Online Collaboration Applications ADE100- Computer Literacy Lecture 28.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
How can blogs be kid friendly? In this session, you will learn how to set up your class, how to create blogs, learn benefits and uses of blogging, etc.
New School Websites Teacher Pages. Visit the SCUSD Website for videos tutorials: For more information.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Designing a Classroom Web Site Using NVU Beginning Level.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Website Tutorial. Administration  Log on by clicking Login on the footer of almost any page  Your Username is.
Building and managing class pages on our new Web site School Wires Training.
~ How to create a basic website ~ Prepared by Jann Bradshaw April 2010.
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.
December 10th Inservice Presenter: Linda Lopresti 9-10 English Department (K112) Contact Info: twitter:
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Technologies Website Development Trade & Industrial Education
© 2012 Boise State University1 WordPress Training February 14, 2013.
The 21 st Century Lit GUIDE to WRITING COLLABORATION USING GOOGLE DOCS.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
 2 To loginTo login  3 Forgot password?Forgot password?  4 Change PasswordChange Password  5 Edit an existing “Standard Page”Edit an existing “Standard.
Schoolwires Denise Harlem October 20, 2009.
How to Web Page with iModules First row of icons.
How To Use Google Docs. 1. Go to the Google Docs website a) Go to b) Sign in using your username and password.
Schoolwires 101 Frequently used “shortcut key” within the editor. ~Created by, Shannon Conley.
MAKEOVER WEB EDITION MCPSS Web Site – Teacher Page Extreme.
Website Development with Dreamweaver
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
1. 2 Introductions  Name?  What do you want to get out of this session?  To follow along with this presentation go to
Foxbright – Smarter Education Websiteswww.foxbright.com Foxbright Training Foxbright Teacher Pages
1. 2 To edit your site go to: To preview your site & other sites in your school or the region, go to:
Wiki Space Introduction How to use Wiki spaces to complete your project on the Crusades.
Wikispaces in Education Tutorial Fatema Kashoob Nawal ALKathiri
A STUDENT’S GUIDE TO ADDING IMAGES TO NEW OR EXISTING BLOG POSTS Adding Images to Your Blog Post Presented by Michelle Krummel.
 To begin you first need to sign up to Weebly by going to or alternatively and we will create an account.
By ALFREDO C. MEDRANO Planning Officer III. What is a website? A website is a collection of web pages (documents that are accessed through the Internet).
By: Ms. Abeer Helwa 1. WORD WEB APP 2 Word Web App is a limited version of Word, enabling you to edit, format, and share documents online. Word Web App.
The Basics of Microsoft Word Getting Started and Formatting your paper.
By ALFREDO C. MEDRANO Planning Officer III. What is a website? A website is a collection of web pages (documents that are accessed through the Internet).
How to create blogs In. Register Click on If you have a Google account(i.e. Gmail), then sign in with your username.
Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.
Wikispaces in Education Tutorial ESA, Region 2 Mary Teply Marge Hauser.
Introduction to Technology. Parts of MSWord Screen Title Bar Quick Access Toolbar Button Ribbon Status Bar (views and zoom)
Develop Your Web Presence Using WEEBLY TECHNO DRAGON PD | WEEBLY.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
Wikis in Education: Part III Wiki Basics University School of Milwaukee.
Schoolwires – District 205 created by Andrew Chidester.
Creating a Google Site For a Digital Portfolio Purpose.
Welcome Teachers! - WELCOME TO TEACHER WEBSITE BUILDING 101.
+ SCHOOLWIRES TUTORIAL Creating Effective Class Websites PRESENTER: CHRISTINE DIXON SMUSD EdTech TOSA
Schoolwires How to modify your classroom webpage.
Contributing to the WCARC Website
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
With Microsoft FrontPage 2000
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
LMEvents SharePoint Portal How-to Guide
~ How to create a basic website Part II ~
Welcome to the JCISD Teacher Website Training Guide
Introduction to Microsoft Word Part 1
Module 6: Creating Web Pages and Working with Channels
Nov 5th Inservice.
Designing a Pittsfordschools.org site
Introduction to the ISB Intranet
Navigating NEIU Blackboard 417 – 418a
Presentation transcript:

The many uses of an iPad

Here are a couple tips to keep in mind: Keep it simple: A website is a place for the exchange of information. It does not need to be flashy or complex. Keeping it simple will make it more manageable. Be realistic: In the beginning, posting a quote of the day or daily homework sounds like a great idea, but this will be very hard to manage when you’re teaching. Set manageable goals.

What elements would you like to have on your website?  Name  Date  Contact Info  Assignments  Lesson Plans  Announcements  Images  Links

Channel Bar Page Links Breadcrumbs Page Contents

Technical Tips  Browser Preference: Firefox  Files: Consider using PDF format when posting files. This will make it less likely that the contents of your documents will be altered.  Minimize scrolling. Whenever possible, break long pages into separate pages.  Avoid using flashing/scrolling text that is distracting.  Spell Check.  Avoid using tables.

Technical Tips  Images: Do not copy and paste images, make sure to use “Insert Image” icon. Keep images narrower than 500 pixels wide. Use JPG and JPEG images. Resize “large to small” not “small to large” to avoid a pixilated image.  Copy and paste from Word: Use the “Paste from Word” option (otherwise it copies a lot of unnecessary HTML code).

Technical Tips  Text/Sizing: Traditional web fonts that are recommended are Sans- Serif--Tahoma, Arial, Verdana or Serif-Times New Roman, Georgia.  Use consistent size and color when adding different text elements.  Black is preferred text color. Avoid red, green or yellow.  Text size: 10 or 12 is preferred.  Avoid flashing or scrolling text as it can be distracting.

Let’s get started! Go to the school website: Go to your home page

Logging into your Schoolwires account. Click here

Enter your username & password.

Click on Site Manager.

This is your Schoolwires workspace. My Pages

Where do all of your files, folders, images, or movies go?

Help Section

To make a new page… Click the New Page button A box will pop up with a list of available page types. Let’s take a look at your options.

About Teacher: Easy Template to use that includes contact information Article Library: Good for news items/announcements Available Page Types Assignments: Can include due dates and other information

Available Page Types (cont.) Calendar: Can link your assignments. Can include homework, projects, field trips, conferences File Library: Include important class documents that need to be accessed by students frequently. Flex Editor: YOUR BFF The easiest editor for content!

Available Page Types (cont.) Link Library: Good for lists of websites. Photo Gallery: Share class projects, etc.

Name your page here Click Save Your new page will display at the bottom of your list. Click the link to start working in your new page. Getting to your new flex page…

Parts of the working area Tool Bar Area Typing area (use just like your using Word) Make sure this box is checked

Breaking down the Tool Bar Area Spell Check PrintFind & Replace CutCopyPastePaste from Word Paste Plain Text UndoRedoFull Screen F12 Text Style FontSizeFont Color Bkgd Color FormatBold Italic Underline Strikethrough Left Align Center Right Align Justified Number List/ Bullet List Increase Indent/ Decrease Indent Insert Image Insert Link File/ Insert Movie File Insert Horizontal Line BookmarkInsert Link Edit Link Remove Link Insert Link Form Insert Photo Gallery Insert Minibase Insert Table Table Options Row Properties Cell Properties Visible Border Special Characters Insert Editor Layout Open Toolbox Position by Pixel Remove Format

Other items available… If you want to hide a page temporarily, click the ACTIVE button. Now the page is hidden from your home page. Edit Page: Takes you right back to where you can edit your page. Get Link: Gives you the exact website link of the page. Delete: Remove the page completely from your website. Set Viewers: You can set who can access your website.

Organize Pages: Let’s you determine the order of all of your pages. You can either sort them yourself or have them sorted alphabetically. Recycle Bin: Pages that have been deleted are placed here until you permanently delete them. You have a built-in page counter too.

How to link documents in a flex editor page… Click Insert File Link Button

Upload File: Files that are on your computer. Click the Browse button to locate the file then click continue. Existing File: Files previously uploaded into your account.

Name your link Choose Open link in a new window Click Insert File Your link is now created.

How to link websites in a flex editor page… Click Insert Link Button

You can link from another area in your website, an address, or another website. If you are going to link to another website, you may want to copy and paste the web address. It will be much easier.

Notice that the is already there. Don’t paste that part of the web address in the box. Click Insert Link. Your link is now created.

Now it’s time to start creating. I have placed user guides and videos on my webpage to help you after the session.

You can also access the information through the SEA webpage.