Compare and Contrast : Blackboard & a Personal Web Page www3.ltu.edu/~s_schneider/howto/faculty.htm You’ll find this presentation (and another) here :

Slides:



Advertisements
Similar presentations
PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
Advertisements

Drupal Basics Part 2 Everyday Tasks Editing a page Toolbar basics Add a hyperlink Using the theme Agricultural Communications Services Integrated Media.
X10 hosting Sign up for free account. Enter a domain name click continue Then Enter your address Enter a password.
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
Introduction to HTML Lists, Images, and Links. Before We Begin Save another file in Notepad Save another file in Notepad Open your HTML, then do File>Save.
TEA/TUG + ALDOT(Mobile) = H(O+I) The TEA/TUG being hosted by ALDOT in Mobile causes Hurricanes to come to Alabama. The TEA/TUG being hosted by ALDOT in.
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
Adding HTML to Blackboard
Creating Web Pages on OZ Cathie LeBlanc and Evelyn Stiller Department of Computer Science your machine in your office OZ jsmith estiller cbrown zshen wtaffe.
Its easy to be an information provider Tutorial: Web Publishing.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
HTML Lesson 5 TBE 540. Prerequisites The user must be able to… –Create basic web pages with a text editor and/or a web page editor.
Creating a Web Page HTML, FrontPage, Word, Composer.
So – You want to learn how to put an advanced article submission (cut and paste) onto the state website. (Note: If you have not done so, you will need.
Scottish Legal Aid Board Content Management using OpenCms Martin Spinks CTO Navyblue Tuesday, March 16, 2010.
Dreamweaver MX. 2 Creating External Style Sheets-1 (p. 400) n A style is a group of formatting attributes identified by a single name. n An ________ style.
Microsoft Windows LEARNING HOW USE AN OPERATING SYSTEM 1.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
August,  Which color boxes control what areas of the website  Color scheme- using HTML color codes for custom colors  Background Color code-
Adding Content To Your Faculty Page 1.Login 2.Create your Faculty Page 3.
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.
WDV 331 Dreamweaver Applications Snippets and Libraries Items Dreamweaver CS6 Chapter 18.
© 2012 Boise State University1 WordPress Training February 14, 2013.
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
Uploading Image Files. Introduction – Click on Control Panel Button Typically, most instructors will post the majority of their images under the “Course.
Welcome to Minnesota’s eFolio Rochester Workforce Center September 12, 2003 Norman Baer Matthew St. Martin.
E-Commerce: Introduction to Web Development 1 Dr. Lawrence West, Management Dept., University of Central Florida Topics What is a Web.
How to use in your classrooms? Presented by Steve Adler, Cheryl Butler, Allen Day, and Hyewon Lee 1.
Linking Images to Other Areas within a Blackboard Course Darek Sady.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
HTML presentation Embedding Graphics in Web Pages n HTML uses an empty tag called the (image tag) n n n or n n n Note: all web production tools do insert.
Websites 101 Technology Committee UPSOM. Web Class – Goals  Make a simple web page (or series of pages)  Upload that page to the internet  Feel comfortable.
Upload or Embed JING videos to Screencast Blackboard YouTube Wiki By C. Candace Chou JING video tutorial: Revised.
HTML Hyper Text Markup Language A simple introduction.
Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
1.Getting Started 2.Modifying Design 3.Page 4.News 5.Events 6.Photo Gallery 7.Newsletter Index Training 15 th Mar., 2011.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
An Introduction to Web-Supplemented Blackboard Sites Connie Cerniglia X 2259 Spring 2003.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
Unit 3 Day 6 FOCS – Web Design. Journal Unit #3 Entry #4 Write the source code that would make the following display on a rendered page: Shopping List.
Presented By David Speight.  Easy Student Accessibility  Familiar Navigation  Fits Inside the Box  Works Outside the Box  Allows Creativity without.
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
My Website Life Sciences Faculty Portals. In Class Exercises.
Author: Venue: Date: Hints & Tips Author: Bob Guinn & Ann Austin Venue: UWL Date: Mar
Forms and Server Side Includes. What are Forms? Forms are used to get user input We’ve all used them before. For example, ever had to sign up for courses.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
Create Your Own Webpage. Today’s Class Internet Safety & Privacy Tables Embedding music and video Frames.
Creating a Web Site Using 000webhost.com The 000webhost.com Site You will be required to create an account in order to use their host computer 000webhost.com.
Put your assignment on the page. Embed a document for students to complete and send back to you. Have students complete the document and submit it to.
Creating Links. The Anchor Element: The anchor tag can be used in three different ways: 1.External link – to link to a web page outside your own website.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Creating a Syllabus on the ADX System Created by Larry Rowell and Bill Bolton.
Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Advanced Website Training: June, 2010 Insert Images as Your Background Using Google Docs for Document Hosting Custom Contact Forms on Your Website.
HTML Hyper Text Markup Language. The Basics u HTML documents contain “tags” which instruct the Browser software on how to present the information within.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Creating a Web Site Creating a new Web site Defining and using folders Creating and editing Web pages Viewing pages in a Web browser.
Creating Web Pages with Links, Images, and Embedded Style Sheets
HTML Hyper Text Markup Language. Agenda Basics Tools Important tags Tables & databases Forms Publishing at Stern.
Weebly Elements, Continued
Adding a File to a Course
A02 Creating my website NAME ______________.
Navigating NEIU Blackboard 417 – 418a
Presentation transcript:

Compare and Contrast : Blackboard & a Personal Web Page www3.ltu.edu/~s_schneider/howto/faculty.htm You’ll find this presentation (and another) here :

Compare and Contrast : Blackboard & a Personal Web Page What are are the pros and cons of each, in terms of ease of use, flexibility, ability to load images/scripts/java/etc.

Accessing the Site Personal Web page (WEB) = 24/7 Open access – constant address BlackBoard (BB) = some down time Guest account if not in the class Look at the new Preview button on the login screen!

Posting Info on the Web BlackBoard (BB) = Very Easy!! Just “point and click” to upload Personal Web page (WEB) = Harder! Need web editor.. And server! (We have one for faculty.. www3.ltu.edu)

Organization of Material BB – built in common interface WEB – you have to create it But more flexible? Also more work!

Fancy Text Formatting Both can do this! WEB – you are probably already doing it BB – you can add some simple tags See “Adding HTML to Blackboard” here : www3.ltu.edu/~s_schneider/howto/bbtags.htm

Location of Files WEB – static Always same place - constant BB – changes each term Can be archived But, what about “image links” we explore later?

Links to other web pages BOTH BB – easy to add Also get a “world” icon WEB – you are already doing this Could couple WEB with BB? Store things on WEB and call from BB Best of “static” vs “changing” conflict

Uploading files? BB – electronic drop box!! WEB – much harder to do.. Also, we now have Outlook Express …

?? BB – this will probably be the model!! We will have access to our classe lists here Not sure how Banner comes into play? Limitation to one address? WEB (no access to student addresses) Outlook Express – maintain all students as contacts … Unlikely!

Displaying images within BB? Can link to external images Can display external images Must add a bit of HTML code Can link to “LOCAL” images! Use a “hidden” folder Can display “LOCAL” images Let’s try adding images ….

Open your BB page Then go to the CONTROL PANEL down on the lower left – that’s where we make the changes to the BB site.

Making folder for images Click on the COURSE Documents to add a new folder for our images

Add folder and name it Click on the Add Folder button Name it something (like “Images”)

“Hidden” folder! Here’s a neat trick.. Make it a hidden folder (seen by you, not by students) (Note: You might want to make the image folder available to the students also – the following techniques will work either way.)

Add a “document” to Images Double-click on the folder name (to enter it) Click on “Add Item” to add in an image as a “document”

Adding an image Browse your local machine to upload the image Create a “link” to the image Note : You could also display it directly!.. But we will be happy just with the link

Find “link” to the image Right click on image link We want to copy it to the “clipboard” in IE in NETSCAPE

Link copied to memory Could paste it into Notepad temporarily Note, we are seeing the “course” info in the string, but this is on the Blackboard server – we don’t need “our own” server!!

New folder/document Make a new folder and document (this we will show the students) We’ll put a link to the image, as well as the image itself!

Add some HTML code !

Link vs embedded Image Link uses “anchor” tag – you click to see it Link “inline” image uses IMG tag

Mixture of text and html Link uses “anchor” tag “inline” image uses IMG tag Both of these are “external” images!

What about “Local” images? Add that link we just copied from within Blackboard!

Seeing the rough output Gives link (opens image into window) – or shows the image there Doesn’t matter if it is external or internal – both work! But, this format is not as “pretty” – compare sideways?

Use “Tables” to format

Tables look better?

Other things? PERL/JAVA/PHP BB – not right now – future? Could call up other pages with it though! WEB – if you can host it, you can run it Maybe BB gives us confidence to use Personal Web pages more and more.. Can couple the two for a powerful combination

Conclusions? BB = very easy to use – a little limited WEB = harder to use – more flexible At the very least, BB + WEB would be more powerful than either alone