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:
  • MCSE, CCNA, CIW

My Stuff

My Info

About

Blog

Podcast

YouTube Channel (Bill Bennett)

YouTube Channel (Internet Authoring)

YouTube Channel (Bennett Ranch)

My Favorites
My Graphic Designs
My Videos

10 ChatGPT Life Hacks - THAT’LL CHANGE YOUR LIFE !!

7 Incredible Al Tools You’ve DEFINITELY Never Seen Before! (Underground AI #2)

Actually, ChatGPT is INCREDIBLY Useful (15 Surprising Examples)

AI Godfather's STUNNING Predictions for AGI, LLaMA 3, Woke AI, Humanoid Robots, Open-Source

BREAKING: OpenAI Reveals the TRUTH About Elon Musk's Lawsuit

Build Anything with AI Agents, Here's How

Build Your First App in Minutes with ChatGPT!

Build Your Mobile App Using ChatGPT || FREE Method

ChatGPT and Mindmapping | How to make a mindmap in ChatGPT

Deep Learning Basics: Introduction and Overview

Deep Learning State of the Art (2020)

Gemini Advanced vs ChatGPT Plus Comparison

Gemini Ultra 1.0 - First Impression (vs ChatGPT 4)

Generative A.I - We Aren’t Ready.

Genesis, this movie entirely made by AI, 4K

GPT-3 vs Human Brain

How to Build Mobile Apps with ChatGPT for FREE in Minutes

How To Make an App With ChatGPT (Without Knowing Code)

How to Use ChatGPT with Your Own Data

I Made 3 Games Using ChatGPT ? in Just 5 Minutes !

I Made an App with GPT-4 in 72 Hours

Introducing Visual Copilot 1.0: AI powered design-to-code using YOUR components

LPUs, NVIDIA Competition, Insane Inference Speeds, Going Viral (Interview with Lead Groq Engineers)

Meet The Kid Who Made $1M with ChatGPT

Mind-maps and Flowcharts in ChatGPT! (Insane Results)

NEW AI Jailbreak Method SHATTERS GPT4, Claude, Gemini, LLaMA

NVIDIA's STUNNING Breakthroughs: Blackwell AI Chip, Robots, AGI, World Model and more!

Open Interpreter's 01 Lite - WORLD'S FIRST Fully Open-Source Personal AI AGENT Device

Open-Source AI Agent Can Build FULL STACK Apps (FREE “Devin” Alternative)

OpenAI GPT Store Ideas + How to Connect an API to Your GPTs

OpenAI's "AGI Pieces" SHOCK the Entire Industry! AGI in 7 Months! | GPT, AI Agents, Sora & Search

OpenAI's NEW "AGI Robot" STUNS The ENITRE INDUSTRY (Figure 01 Breakthrough)

Run your own AI (but private)

Stop paying for ChatGPT with these two tools | LMStudio x AnythingLLM

The NEW Smartest AI (Claude 3 Just Shocked the Industry)

The ULTIMATE Guide to ChatGPT in 2024 | Beginner to Advanced

Top 10 ways to use ChatGPT Code Interpreter

Watch WebGPT?? Beat DEVIN at AI Software Engineering [No-Code Pong]

What Is Q*? The Leaked AGI BREAKTHROUGH That Almost Killed OpenAI

Why & When You Should Use Claude 3 Over ChatGPT

Yann Lecun: Meta AI, Open Source, Limits of LLMs, AGI & the Future of AI | Lex Fridman Podcast #416

Baby Hawks

Coitus Interuptus

Meow Meow Meow Meow

Hatchling

Bee In Flower

The Mr. Phil Show

Eddie Sghetti

Lacy

Patches

Frankie

Noche

Bennett Ranch's Hot & Sassy

Diego

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

Concatenate

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 Hilite.me 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

Research

 

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 http://w3.org/TR/CSS21/propidx.html.

Reference: http://www.w3.org/TR/CSS21/syndata.html

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.