Annie Reichhoff

Download Report

Transcript Annie Reichhoff

Developing a Website for
the Foreign Language
Classroom
FLAVA Conference, Williamsburg, VA
October 2013
Annie Perrault Reichhoff
US French Teacher
Cape Henry Collegiate School
VP Norfolk French Allaince
The Host!
The Host
is where you put your Website
and all the Web pages
2 Types of Hosting
Free Web Hosting
IT"S FREE!
Has limitations
Standard Web Hosting
Not Free!
More Options
Top FREE hosting providers
for WL site
Wix.com (Easy Website builder: html5, Flash, mobile,
blogs, etc.)
Biz.ly (Website & Blog builder, Photo album, Free biz.ly
domain)
Webs.com (Easy site builder, blog, forms, polls, Free
subdomain)
List of Hosts
with Website Builders
http://www.top10bestwebsitebuilders.com/
Domain
A Domain is your website name
mywebsitename.com
Choose a
short and easy
Domain Name
related to the topic
of your site
Planning
your WL site
What are my site goals?
Educate,
Share,
Fun....
Is it for students, teachers, others?
Planning
your WL Website
What information
do I want to share?
Class Material,
Vocabulary,
Grammar, Culture,
Daily News...
Planning
How do I want to share?
Text, Blogs, Videos,
Audio, Vodcast,
Pictures...
Build & Design
Look at other sites
http://www.chcfrancais.com
Uses
Weebly.com
Build & Design
Look at other sites
https://sites.google.com/a/capehenry.org
/spanish4fun/
uses sites.google.com
Build & Design
Look at other sites
creativelanguageclass.wordpress.com
uses Wordpress.org
Theme
Specific to World Language
Theme can be easily changed. You may
want to “try on” a few different themes
Changing your theme will not affect the
information added to the site. Don’t be
afraid to switch things up.
Choose basic fonts for Text
Stick to black and grey fonts
Save
Fancier fonts for your Titles
Use colored fonts sparingly
Create a consistent design
Organize WL Site
Clear Navigation Menu
3-5 Core Pages
Home/Classes/Blog/Culture/Current Events
Subpages
about / students/ topics / print, radio or TV news
Core Pages
Sub Pages
Photos
Use photos to help break up blank areas or
large amount of text
HTML Embed Code
WOW!
HTML Embed code
HTML is the most basic language used
to build a Web page.
It is the language which makes it possible to
present information on the Internet.
Web Page Editors - Finding the perfect editor
will help you learn design, HTML, and CSS
End Product on Web Page
HTML Embed Code
RSS
Rich Site summary
Transmitting and updates news in an automated way.
Most news sites (including virtually all blogs) will
publish what is called an RSS feed which is regularly
updated with the latest available headlines and/or
articles.
RSS FEED
Ressources
Weebly.com
Techniques/Davis-MultimediaSite/
http://webdesign.about.com/od/beforeyoustartawebsite/p/b
uild_website.htm
Disclaimer
Let’s Explore!
chcfrancais.com
Session Evaluation