Developing a Website for the Foreign Language Classroom F LAVA Conference, Williamsburg, VA October...

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