Developing a Website for the Foreign Language
Classroom
FLAVA Conference, Williamsburg, VA
October 2013Annie Perrault Reichhoff
US French TeacherCape Henry Collegiate School
VP Norfolk French Allaince
The Host is where you put your Website
and all the Web pages
The Host!
Free Web HostingIT"S FREE!
Has limitations
2 Types of Hosting
Standard Web HostingNot Free!
More Options
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)
Top FREE hosting providers for WL site
http://www.top10bestwebsitebuilders.com/
List of Hosts with Website Builders
DomainA Domain is your website name
mywebsitename.com
Choose a Choose a short and easyshort and easyDomain NameDomain Name
related to the topicrelated to the topicof your site 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...
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
Build & Design
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.
Theme
Choose basic fonts for Text
Stick to black and grey fonts
Save Fancier fonts for your TitlesUse 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
Use photos to help break up blank areas or large amount of text
Photos
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
HTML Embed Code
End Product on Web Page
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.
RSSRich Site summary
RSS FEED
Ressources
Weebly.com
Techniques/Davis-MultimediaSite/
http://webdesign.about.com/od/beforeyoustartawebsite/p/build_website.htm
Disclaimer
chcfrancais.com
Let’s Explore!
Session Evaluation