Agenda: Class 4
ET605 Introduction to Educational Technology
David Marcovitz
- Announcements and Questions
- Class is virtual next week
- Watch your email for assignments in lieu of class
- Keep up the great work on the discussions at Moodle; try to get
started earlier
- Final exam is open book/open notes
- For your project, you do not necessarily need to use HTML
- For the final exam, you do need to use HTML
- Questions
- Discuss Article: Constructing
Historical Profiles with Digital Natives
- Web Page Creation Part II
- See handouts at class Web site and Moodle (print what you like)
- NEVER save a Web page from the browser
- ALWAYS save it from the word processor
- Four kinds of links (only vary by what’s inside the quotes)
- Absolute links specify the exact location:
“http://www.something.com/”
- Relative links specify the file name and look for a file in
the folder: “MyOtherPage.html”
- Email links include the word mailto:
“mailto:someone@somewhere.com”
- Internal links need a name and a link starting with #
- <a name=”something”>
- <a href=”#something”>
- Step 4: Go away and come back, and set up the Web page in your
browser and word processor
- More HTML tags: Pictures, Lists, and Tables
- Other things you want to know
- Other Ways to Create Web Pages
- Look for ways to insert or edit HTML code
- Good for doing things that the editors don’t do
- Good for embedding media (such as YouTube video or poll code)
- Word-processor-like programs (generally allow direct editing of
source code)
- Microsoft FrontPage (no longer being made)
- KompoZer (http://www.kompozer.net)
- free
- Adobe GoLive, Dreamweaver, etc.
- Templates
- Online systems
- See, for example, http://weebly.com/
(allows direct editing
of the theme and adding blocks of Custom HTML to page)
- Blogs and Wikis
- Create something at Weebly, WikiSpaces, or Blogger
- Find the custom HTML feature to add your own HTML code (even
something simple like a link or big heading)
- Go to http://pollcode.com/,
create a poll, and add it to your
site
- Web Activity
- Pick a topic you are interested in teaching about
- Create three Web pages about this topic:
- One for students
- One for parents
- One for other teachers
- Each Web page should include:
- at least one paragraph about the topic
- at least one picture related to the topic
- at least three links to external resources about the topic
- links to the other two pages
- Be sure to include on each page:
- A title using the <title> tag
- A heading using the <h1> or <h2> tag
- A paragraph using the <p> tag
- At least one picture using the <img> tag
- At least one bulleted or numbered list
- At least one table (possibly the list of resources with
descriptions)
- At least three links to external Web sites and two links to
your other pages
- Correct tags including <html>, <head>, and
<body> tags
- Don’t forget to name your pages with simple names and save all
your files to one folder
- Note: The spirit of this assignment is that you will make three
distinct Web pages, not just copy three files and change the text in
the paragraph
- Time permitting: try putting your Web site in the www folder of
your G drive, and look for it on the Web:
- http://studentpersonalpages.loyola.edu/username/www/foldername/filename.html
- "username" should be your username (that you use to login to
WebAdvisor, Moodle, etc.)
- "foldername" should be the name of the folder you put the
file in on the server (if any)
- "filename.html" is the name of the file, which can be omitted
if the file name is index.html
- Phase II of the Class: Problem-Based Learning - Last 30 minutes
of Class
- Phase I, Introducing Basic Technologies, is complete
- Phase II begins now
- Future classes will consist of:
- Brief discussion of article
- Mini-lesson
- Group work time
- My meeting with groups individually
- Form Problem-Based Learning Groups
- You will stay with this group for the rest of the semester
- Groups will have three or four members
- Some resources for your groups:
- Your group members
- The class web site (including material listed on the
assignment)
- The instructor (I am here to help you succeed in this class)
- Although you may divide the work however you see fit (as long
it is divided somewhat evenly), each group member is responsible for
basic familiarity with the technology because it will be covered on the
final exam.
- Let's Get Started
- Formulate a collaboration strategy (times to meet,
communicating by email, etc.)
- Plan your first steps, possibly exploring learning activity
ideas from the three sources listed on the assignment
- Brainstorm ideas
- Create something useful
- Have fun!
- Assignments
This page was prepared by: David
M. Marcovitz, Ph.D.
Last updated: February 1, 2013