Introductory Web Page Design using Microsoft Front Page

From Shifted Learning

Jump to: navigation, search

Cuba City School District
April 28, 2008 - 3:45 - 6:45pm

Pat Beaulieu
Sharon Knight
Keri Lawson
Jim Meckstroth

Contents

[edit] Introductions

Image:Do.png

  • Who are you?
  • What do they pay you to do?
  • What do you know?
  • What do you want to get out of today?

[edit] Rubric: Webpage Construction

National Educational Technology Standards References (TBD)

Level 1 Level 2 Level 3 Level 4
I cannot create a page which can be viewed with a web browser. I can save text I’ve created as an html file with a command in my word processor. I know a few, simple html commands. I can use a form-based tool to create a webpage. Using a web page authoring tool, I can: a) view web pages as source documents, b) create a formatted web page that uses background color, font styles and alignment, graphics, and tables, c) include links to other parts of my document or other Internet sites in my page, d) know basic guidelines for good web page construction and the district’s web policies I can use the web as an interface to databases. When appropriate, I can register my pages with search engine sites. I can help write web creation policies for design, content, and use.

[edit] Planning Your Site

Image:Site Structure.jpg When you're planning a Web site, it's important to establish the goal of the site first.

Briefly, here are some good tips for creating a goal for your site:

  • Make sure you know who your audience is. Parents? Students? Choose one to begin with and gradually move towards the other.
  • Keep it simple. A couple of sentences or a short paragraph is enough. If idea is too expansive, your site will end up looking like it's trying to do too much.

[edit] Pencil and Paper

Dig it out and map it out.

[edit] Choosing a Template

We'll take a look at a few of the default templates available through FrontPage.

[edit] Inserting Text and Links

Carve out a few of the basics of what you imagine being on your "front page".

[edit] Lorem

Here's a bit of jibberish that you can use to copy/paste to fill space in your site.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[edit] Linking Text

Google
Cuba City School District

[edit] Inserting Images

Image:Sand Castle.jpg

[edit] Getting Images

Icons can be used as images and work well within websites.
Flickr Creative Commons has millions of copyright friendly images that can be used within your sites.

[edit] File Formats

Graphics come in many different file formats. But there are three graphics file formats that are small in file size, and therefore optimized for fast viewing on the Web.

  • GIF
  • JPEG
  • PNG

[edit] Site Management

index.html (Default Page)
page.html
page1.html
page2.html
page3.html
images (Folder)

[edit] Layering Content and Resources in Your Site

Thinkfinity is a great source covering online resources for many content areas.

[edit] Further Support

Image:FrontPage 2003.jpg Atomic Learning video tutorials on FrontPage 2003.
FrontPage 2003 online support.
FrontPage 2003 online courses.

Retrieved from "http://www.shiftedlearning.org/wiki/Introductory_Web_Page_Design_using_Microsoft_Front_Page"
Personal tools
contact