HTML Content Examples

Overview

Instructors may use Hypertext Mark-up Language (HTML) to customize many areas of a course Web site, including the appearance of Announcements, Calendar Events and Content Areas throughout a course. The following are some examples that demonstrate how HTML content may be incorporated into the Blackboard Learning System.

Content Area Example

The following image is an example of a Content Area, in this case the Course Information area, which has been customized using HTML:

Follow the steps below to create this Syllabus content item:

Step 1                 Save the images to the hard drive as .jpg or gif. files. In this example, the image is syllabus.jpg.

Step 2                 Open the Course Control Panel and select Course Information.

Step 3                 Select Add Item.

Step 4                 Enter a name for the Content Item in the Name: field and select a color for the name in the Choose Color of Name: field.

Step 5                 Select the HTML option and enter the following HTML in the Text: field

<IMG src="syllabus.jpg">

<BR><BR>

Follow the syllabus for all class <B>Assignments</B> and <I>Readings</I>.

<BR>

Sections labeled in <FONT color="Red">RED</FONT> will be used in course discussions.

Step 6                 Complete the rest of the fields on the page and click Submit.

Step 7                 The Blackboard Learning System will automatically detect images that have been added. A page will appear prompting the user to upload the images. Click Browse to locate the correct image on the hard drive for uploading.

Content Area Example

The following image is an example of an Assignment which has been customized using HTML:

Follow the steps below to create this Syllabus content item:

Step 1                 Open the Course Control Panel and select Assignments.

Step 2                 Select Add Item.

Step 3                 Enter a name for the Assignment in the Name: field and select a color for the name in the Choose Color of Name: field.

Step 4                 Select the HTML option and enter the following HTML in the Text: field

<FONT color=#003300 size=5><B>Weekly Reading -- Due April 18th</B></FONT>

<P>

<FONT size=3>Read <B>"Chapter 15: StateBuilding and the Search for Order in the Seventeenth Century"</B> in <I>Western Civilization.</I></FONT>

</P>

<P>

<FONT color=#006633>Abstract: The political and religious crises of the sixteenth and early seventeenth centuries, with fears, wars, and rebellions, led philosophers and rulers to consider alternatives to what they considered the insecure and often chaotic institutional structures of the day. For over a century both groups defended the growth of strong monarchies that could keep the peace and order, enforce social uniformity, and take measures to increase national prosperity.</FONT>

</P>

Step 5                 Complete the rest of the fields on the page and click Submit. 

Calendar Event Example

The following image is an example of a Calendar Event which has been customized using HTML:

Follow the steps below to create this Calendar Event:

Step 1                 Open the Course Control Panel and select Course Calendar.

Step 2                 Select Add Event.

Step 3                 Enter a title for the event in the Event Title: field.

Step 4                 Select the HTML option and enter the following HTML in the Event Description: field

<FONT size="3" color="006633"><B>Dr. Felix Browning</B>, Professor of History at Juliana University, will be speaking at the Clarke Hall auditorium about his recent studies in Florence Italy. </FONT>

<BR><BR>

<B>

<A href="http://sand.int.edu/lectures/f_browning.doc"> Click here</A>

</B> for an agenda of the lecture.

<BR>

<FONT size="-2" color="gray"><I>Limited seating available</I></FONT>

Step 5                 Complete the rest of the fields on the page and click Submit.