Creating a Website

1
Creating a Website

• Using OpenMind

2
Table of Contents

• Safety
• Starting out
• Branches vs. Text Editor
• Adding pictures
• Exporting
• Frequently Asked Questions (FAQs)
• Project Diagram

Click this symbol to return to the Table of
Contents
3
Safety Precautions

• Our OpenMind projects will become webpages that
  will be live meaning that they can be viewed by
  ANYONE in the world. How do we keep ourselves
  safe?
• Only use your username on the pages
• Do not include personal details about yourself
  (example I play baseball on Tuesdays from 4-6 pm)

4
Safety Precautions page 2

• Know that people will already know that you are a
  student at New Albany Middle School, do not give
  any additional information to make it more
  specific as to who you are
• Using the internet and making webpages is
  important and fun as long as you use it smart!

5
Starting Out

• Preparing the public folder
• 7th Grade 07-08
• StudentWebPages
• File ? New ? Folder
• Your USERNAME is the folder title

6
Starting Out page 2

• Using OpenMind 2.0
• Can check out from library to install on home
  computer
• Challenge Must transport all files from school
  to home.
• Only really necessary if absent because we will
  spend plenty of lab time
• Use MindMap format
• First Box will be name at top of webpage
• Use countrys name and username (see Safety)?

7
Branches vs. Text Editor

• Branches indicate links

United States of America is the main title of the
page. Historical Places, Recreational Places,
and Literature are all links from United States
of America. Place 1 is linked from Historical
Places.
8
Branches vs. Text Editor page 2

• The paper clip indicates that there is
  information written that will appear on the page
• This information is typed in the Text Editor

Dont see a text editor? See FAQs.
9
Adding Pictures

• Note You CANNOT copy and paste a picture
• Save your picture into the SAME folder as your
  OpenMind project
• Public 7th Grade 07-08 StudentWebPages
  Username
• Insert picture
• Select picture and click open
• Size picture if necessary
• Cite picture by typing web address and date
  retrieved underneath

Using Google Images as the web address where you
found your picture? See FAQs.
10
Exporting
11
Exporting page 2

• Export Wizard vs. Quick Export
• Export Wizard allows you to pick a template and
  where you want to export to
• Quick Export uses the same information you picked
  in the last Export Wizard
• Always View in Browser because sometimes it
  gets confused and you must do another Wizard and
  select your template again

12
Exporting page 3

• After selecting your template
• Click Next until you are asked to pick an Export
  Path

13
Exporting page 4

• Where do I export it to?
• Click the browse folder
• Select the SAME folder that your OpenMind project
  and all your pictures are in
• Public 7th Grade 07-08 StudentWebPages
  Username

14
Exporting page 5

• Yes, you want to overwrite!
• ALWAYS view in browser to make sure it looks how
  you want it to!
• Does your webpage look messed up? See FAQs.

Example of a messed up webpage.
15
Frequently Asked Questions

• What do I do if I dont have a Text Editor?
• View Panels Text Note Editor
• Is it okay to use www.google.com or
  www.googleimages.com as the web address where I
  found my pictures?
• 2. NO! These two sites store pictures, but do
  not own them. Would you site a book as library?

16
FAQs page 2

• 3. How do I fix my webpage if it looks messed up
  after I quick export?
• 3. Go back to the OpenMind project and do an
  Export Wizard. Make sure you select the actual
  template you used and not the one label most
  recently used
• 4. I changed my OpenMind project, why isnt it
  changed on my exported?
• 4. Changes will not appear on the exported page
  until you re-export. (see project diagram)

17
FAQs page 3

• 5. Okay, so now I re-exported, but it looks the
  old way on the internet?
• 5. The internet version will not change until Mr.
  Moore or Mrs. Parker transfer the documents.
  This process takes a while, so they cannot do it
  everyday. The pages in your OMHtmlExport folder
  will appear the same on the internet. The
  index page should be your first page. (see
  project diagram)

18
Project Diagram
Export
Webpage
OpenMind Project
Transfer by Mr. Moore or Mrs. Parker
Live internet Webpage that can be viewed anywhere
in the world!
These are 3 separate documents!