Digital Portfolio

By CSUF MSIDT Scholar Bill Bennett

Bill Bennett

Bill Bennett

  • Instructional Technologist
    Associate Professor
  • Mt. San Jacinto College
  • Menifee, CA 92584

  • Education:
  • B.S. Vocational Ed., CSUSB
  • M.A. Career & Technology Education (CTE) - Coordination & Supervision, CSUSB
  • M.S. Instructional Design & Technology (IDT), CSUF

  • Professional Certifications:

My Stuff

My Info




YouTube Channel (Bill Bennett)

YouTube Channel (Internet Authoring)

YouTube Channel (Bennett Ranch)

My Favorites
My Graphic Designs
My Videos

Baby Hawks

Coitus Interuptus

Meow Meow Meow Meow


Bee In Flower

The Mr. Phil Show

Eddie Sghetti





Bennett Ranch's Hot & Sassy


Bennett's Majestic Testa rosa

Bennett's Tijuana Taxi

Bennett's Pretty in Paisley

Dottie Goes to the Dentist

Bennett's Reina Rojo

J. R. the Emu

Bennett's Joe Cool

Birth of the Black Pearl

Comcast Interview

MSJC BTC Preview

My World

My World II

Floral & Fruitful

Skies Over Woodcrest

Beard Shaving Dad

RHB Tribute

Perfect Pizza Commercial

Riverside Sings Competition

Video Place

John Sweller Cognitive Load

The Machine is Us/ing Us

A Day Made of Glass 2

Anything, Anything (I'll Give You)

Death By Bikini

"I Want To Kill You"

Route 66 by the Juice Weasles

Lovely Rita [Cover]

Making of Lovely Rita

Eleanor Rigby

Decimal To Binary Conversion


Numbering Systems

Dreamweaver Smart Objects

Creating a C# Sharp Console Project On Visual Studio for Mac Community

CSIS 111B Assignment 2 Hello Input Input

CSIS 111B Creating a C# Console Project in Visual Studio

CSIS 111B Binary Encoding

CSIS 111B Assignment 5 Hello (Input) (Input)

CSIS 111B Lesson 5 Data Types

CSIS 111B Midterm Assignment

CSIS 111B Lesson 7 Sorting Algorithms

CSIS 111B Creating a C# Console Project in Visual Studio

CSIS 111B Lesson 8 Repetition Structures

CSIS 111B Assignment 9 Decision Structures

CSIS 111B Binary Encoding

CSIS 111B Lesson 9 Decision Structures

CSIS 111B Lesson 10 Modular Programming

CSIS 111B Lesson 11 File I O

CSIS 111B Lesson 12 Exception Handling

CSIS 113B Lecture 3 - Decision Structures (Part 1)

CSIS 113B Demo

CSIS 113B Welcome

CSIS 113B Lecture 1 - Introduction to Java Programming

CSIS 113B Guided Practice 1

CSIS 113B Lecture 2 - Java Data Types (Updated)

CSIS 113B Guided Practice 2A

CSIS 113B Guided Practice 2B

CSIS 113B Lecture 3

CSIS 113B Lecture 3A - Decisions (part 1)

CSIS 113B Guided Practice 3A

CSIS 113B Lecture 3B - Decisions (part 2)

CSIS 113B Guided Practice 3B

CSIS 113B Lecture 4A - Repetition Structures (part 1)

CSIS 113B Lecture 4 - Decision Structures (part 2)

CSIS 113B Guided Practice 4

CSIS 113B Guided Practice 5

CSIS 113B Lecture 5 - Iteration (part 1)

CSIS 113B Lecture 6 - Iteration (part 2)

CSIS 113B Guided Practice 6A

CSIS 113B Guided Practice 6B

CSIS 113B Lecture 7

CSIS 113B Guided Practice 7A

CSIS 113B Guided Practice 7B

CSIS 113B Guided Practice 7C

CSIS 113B Lecture 8

CSIS 113B Guided Practice 8A

CSIS 113B Guided Practice 8B

CSIS 113B Lecture 9

CSIS 113B Guided Practice 9A

CSIS 113B Guided Practice 9B

CSIS 113B Guided Practice 9C

CSIS 113B Lecture 10

CSIS 113B Guided Practice 10A

CSIS 113B Guided Practice 10B

CSIS 113B Guided Practice 10C

CSIS 113B Lecture 11

CSIS 113B Guided Practice 11A

CSIS 113B Guided Practice 11B

CSIS 113B Guided Practice 11C

CSIS 115A How To Complete Prep Assignment

Fundamental Concepts of the World Wide Web

The Hypertext Transfer Protocol (HTTP)

HTML Introduction

Introduction to HTML

CSIS 115A Review Assignment 1 (RA1)

CSIS 115A Review Assignment 2 (RA2)

CSIS 115A Review Assignment 3 (RA3)

CSIS 115A Review Assignment 4 (RA4)

CSIS 117D Chapter 1 End of Chapter Exercise

CSIS 117D Lesson 1 Publishing

CSIS 117D Lesson 2 End of Chapter Exercise

CSIS117D Lesson 4 End of Chapter Excercise

CSIS 117D Chapter 5 End of Chapter Exercise

CSIS 117D Chapter 6 End of Chapter Exercise

CSIS 117D Chapter 7 End of Chapter Exercise

CSIS 117D Chapter 8 End of Chapter Exercise

CSIS 119A Lesson 8

Collision Versus Broadcast Domains

CSIS 202 Address Resolution Protocol (ARP)

CSIS 202 Chapter 1: The Data Communications Industry

CSIS 202 Chapter 2: Data Communications Concepts

CSIS 202 Chapter 3: Basic Data Communication Technology

CSIS 202 Chapter 4: Local Area Networks

CSIS 202 Chapter 5: Voice Communication Concepts and Technology

CSIS 202 Chapter 6: Wide Area Networking Concepts Architectures & Services

CSIS 202 Chapter 7: Local Area Network Communications Protocols

CSIS 202 Chapter 8: Advanced TCP/IP Network Design

CSIS 202 Chapter 9: Local Area Network Operating Systems and Remote Access

IP Address/Subnet Mask Relationship

CSIS 202 Chapter 11 - Network Management (part 1)

CSIS 202 Chapter 11 - Network Management (part 10)

CSIS 202 Chapter 11 - Network Management (part 11)

CSIS 202 Chapter 11 - Network Management (part 12)

CSIS 202 Chapter 11 - Network Management (part 5)

CSIS 202 Chapter 11 - Network Management (part 6)

CSIS 202 Chapter 11 - Network Management (part 7)

CSIS 202 Chapter 11 - Network Management (part 8)

CSIS 202 Chapter 11 - Network Management (part 9)

CSIS202 Chapter 11 - Network Management (part 2)

CSIS202 Chapter 11 - Network Management (part 3)

CSIS202 Chapter 11 - Network Management (part 4)

Network Management Part 1

Local Area Networks

CSIS 525 Review Assignment 10

CSIS 525 Review Assignment 11

CSIS 525 Review Assignment 12

CSIS 525 Review Assignment 13

Technology to Support Learning

Buffalo Annie

Miller/Davidson Theory

Batman and Robin 8mm

Floating Leaf



Class Assignments

IDT 550: Practicum
IDT 597: Project

Learning Objects Archive

Wiki Entries

Floating: A quick and easy way to wrap text around images - by Bill Bennett

In order to quickly float an image you can insert an inline style at the code level. All you need to do is to add the style attribute to the tag, it is also a good idea to add some margin spacing, as shown in figure 1.

Example of an inline style added to an HTML element.
Figure 1: Adding an inline style to an HTML element.
Dreamweaver Tag Editor dialog box.
Figure 2: The Dreamweaver Tag Editor dialog box.

Have no fear, you don't have to actually go into code view to make this happen. While in Dreamweaver's Design View, simply right-click on the image you want to float, and from the context menu that appears choose "Edit Tag <img>" (or select the image and press shift+F5 on your keyboard). A Tag Editor dialog box will open. In the left column of the dialog box click on Style Sheet/Accessibility, then type in your style information, e.g float:left;margin-right:5px in the Style: input box located in the right column of the dialog box. Click OK and your image will float to the left with your text wrapping around it to the right spaced 5 pixels away from the right-hand edge of the image - just like this text is wrapping around the image to the right (see figure 2).

Figure 1 illustrates each of the components that make up an inline CSS Rule. Each CSS rule is made up of 1 or more style declarations. It is important to note that style declarations are separated by semi-colons ";", e.g. declaration1; declaration2; declaration3; etc. Each style declaration consists of a property:value pair. In our example "float" is the property in declaration 1 and "left" is the value in declaration 1, notice that the property is separated from the value by a colon ":". For a complete listing of CSS 2.1 properties goto


CSS Zen Garden — by Bill Bennett

In order to help you understand the power of Cascading Style Sheets I am posting this link to the CSS Zen Garden for you to view. The idea behind this site is that all of the content you see on the screen is content marked-up in standard HTML notation. Click on the links that are initially on the right of the page (the links will move as you view different pages), what you will see is the exact same HTML page content, the only difference is a different style sheet is linked to it, a style sheet which was created by another Web designer. Some of the Web's most notable designers have created style sheets for this site. Enjoy!

How to Insert an Image as a Smart Object — by Bill Bennett

Dreamweaver CS4 and CS5 allow you to insert "Smart Objects" into a Web page. Smart objects are image objects that after being inserted into a Dreamweaver document, retain a link to the original file. This means that a Photoshop image can be imported into Dreamweaver using its native format - PSD, converted to a GIF, JPEG, or PNG file for use on the Web, but can still be edited as a PSD file when you want to make changes to the image in Photoshop. Once you've completed making changes to the image in Photoshop, Dreamweaver will automatically update the Web-based GIF, JPEG or PNG file. This way you can keep changes made to PSD files in Photoshop synchronized with the Web-based image that is linked to it. Pretty "Smart", right?

Form Validation: Preventing GIGO — by Bill Bennett

Dreamweaver Windows Menu with Behaviors selected.
Figure 3: Selecting Behaviors from the Dreamweaver Window menu.
Figure 4: Choosing the Validate Form behaviors from the Dreamweaver Behaviors panel.

Once you've created your form and configured your server to accept the data from it, you're not done yet. In order to prevent what is known as "garbage in, garbage out" (GIGO), you need to setup form validation to help prevent users from submitting unusable data to your database.

In Dreamweaver you have two options for adding validation to forms, the built-in Dreamweaver JavaScript behavior Validate Form or by inserting one of the more sophisticated Spry Validation options.

In order to use Dreamweaver's built-in Validate Form behavior, open Behaviors from the Dreamweaver Window menu (not to be confused with Server Behaviors) (see figure 3). In the Dreamweaver Behavior panel click on the plus (+) symbol and choose Validate Form from the menu (see figure 4). Next, select the form object you want to add validation to from the list of fields in the Form Validation dialog box. Depending on the form object your select you will have several validation choices that you can apply including: required and the assign to restrict the type of data a form field will accept as input.

Figure 5: Selecting a Spry behavior from the Spry flyout of the Dreamweaver Insert menu.

Where the Dreamweaver Validate Form behaviors require you to add your form objects into the form first, the Spry method lets you add the form object and the validation at the same time. To add a Spry form element to your form, first position your insertion point somewhere inside of the form and then open the Insert menu form the Dreamweaver Menu bar. From the Insert menu click on Spry and then choose which Spry form object you want to add to your form (see figure 5). Fill in the Tag Accessibility Attributes and click OK. In order to apply your form validation options to the selected Spry object use the Dreamweaver Properties panel (see figure 6).

On the Properties panel you can choose a validation Type to assign to your Spry form object, with choices like email, URL, credit card, zip code, etc. You can also choose a data Format, create an acceptable character Pattern, set the minimum and maximum numbers of characters that the field must contain, and identify when to apply the validation to the object - on Blur, Change, or Submit. One of the features that make the Spry Form Validation method superior to the built-in Dreamweaver Validate Form behaviors is that the Spry form objects have built in feedback that users will see if they enter data incorrectly.

Form validation will not completely resolve your form generated GIGO issues, but taking the time to add validation to your form fields will cut down on errors tremendously.

Spry Form Validation Properties dialog box.
Figure 6: Filling in the Properties panel for the Spry Validate Form behavior.