Educational uses of technologies Beyond the web: the broad range of educational uses of new technologies –The Bruce & Levin taxonomy.

Slides:

Advertisements

Similar presentations

Create a Web Site with Publisher 2000 for Marilyn Seguins Class.

Advertisements

Creating a eportfolio Mrs Bhayat. Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You.

AN INTRODUCTION TO WEBSITE DEVELOPMENT MADE BY: SIR NASEEM AHMED KHAN DOW VOCATIONAL& TECHNICAL TRAINING CENTRE.

Chapter 8 HTML Editors Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors No single method Notepad Textpad, Notetab, and.

Microsoft Expression Web-Illustrated Unit L: Using Code Tools.

CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.

HTML Computing Concepts HTML - An Introduction 1.

Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.

CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.

CIS101 Introduction to Computing

Curricular Integration of Technology Guest: Kim Harris, MA 1998 Casita Center for Science, Math and Technology Vista Unified School District.

Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

Lecture 12 Unit Review EDTS100 & COMP103. What are the main features of Inspiration? How could Inspiration be used in a classroom? InspirationInspiration.

Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

HTML & Dreamweaver 101 Aman Yadav. Definitions HTTP – The Web uses a protocol called HTTP (Hyper Text Transport Protocol) to communicate between the Web.

Introduction to: Web Site Development. Terminology HTML Hypertext Markup Language HTML File A web page built from HTML Index File The home or main page.

Images By Tara Frieszell By Tara Frieszell. Adding images to your website will make it more interesting and add to the design. However, some viewers aren’t.

Introduction to Web Lingo

Introduction to Web Creation iMet Tool Training. Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent.

Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial-

Publishing a Web Page at the University of DE FREC 135.

Creating a Web Page HTML, FrontPage, Word, Composer.

Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.

Getting on the Web CCSD Technology Team. Post a page to the Web using a simple file transfer process Goal: Process: Create a Web page using Microsoft.

What is Web Authoring? Web Authoring Tools Use Text Editors HTML Editors Web-based Authoring Tools Integrated Web Authoring Tools 8Basic Understanding.

Publications, design sets, web pages

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.

Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.

1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

Dreamweaver Unit A. Project Files l Download files from l Search using l Download the data disk.

Uploading Your Page to the Internet Configuring FTP on Dreamweaver.

EUDET WEB FACILITIES Yan Benhammou Tel-Aviv University Eudet web team

Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.

Going Live with a Basic Web Page Bill Hart-Davidson AIM: billhd30 pfworkshop.

TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 2 (4/23)

Internet Publishing Luke E. Reese ANR Education and Communication Systems

LAUNCH BUTTON Data Images Executable programs Music Etc. Files have a name and an extension – Filename.ext You assign the file name, the application.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Sports Website Creation. In this project you will design and produce your own website.

Website Building Tips By Jennifer L. Bowie. Starting Out Create a file folder in your web space (your public_html file on your H drive/elocker is one.

Web Foundations MONDAY, NOVEMBER 18, 2013 LECTURE 30: DREAMWEAVER: GETTING STARTED, INTERFACE, TAG SELECTORS, LOCAL SITE, REMOTE SITE, SYNCHRONIZATION.

Publishing a Web Page at the University of DE APEC 135.

Dreamweaver: Introduction and Basics. Introduction 4 Dreamweaver is a WYSIWYG HTML editor 4 WYSIWYG = What You See Is What You Get. 4 BUT..

March 16, 2003 Lab Course Management Systems & Your Final Project.

CPSC 203 Introduction to Computers Lab 66 By Jie Gao.

Getting Started with Web Page Creation for Fuqua Authors Spring 1999.

INTRODUCTION TO DREAMWEAVER CS SOFT. OVERVIEW  DreamWeaverCS5.5  Defining a site  Site files  Authoring views  Property Inspector  AP Divs.

Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.

KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:

1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.

Conventions for Web Designers.  DO NOT: ◦ Use capital letters or spaces in names ◦ Use punctuation or symbols  DO: ◦ Use names that are easily recalled.

Educational uses of technologies Beyond the web: the broad range of educational uses of new technologies –The Bruce & Levin taxonomy.

Instructional Design with a focus on web page and site (collection of web pages) design.

XP Creating Web Pages with Microsoft Office

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

Using the Correct Order Template Copy the presentation to your hard drive. Open the slides using slide sorter and copy slides #3, 4, and 5 for each question.

Learning the Basics – Lesson 1

Educational uses of technologies

Uploading Files to the Remote Server Using Win_SCP Portable

Macromedia Dreamweaver 8

Web Page Development Tools

Internet Publishing Luke E. Reese

Web Page Development Tools

An Introduction to HTML Pages

TC 310 The Computer in Technical Communication

Presentation transcript:

Educational uses of technologies Beyond the web: the broad range of educational uses of new technologies –The Bruce & Levin taxonomy

But first… Notes from Monday Your pictures

Bruce & Levin taxonomy Based on Dewey’s four impulses of children –Inquiry –Communication –Construction –Expression

Your comments Bruce & Levin,

Exemplary educational uses of the web For teachers For students

Brainstorming Task Given the Bruce & Levin taxonomy and the exemplary educational uses the class found, develop at least one exciting new (at least to you) use of technology to accomplish some important educational goal you have. Post the idea in TAPPED IN in the “Brainstorming” conference.

Brainstorming Teams: 15 minutes One outgoing student and one incoming student Different grouping than first class

Dreamweaver A "wysiwyg" web editor: what you see is what you get mostly wysiwtg: what you see is what they get Help tutorials in Dreamweaver Help on the web from Macromedia site at

Starting with a template Optional - can start with a blank page or a pre-existing personal web page Template to start with Load it into a web browser Save as a web page on your own computer

A note about web file names End in ".htm" or ".html" No spaces No punctuation other than dash "-" or underline "_" (except for period in.htm or.html extension) All lowercase

Local vs. remote Create a folder on the computer you use in the Computer Lab (name it with your name) Tomorrow we'll learn how to transfer files from your local computer to the remote server computer

Pictures and how to copy them Find a picture Click and hold (Mac) or right click (Win) or Ctrl click and hold (Safari) Copyrights and wrongs

Next class meeting Thursday, same time, same place Snacks for Thursday: Melissa H. & Kathryn

Lab time Log into TAPPED IN and post your brainstorming idea Dreamweaver for modifying/creating web pages (for those who aren’t already using some other web editor) Create or modify a personal web page for yourself. You can use a “template” if you’d like.template

Preview of Thursday How to put your eportfolio on the TEP server

Break time! Meet in the computer lab in 15 minutes:

Lab tasks TAPPED IN discussions Eportfolio creation