Blackboard Learn 9.1 © 2010 Blackboard Inc. All rights reserved.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

Word Processing and Desktop Publishing Software
Certificate in Digital Applications – Level 02 Website Design and Creation.
Web Site Development Test 2 Working in DreamWeaver.
Information Technology in Travel, Hospitality and Tourism
1. 2 A disability justice movement working to transform communities. Home of Michigan’s Assistive Technology Program MDRC’s Web Page:
Creating Accessible Presentations Training Guide.
Creating Accessible Instructional Materials
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Basic HTML The Magic Of Web Pages. Create an HTML folder  Make a folder in your H drive and name it “HTML”. We will save EVERYTHING for this unit here.
© 2008 Blackboard Inc. Presenting Content © 2008 Blackboard Inc. K-12.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
XP 1 HTML: The Language of the Web A Web page is a text file written in a language called Hypertext Markup Language. A markup language is a language that.
Blackboard Learn 9.1 © 2013 Blackboard Inc. All rights reserved.
Web Technologies Website Development Trade & Industrial Education
Microsoft Office 2007 Word Chapter 1 Creating and Editing a Word Document.
Blackboard Learn 9.1 © 2010 Blackboard Inc. All rights reserved.
Website Development with Dreamweaver
F-1 Management Information Systems for the Information Age Copyright 2004 The McGraw-Hill Companies, Inc. All rights reserved Extended Learning Module.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
McGraw-Hill Career Education© 2008 by the McGraw-Hill Companies, Inc. All Rights Reserved. 2-1 Office PowerPoint 2007 Lab 2 Modifying and Refining a Presentation.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
1 ADVANCED MICROSOFT WORD Lesson 13 – Working with Long Documents Microsoft Office 2003: Advanced.
1 Web Developer & Design Foundations with XHTML Chapter 4 Key Concepts.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
HTML: Hyptertext Markup Language Doman’s Sections.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
McGraw-Hill Career Education© 2008 by the McGraw-Hill Companies, Inc. All Rights Reserved. Office Word 2007 Lab 3 Creating Reports and Tables.
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
© 2010 Blackboard Inc. All rights reserved. Blackboard Learn 9.1 Getting Started.
Building Your Web Page. Build Your Web Page Orfordville Public Library held at: Parkview High School Tue. April 8 Tue. April 15 Tue. April 22.
Unit 1: Graphics are all around us Design Graphic.
© 2013 Blackboard Inc. All rights reserved. Blackboard Learn 9.1 Assessments, Part Two.
By: Ms. Abeer Helwa 1. WORD WEB APP 2 Word Web App is a limited version of Word, enabling you to edit, format, and share documents online. Word Web App.
© Blackboard Inc. All rights reserved. Blackboard Learn 9.1 Getting Started.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.
Windows XP Lab 3 Using Applications Competencies.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Creating and Editing a Web Page
© 2010 Blackboard Inc. All rights reserved. Blackboard Learn 9.1 Assessments, Part Two.
Blackboard Learn 9.1 © 2013 Blackboard Inc. All rights reserved. Advanced Communication.
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
Creating Web Pages with Links, Images, and Embedded Style Sheets
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 1 Getting Started with Word 2010.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
1 Chapter 15 Creating a Presentation. Practical Computer Literacy, 2 nd edition Chapter 15 2 What’s inside and on the CD? In this chapter, you will learn.
Online PD Basic HTML The Magic Of Web Pages
Creating a Presentation
Get Rid of the Gray! Make Accessibility More Black and White!
Lesson 16 Enhancing Documents
Making Templates Accessible
Creating ADA Compliant Resources
New PowerPoint Template
Computers and Scientific Thinking David Reed, Creighton University
New PowerPoint Template
Making Templates Accessible
Training & Development
Word Processing and Desktop Publishing Software
Accessibility Guide.
Designing Web Site Layout Using Fireworks
Best Practices for Great Presentations
Add some WordArt to your cover slide
Presentation transcript:

Blackboard Learn 9.1 © 2010 Blackboard Inc. All rights reserved.

Workshop Overview 1

Workshop Roadmap Workshop Overview The Student Experience Planning Your Content Creating Web-Friendly Content Building Learning Modules Creating a Glossary This workshop contains six sections: 1 Workshop Overview

Student Experience 2

Learning Outcomes Access a Learning Module as a student View content in a Learning Module View a Glossary 2 Student Experience

Accessing a Learning Module 2 Student Experience

Viewing Content in a Learning Module 2 Student Experience

Viewing Content in a Learning Module 2 Student Experience

Viewing Content in a Learning Module 2 Student Experience

Viewing a Glossary 2 Student Experience

Viewing a Glossary 2 Student Experience To search for a word, click its first letter.

Hands-on Activity Use the Student Course to complete the hands-on activity at the end of the Student Experience section. 2 Student Experience

Planning Content 3

Learning Outcomes Write a course goal Write a course objective Analyze your audience Evaluate your materials and resources for online use Create a storyboard for your course Create a Learning Module 3 Planning Content

Identifying Course Goals and Objectives 3 Planning Content Clearly defined course goals and objectives are critical to an online course. Course Goals – general statement about learning outcomes Course Objectives – statement about learner behavior

Identifying Course Goals and Objectives 3 Planning Content SMART S pecific – define your goal and methods clearly. M easurable – define your objectives numerically. A chievable – your objectives must be realistic and attainable with the available resources. R elevant – your objectives must address the stated need. T imely – state the start and finish for your objectives.

Considering the Audience 3 Planning Content Average age of student Educational background Types of computers and Internet connections English as second language Assistive technology used

Hands-on Activity Use your Practice Course to complete the hands-on activity in the Planning Content section. 3 Planning Content

Gathering Materials 3 Planning Content Are materials web-ready or easily modified? Lectures in HTML format Lectures in Microsoft ® PowerPoint ® presentations Digital file images Permission to distribute them online

Organizing Content 3 Planning Content Create a storyboard: An overview of each page’s content Linear or hierarchical flow of subject matter Steps students will take to learn the material Tools and methods connected with each objective

Organizing Content 3 Planning Content Example 1: Chronological Storyboard

Organizing Content 3 Planning Content Example 2: Subject Area Storyboard

Organizing Content 3 Planning Content Example 3: Content Type Storyboard

Mapping Your Content into Blackboard Learn 3 Planning Content Learning Modules are similar to Content Areas. Here is an example of a Learning Module used in a course about British poets.

Hands-on Activity Use your Practice Course to complete the hands-on activity at the end of the Planning Content section. 3 Planning Content

Creating Web-Friendly Content 4

Learning Outcomes Explain the meaning of accessibility Create more accessible pages Design web-friendly pages that make effective use of text, typography, layout, color, and graphics 4 Creating Web-Friendly Content

Effective Web Page Design 4 Creating Web-Friendly Content Well-designed web pages can help achieve the following: Ease of learning Efficiency of use Subjective Satisfaction Accessibility

Effective Web Page Design 4 Creating Web-Friendly Content There are five common elements in well-designed web pages: Text written for the web Simple typography Simple, straightforward layout Well-chosen color scheme Graphics that are worth a 1000 words

Effective Web Page Design Text Written for the web Brief sentences, written conversationally No jargon or complex language Short simple paragraphs Break down pages in subcategories Important content above the fold No abbreviations or acronyms Highlight key words 4 Creating Web-Friendly Content

Effective Web Page Design 4 Creating Web-Friendly Content Simple Typography No more than three different font types Sans-serif for text, especially smaller sizes Use italicized text sparingly Avoid underlining and CAPITALIZATION

Effective Web Page Design 4 Creating Web-Friendly Content Simple, Straightforward Layout Keep pages clean and uncluttered Use lots of white space Use block style paragraphs Be consistent throughout the course Avoid nested tables for accessibility

Effective Web Page Design 4 Creating Web-Friendly Content Well-Chosen Color Scheme Use color consistently Use light shades for the background Use alternating colors in rows or columns of a data table to make the information standout Be aware that the most common form of color blindness is red – green. Do not depend on color alone to get an important point across.

Effective Web Page Design 4 Creating Web-Friendly Content Graphics that ARE Worth a 1000 Words Use simple graphics that mean something Crop photos when possible Use thumbnails to link to larger versions Save pictures in the correct format -. gif,.jpg,.png Add well constructed alt tags for accessibility

Effective Web Page Design Sample 4 Creating Web-Friendly Content

Hands-on Activity Use your Practice Course to complete the hands-on activity at the end of the Creating Web-Friendly Content section. 4 Creating Web-Friendly Content

Building Learning Modules 5

Learning Outcomes Add a Learning Module to your course Add content items, files, external links, and other tools to a Learning Module Arrange and delete items within a Learning Module Move and copy learning modules 5 Building Learning Modules

About Learning Modules 5 Building Learning Modules As we learned in the Student Experience section, a Learning Module is an organized collection of content presented together.

Adding Learning Modules 5 Building Learning Modules

Adding a Learning Module 5 Building Learning Modules

Adding Items to a Learning Module 5 Building Learning Modules

Adding Items to a Learning Module 5 Building Learning Modules

Adding Files to a Learning Module 5 Building Learning Modules

Adding Files to a Learning Module 5 Building Learning Modules

Adding Folders to a Learning Module 5 Building Learning Modules

Adding a Blank Page to a Learning Module

Adding Folders to a Learning Module 5 Building Learning Modules

Hands-on Activity Use your Practice Course to complete the hands-on activity in the Building Learning Modules section. 5 Building Learning Modules

Adding URLs to a Learning Module 5 Building Learning Modules

Adding URLs to a Learning Module 5 Building Learning Modules

Adding Mashups to a Learning Module 5 Building Learning Modules

Adding Mashups to a Learning Module 5 Building Learning Modules

Adding Mashups to a Learning Module 5 Building Learning Modules

Adding Tests or Surveys to a Learning Module 5 Building Learning Modules

Adding Tests or Surveys to a Learning Module 5 Building Learning Modules

Adding Other Content and Tools 5 Building Learning Modules

Hands-on Activity Use your Practice Course to complete the hands-on activity in the Building Learning Modules section. Building Learning Modules 5

Changing the Content Order 5 Building Learning Modules

Deleting Content from a Learning Module 5 Building Learning Modules

Editing or Deleting a Learning Module 5 Building Learning Modules

Copying or Moving a Learning Module 5 Building Learning Modules

Hands-on Activity Use your Practice Course to complete the hands-on activity at the end of the Building Learning Modules section. Building Learning Modules 5

Creating a Glossary 6

Learning Outcomes Add individual Glossary terms Upload an entire Glossary Edit or delete Glossary terms 6 Creating a Glossary

Adding a Glossary Term 6 Creating a Glossary

Adding a Glossary Term 6 Creating a Glossary

Uploading a Glossary 6 Creating a Glossary

Editing or Deleting a Glossary Term 6 Creating a Glossary

Editing or Deleting a Glossary Term 6 Creating a Glossary

Hands-on Activity Use your Practice Course to complete the hands-on activity at the end of the Creating a Glossary section. 6 Creating a Glossary

Workshop Wrap Up 7

Key Concepts Write course goals and objectives Analyze your audience Evaluate your materials and resources for online use Describe three ways to organize a storyboard Explain the meaning of accessibility and create more accessible pages Design web-friendly pages 7 Workshop Wrap Up

Key Concepts Create a Learning Module and add content items Arrange and delete items within a Learning Module Copy and move Learning Modules Add individual terms to a Glossary Edit or delete terms in an existing Glossary Upload an existing Glossary file 7 Workshop Wrap Up