web page review making a tutorial: an overview handouts

5
• Web Page Review • Making A Tutorial: An Overview • Handouts

Upload: rolf-flynn

Post on 12-Jan-2016

212 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web Page Review Making A Tutorial: An Overview Handouts

• Web Page Review• Making A Tutorial: An Overview• Handouts

Page 2: Web Page Review Making A Tutorial: An Overview Handouts

Web Page Review

To create or edit a Web page, or HTML file, use Mozilla Composer.

Composer is just like a word processor.

• It’s a “free” HTML editor. • Your TRIBE account is your Website.• You can edit your Web page at any time.

Page 3: Web Page Review Making A Tutorial: An Overview Handouts

Making A Tutorial

Use Powerpoint to describe a process or procedure with text and images.

Capture the screen. Then crop it.• Paste the cropped image into a slide. • Add accompanying text explanation.• Rule: “1 point, 1 slide”.• Use a consistent format for text

and image placement.

Page 4: Web Page Review Making A Tutorial: An Overview Handouts

Michael Beutner, Associate Professor, Instructional TechnologyOffice: Strauss Hall 206 (203) Email : [email protected] Website: http://ulm.edu/~beutner/528/index.htmlWhen you send email, please type in Subject area: EDFN 528, FirstName LastName, YourTopic

Web Page Review

1. How do you start Mozilla? 2. How do you edit your index.html file?3. Why is the index.html file important?4. How do you access your file to your account?

Hint: ftp://tribe.ulm.edu/ for students ftp://spock.ulm.edu for faculty and staff

5. Which folder should you open in your account?Hint: public_html

5. How do you copy your index.html file to your account?6. How do you access your Web page from a browser?

Hint: http://tribe.ulm.edu/~your_login/ for studentshttp://ulm.edu/~your_login/ for faculty and staff

7, Is it important to keep all related Web files in one folder?8. How do I crop an image?

Hint: Use Paint.9. How do I crop and resize an image?

Hint: Use Infanview to crop and resize. Then, save as a JPEG file. Finally, open again in Paint andresave as a JPEG file.

Page 5: Web Page Review Making A Tutorial: An Overview Handouts

Michael Beutner, Associate Professor, Instructional TechnologyOffice: Strauss Hall 206 (203) Email : [email protected] Website: http://ulm.edu/~beutner/528/index.htmlWhen you send email, please type in Subject area: EDFN 528, FirstName LastName, YourTopic

Making A Tutorial Overview: An Inventory

1. How do you create a new Powerpoint presentation? 2. How do you insert a new slide?3. How do you insert an image into a slide?4. How do you resize an image?5. How do you add explanatory text to accompany the image?6. How do you add objects like arrows or circles?7. How do you copy and paste a slide?8. How do you copy and paste parts of a slide?9. How do you use “transitional elements”?10. How do you add sound?11. How do you add video?12. How do you control a presentation?

Discussion: How do you create an effective tutorial?Discussion: How important is “format”?