Des Plaines Valley Region
DVR Education for Employment
2000 Fifth Avenue, Suite M103
River Grove, IL 60171
Filter

vmenu-sep

vmenu-sep

Labor Market Opportunity

vmenu-sep

vmenu-sep

vmenu-sep

vmenu-sep

vmenu-sep

Web Development

Video Advertisement for Web Design Lesson Plan

Video Advertisement for Web Design Lesson Plan:
Description: Students will create a small business website and create a video advertisement for it that they will post to the web page.
Objectives:
• Students will learn about effective advertisement using multimedia on web pages.
• Students will use digital recording devices.
• Students will learn to upload mp4 files to websites for use.
• Students will also use Google accounts to upload videos to You Tube.
• Students will learn how to copy code from You Tube files and embed the code for usage on web pages.
• Students will learn how to make adjustments the HTML coding to adjust the size of videos for appropriate sizing.
• Students will create a small business web page that includes a video advertisement page that they created.
Materials Needed: Computers with Adobe Dreamweaver, video recording devices. and internet access:
Process:
• Introduction to creating videos using recording devices such as Smart Phones.
• Learn to upload the videos as MP4 files to local network folders and flash drives.
• Learn to upload videos to You Tube.
• Transfer the videos to the webpage and adjust the size to be appropriate for the web page.
• Create a small business web page that includes a video advertisement.
Evaluation and Assessment:
Students will be evaluated on the lesson based upon following directions, creativity, craftsmanship, composition and effort using the Web Design project rubric.

Basics of Photoshop – Creating Web Banners

This unit was designed to show Web Design students the basics of Photoshop. In the first two lessons, students are shown how to swap a background, feather an image and change part of the colored image to black & white. The students are then required to create 5 different web banners to place on one web page (last lesson in the folder).

There are video tutorials attached in the first two activities for the students to follow along with.

Prior to these activities, I gave a “live” demonstration on different types of web banners and what components go into creating them. 

Photoshop Basics – Web Banner

Web Design – Introduction to Dreamweaver Challenge

This project is the first student challenge using Adobe Dreamweaver.

The online discussion and research portion is to be done at the start of this project.

The step-by-step instructions help the students with the second part of this project.

A simple rubric is also in the folder – this rubric was borrowed from u.arizona.edu. I just added the title of the project and the grading information below the rubric.

Topic: Color Challenge

Web Design_ColorProject

Please note that I did zip the folder so that all of the files will remain together.