WEB 1 INFORMATION

LESSON PLANS

WEEK 01 PLAN OTHER
Monday NO SCHOOL  
Tuesday NO SCHOOL

 

Wednesday NO SCHOOL

 

Thursday

Review of School Rules and Class Procedures

Reminder - your final exam is EVERYTHING that you have completed this year. Keep your files organized and generally dont' delete anything!

Giphy - Get your favorite YouTube video section and turn it into an animated GIF with text on it.
Create 3 GIF's - don't forget to put text on it with your name.

 

 
Friday

Finish up your 3 Giffy's and Start next week's assignment.
I'll check your Giffy's today.

______

Fix your semester exam - make sure you have the proper DIV tags. Use the Suggestions to fix the site:

1. Do you have a title for ALL your pages?
2. Do your 2 links that LEAVE your site have target=_blank on them? You learned this on Page81 in the Green Book.
3. Are your images floated? (Like we learned in 4-PerSite? - Check your CSS - you can also try here.
4. Is ALL your CSS external?
5. Do you have H1, H2 and H3's on EACH page?
6. Do you have ALL your footer info like described in the rubric?
7. Are your DIV tags arranged like the following?

<div id="container">
<header> Picture here </header>
<nav> Links here </nav>
<main> Main content here </main>
<footer> Footer info here </footer>
</div> (from the container)

 

 
Other

Video Lesson HERE in case you forgot about DIV's or setting up a website.

 

 

WEEK 02 PLAN
Monday

Fix and RE-upload your Semester Exam Website.

When finished and uploaded, do the following:
1. Go to your site ONLINE - index page.
2. Right click and view Page Source (Chrome) to see your HTML.
3. COPY and PASTE to a new word document.
4. Make sure your name is in the footer of your web page.
5. Open your CSS ONLINE. copy and paste your CSS to the second page.
6. Make sure it's no longer than 2 pages. (Reduce your font size if it is.) CALL ME OVER IF YOU NEED ANY ASSISTANCE!!!
7. PRINT your index/CSS page using the print on both sides setting!
8. Go get your paper and highlight your div tags and your links(target=_blank).
9. Turn it in the bin on my desk. (Your name should be already in the footer.)

 

Tuesday

PS-Warhol - Make a new folder on your One Drive/Photoshop (PS-Warhol). Download a celebrity (Find some bright colors on the clothing/makeup) and put it there. Open it up in PS and we'll try to make a poster resembling what an artist called Andy Warhol did. (Do a search to check out what he did. (I like the Elvis.)

This is my example HERE but I like this one HERE better - notice how I isolated the lips to change their color.

Arrange PS-Warhol into a grid.
Save it as PS-Warhol.psd in a folder called PS-Warhol
Export as a JPG (PS-Warhol.jpg) size around 800px width.

HERE is your Vimeo Lesson today!

Wednesday

Thought this was pretty cool site - outdoor advertising.

http://colossalmedia4.wpengine.com/

PS-Warhol2 today!

Find a nice bright car that we can basically do what we did yesterday. You are going to use a selection to change just the color of the car and NOT the background or others. Try to find a nice side view of the car. HERE and HERE are my finished projects.

TAKE YOUR TIME on the selection - that will determine the final quality of your project. (It took me around 8-10 minutes just for the selection.

Set it up as a grid (like yesterday) and put our name on it (like yesterday) and save it as PS-Warhol2.jpg export 800px width.

Thursday

Start Chapter 8 - new site 10BH (10th website, Bike and Hike) Set it up in your LocalSites folder.(I'll help you set this up.)
YOU MUST DO THIS 100% CORRECT~!!!

Here are some questions that you should answer as you go through the next 3 chapters.
Put your Headers and Footers on it!

Friday

New site 10-BH 10 Bike and Hike website.

OK - we set up the site yesterday - see a neighbor if you were not here but here are some general instructions.

Slight modificaiton to our site. Wrap a DIV container around the site to center it and put a background color in it.

Read through Chapter 8.1 and 8.2

Chapter 8A,B,C on your website.

10Bike and Hike - Lesson01 is your video for today 15 Minute Video

Trya sample upload. (Yes, you can review the how to upload worksheet in your stuff folder if you want to.)

Other  

 

WEEK 03 PLAN OTHER
Monday

NO SCHOOL MARTIN LUTHER KING JR DAY!

 

 

Tuesday

Today's Lesson 10Bike and Hike Lesson 02 (6 Minutes) on Chapter 8.3 Section D Image Maps

** The book instructions don't work - so don't even try 8E.

Don't forget to anwswer your worksheet questions!

10 Bike and Hike Part3 (11Minutes) read Chapter 9.1
Chapter 9.2 Read and Do 9A, B, and 9.3 Do 9C.
You cannot do 9D so do a search for a registration button online and put that on your site.

UPLOAD YOUR SITE

 
Wednesday

Chapter 10.1-2

Read through Chapter 10 and do 10Aand 10B (Pg. 284/5)

10 Bike and Hike Part 4

Chapter 10-C Behaviors

Keep working on your chapter 8-10 worksheet, will be due soon and there will be a unit test next week sometime - review and study for it!

UPLOAD YOUR SITE!

Maybe start tomorrow'sn lesson.

 
Thursday

Chapter 10.3 Adding Forms and Tweaking your website.

10Bike&Hike Part 5 Forms 15 Min Video

10Bike&Hike Part 6 Misc Tweaks 16Min Video Externalize CSS and Tweak some pages

UPLOAD/SYNCHRONIZE YOUR SITE!

IF you are done early, feel free to grade yourself and turn the rubric in to me!@

 
Friday

Complete your Bike and Hike Website and UPLOAD YOUR SITE!!!

WHEN DONE - you will need to grade yourself using the printed Rubric. Make sure you are looking at your online website NOT a local copy of your site. I can ONLY see what is online.

UPLOAD YOUR Chapter 8-10 worksheet to your. Make sure it has your name on it. If it is longer than 2 pages, Print front and back.

Study/Review for your Test next week on Chapte 8,9,10.

 
Other    

 

Week 04 PLAN OTHER
Monday

Start new website TODAY
11MDD
(11th website, My Disk Designs)

Part A HERE Attach external CSS to your site on Page 339 On Chapter 12.2 set up a Contact Form.

If you are missing work or have a bad grade, I am here PowerHour B.

 
Tuesday

11MDD - Part B HERE

Page 349 Add a privacy policy. (DON"T forget to link up the privacy policy page on page 350 #8.)
Page 355 - Try running a report - see what it says - we'll see what it does. *(Mine didn't report anything BUT if yours does, fix it by clicking on it.

SIDE NOTE - Open all your pages and link up the text on the left side of the page to whatever page it links to (I'll demonstrate.)

DONE WITH THIS SITE UPLOAD YOUR SITE TODAY

Things you need to double check:

1. CSS on every page (look at links at the bottom - they should be grey)
2. Index - Privacy Page linked
3. PRODUCTS - Just links on left
4. FAQ - Just links on left
5. NEWS - Just links on left
6. CONTACT - Contact form and links on left.
7. PRIVACY - Linked from Index page.
8. GUESTBOOK LINK Must be on the Contact page

 
Wednesday

Just a test/review/clean up things day.

1. Test Coming tomorrow on Chapter 7-12 Study
2. Make sure your MDD has been uploaded, fill out the Rubric if done. See you PH if not!
3. Clean off your desktop and organize folders.
4. Start Friday's work if time
5.

 

Thursday

TEST TEST TEST Test on Chapter 7,8,9,10
Your test is on Socrative - class name is ANGOVE

Start Tomorrow's work when done.

 
Friday

PS-Revenant

Make a poster with a similiar effect that the Revenant Movie has.

Download 2 pictures - A face shot and a background to start with. Each picture should be around 1000px wide.

HERE and HERE are examples

 

HERE is your video for it but you might want to read about it too - HERE are the instructions.

 
Other    

 

Week 05 PLAN OTHER
Monday

PS-Revenant2 (Not really revenant, but similiar to it.)

Same type idea but we are going to use two co-stars instead - something like this HERE - but HERE is mine.

You will need to download 4 images:
1. Main Character (with interesting facial expression) I used a nice person.
2. Co-character (with interesting facial expression) Tried to find a villian.
3. Background for the Main (Nice inspiring background.)
4. Background for the co-Character (Dark and evil background.)

HERE is your video for it...

WORK AHEAD IF TIME!

 
Tuesday

STAR WARS POSTER - pretty easy and cool effect.

Pur your work into PS-StarWars folder.

HERE and HERE and one more HERE is what we are trying to create.

I am using THIS as my background BUT feel free to find your own.

HERE is your video for it...

Work ahead if you have time.

 
Wednesday

PS-Star Wars 2 poster You will be combining the Clipping Mask from yesterday and the gradient layer mask into a new poster.

HERE is your video for it..

 
Thursday

OK - two assignments today:

1. Animate PS-StarWars1 HERE is what we are creating .YES YOU SHOULD DO BOTH ANIMATIONS!!!

PS-StarWars-Animation1 AND 2
Animation 1 is just two motions - the Background and the character
Animation 2 is background and a Fade effect.

 

HERE is your video for it of course scroll down to the PS-StarWars Animation

 
Friday

Make a new folder called PS-Hulk

Create PS-Hulk OR PS-Venom

You can use this Hulk HERE or find your own. You can also make a Venom if you want - same effect.
THIS is what we are trying to create - use your masking skills to make a celebrity into the HULK or Venom- you will also use some of your skills that you learned in PS-Zombie and/or the Gradient Mask

You should make 2 Hulks = One JPG and one Animation GIF

HERE is your video for it of course scroll down to the PS-Hulk.

This is a recent example of a movie poster that is similiar to what we are doing.
Other    

 

Week 06 PLAN OTHER
Mon

Short 10 Question Quiz to cap off the week on Socrative - class name is ANGOVE

Create new site 12DEMO Set up the site and we'll check it out together.

- Thumbnails for your images

Create simple table (2X2) and upload your work from last week into the table with thumbnails. Your pictures to upload:
1. PS-Revenant1
2. PS-Revanant 2
3. PS-StarWars 1
4. PS-StarWars 2
5. PS-StarWars Animation 1&2 (DO NOT RESIZE! - GIF won't work.)
6. PS- Hulk/Venom Both JPG and Animation

 

Tue

Finish and upload your 12Demo site with the thumbnails.

Start Bootstrap site - I'll help you with the initial setup BUT BE CAREFUL and listen to what we are doing.

HERE is a video to help you out. Go slow, I generally cannot fix it if you mess up.

5 Page website Index, Bootstrap, Page1, Page2 and Page3

 

Wed

2Demo site - Navigation\

Start the video yesterday from approximately 6:15.

1. Make sure that you have linked to your Bootstrap page from your index page.
2. Make sure your Page1-3 links work.

Page1 - Carosel
Page2 -Button Toolbar
Page3 - Navigation Tabs or Pills

Synchronize your site today - OR do a fresh upload if you want BUT do it today!@

 

Thur Finish and upload your site.
3 Choices today after you finish your website:
1. Finish any late work NEXT WEEK IT WILL BE A ZERO!
2. Start next week's work 13PersonalSite
3. Relax and help other students if you feel like it.
 
Fri NO SCHOOL  
Other    

 

Week 07 PLAN OTHER
Monday NO SCHOOL PRESIDENT'S DAY

 

Tuesday

Set up your 13Personal Site in DW

OK Time to make a HUGE website, but you still do the basics to start it like we have learned throughout the year. Take it step by step and you will make a killer website.

Open up your Steps to Building a Website worksheet and we'll follow that.

1. FlowChart (Flowchart1.jpg)
2. In Paint, do a wireframe (sketch of site) Sizes, other information (wireframe1.jpg)
container/header/aside/main/footer

We are NOT doing a NAV - do an aside.

3. Page Names on Wireframe WITH EXACT SPELLINGS
4. Get colors from paletton Save as (Paletton1,2,3)
5. Set up new website in DW (Move all graded sites to OldSites)
Make sure you use your StepstoBuildingaSite worksheet!

DAY 1

Pages

Home Page
About Me
Contact Me
School
Stuff
Adobe
Dreamweaver
Flash
Photoshop
Premiere
Paletton

No Fireworks - add Premeiere.

External Links

Angove411.com
Google
More
More

Wednesday

Keep working on your site:
7. Make your first page (main-page.html) for our template site.
8. Make your Div tags (NO CLASS TAGS)
9. Add custom CSS to make it look like your sketch. Keep all CSS internal until later.
10. Add Adobe Custom Fonts (#container)
11. Add your Paletton Colors
12. Externalize your CSS (Remember it should have H1-H3 colors and link colors changed) PageProperties

DAY 2
Thursday

Keep working on your site:

13. Add PS_Banner1 to your header.
14. Add Links to the Aside and Footer BUT don't link them up.
15. Check CSS and that all your site is good.
16. Check that you have externalized your CSS. MUST DO!
17. Check that you have NO Nav tags OR css Nav. MUST DO!

DAY 2.5
Friday

OK - Big day!

1. Put in your BootStrap Nav Bar Fixed to Top CAREFULLY
You should put it below your </div> and above your </body>
YOUR Video is HERE.

2. Make your Link titles (but link the pages up later)
3. Check that it displays properly
4. Delete the search form <form> to </form> Remember be careful when dealing with the Bootstrap as I generally cannot fix it if you mess it up.

DAY 3
Other www.convertico.com OR http://tools.dynamicdrive.com/favicon/ OR http://www.favicon.cc/  

 

Week 08 PLAN OTHER
Monday

Day 4 of your site design - Designing your template and making links work.

1. Make your page a template by making an Editable Regions inside your main section.
2. Make all your pages - careful with your spelling!
3. Change the following 3 things on EACH PAGE

  • Did you spell the filenames correctly?
    Change your H1 to the name of the main section
  • Change your page title to the informal name

UPLOAD YOUR SITE TODAY - IT SHOULD WORK

Dreamweaver Video Lessons HERE

DAY 4
Tuesday

TOMORROW'S WORK - Index Page - Add a short introduction to your site with a picture of yourself - keep it focused on the face/neck closeup. (Take your picture today if you want to - we are going to digitize the image later.) THIS IS HOMEWORK!

TODAY'S WORK:

  1. Adobe Page - Put in icons that represent the Adobe Programs. Link the images up when done. (Search for Adobe Icons and find Dreamweaver (DW), Photoshop (PS), Premiere (PR) and Flash (FL) link them to the appropriate page and on the individual page. You might want to create a new folder in Images called icons.
  2. FLASH PAGE - Put a table in like we did in class.
  3. PREMIERE PAGE - Put a table in like we did in class.
  4. PHOTOSHOP PAGE - Put a table in like we did in class.
  5. DREAMWEAVER PAGE - Put a table in like we did in class. List all the websites and the approximate date of completion.

Start tomorrow's work if you get finished.

DAY 5
Wednesday

School Page Table with Class Information (We are eventually going to make this an accordian, but I want you to get the information in first.

Period & Class Name, Teacher, Description, Picture that represents the class - try to get a real picture of the class, but you can use a generic image as well. Also include a picture of the teacher - YES, you can take a selfie with the teacher if they allow it. (You should make a new images folder called school and put your images into it.)

Add two more pictures to your website:
1. Picture of MHS
2. Picture of this class Get it from my website HERE.

SYNCHRONIZE/UPLOAD YOUR SITE

DAY 6

 

Thursday

2 Pages today - Index and About Me

  1. Index Page Image - use Photoshop to digitize - add a filter your image. We'll do this in class together. Put 4 of these picture on your index page. I'll grade it and then you can choose your best one and delete the rest eventually.
  2. About Me Page - 2 pictures (floated right) with 10 Links on this page. 5 UL to personal sites that you like, 5 OL to school sites. Dont' forget to use Target=_blank
  3. HMMM you might have done this on a previous site......

Start tomorrow's work if completed.

SYNCHRONIZE/UPLOAD YOUR SITE

DAY 7
Friday

2 Easy Pages today

1. STUFF page - Put your Giphy and Mangas on that page. Maybe 2 tables?
2. Paletton Page -
Put Paletton Colors, Backgrounds, Comp and Flowchart on that page.
3. Organize your images folder. Put your images into Subfolders.

FINISHED WORK:
Home Page - DONE 4 Pics and text.
About Me - DONE yesterday
School - DONE
Adobe - DONE
Paletton - DONE
Stuff - DONE
UNFINISHED WORK
Dreamweaver 1/2 Done - not linked up
Flash - Just the table
Photoshop - Just the table
Premiere - Just the table.

Contact Me - Nope - haven't touched yet

DELETE YOUR SITE AND RE-UPLOAD.

DAY 8
Other    

 

Week 09 PLAN OTHER
Monday

Check all your pages - all the following should be done!

FINISHED WORK:
Home Page - DONE 4 Pics and text.
About Me - DONE
School - DONE
Adobe - DONE

Paletton - DONE
Stuff - DONE


Dreamweaver 1/2 Done - not linked up
Flash - Just the table
Photoshop - Just the table
Premiere - Just the table.

Contact Me First Name, Last Name, E-Mail, Radio Group, Checkbox group, Comment Box,, SUBMIT and RESET button. Don't forget to CSS color your form.
You can use whatever information/feedback that you might request from a visitor going to your site.

SYNCHRONIZE/UPLOAD YOUR SITE

DAY 9
Tuesday

DREAMWEAVER PAGE

111. Clean up your OldSites folder

1. Duplicate your OldSites folder (with ALL your old websites in it)
*(DO NOT MOVE, DELETE OR MODIFY THE ORIGINALS!!!)
2. Put the COPIED folder in your local sites folder / 13-PersonalSite / Rename the folder (OldSites)
3. Sniper/Link the DW Page to your old sites _BLANK
4. Write a little about what was learned on each site - but you don't need to repeat anything. (Approximately 1-2 sentences)
5. Delete your entire currrent site from online - do a fresh upload. (3-5 Min Upload time!)
6. Check that each site works - fix it if not.

DAY 10
Wednesday

PHOTOSHOP PAGE

BEFORE starting - make sure you have all your PS assignments organized and in folders. There should be NO 'stray' files or things on your desktop.

THIS IS NOT COMPLETE BUT IT IS A START

CLEAN UP YOUR PS FOLDER - EVERYTHING SHOULD BE IN A FOLDER.

1. Duplicate your entire PS Folder. (PS-Images)
2. You should have a usable image for your website (jpg or .png)
3. Delete your .psd files (in ONLY your duplicated folder ONLY) DO NOT MODIFY THE ORIGINAL PS FOLDER!!!
4. Make a duplicate of the image and rename it PS-xxxx-small
5. Put folder into your website images folder.
6. Put the small image on your website THEN optimize it to appropirate size.
7. Link that -small image to your full-size picture.
8. Write a short description of what you learned when you made the image.
9. Synchronize your site. It will be a large upload. (3-5 Minutes)
10. Test your site to make sure it works.

DAY 11
Thursday

STOP!
DO THESE 3THINGS RIGHT NOW!

1. Check your Page Titles - They should have the page name on them!!!!
2. Find out what target=_blank is and tell me when I come by!!!
3. NO (as in NONE) PSD's on your entire website!!!

Finish your PS Page - remember do NOT upload any PSD documents. Start tomorrow's work

UPLOAD YOUR SITE TODAY!

DAY 12
Friday

NAVIGATION BAR

Clean up Navbar - check that you have links on the right hand side. Delete any extra links or dividers that you don't need.

You should add your links in CODE view - be careful and deliberate where you put your links.

Synchronize your site, THEN online, double check all your links - see if you can break anything on your site.

UPLOAD / SYNCHRONIZE YOUR WEBSITE

 
Other

 

 

 

Week 10 PLAN OTHER
Monday

Finish any pages that you need to - keep your pics organized.

Upload your site and double check that all your links work.
YOUR SITE IS DUE TODAY - END OF CLASS!!!!

DO YOUR CHECKBOXES ON YOUR RUBRIC SHEET.

I WILL BE HERE BOTH POWERHOURS IF NEEDED

DAY 13

Tuesday

Fill out your grade sheet.
1. Grade your PS Page with checkboxes.
2. Grade your Template,Index, etc. on the other page.

Vanishing Point File HERE
HERE is your video on how to do it.

HERE is my copy HERE and HERE is my finished product!

1. Make a new folder PS-VanishingPoint
2. Make 5 VP images. - Get an explosion background to put behind trucks. Remove the BG so you can see through to it. Put a couple of filters on it (I'll show you - like PS-Donkey).
3. Save each of the 5 trucks you made in PS and export them as JPG's so you can put them into a collage.

I WILL BE HERE BOTH POWERHOURS IF NEEDED

 
Wednesday

Winding down for break - do the following:
1. CHECK YOUR GRADES. If there are errors, fill out a LATE WORK sheet so I can get to it. MAYBE I can take a look in class, but PowerHour is better!
2. Take 5 minutes and clean up your Web1 Folder/Desktop.
3. Finish your 5 VP images. You will need to put them into a collage to put on your website using a new program called Picasa. I will need to go through that with you. Unfortunately, tomorrow.

I WILL BE HERE BOTH POWERHOURS IF NEEDED

 
Thursday

Put them into a Picasa Collage and upload the image to your website. Don't forget to make a thumbnail and link it to the fullsized image on your website.

I'll help you with Picasa Program.

I WILL BE HERE INSTEAD OF GOING TO THE GAME - COME ON IN IF NEEDED.

 
Friday NO SCHOOL  
Other    
 

 

 

 

SPRING BREAK

 

Week 11 PLAN OTHER
Monday

Audacity MP3 Mix

Make a new folder on your OneDrive Stuff folder called Audacity

Download these filles HERE and this file HERE (your computer won't like it, but it is OK) to your Audacity Folder.These are my mp3 songs, BUT you can bring your own if you like (no swearing, of course)

Open a new program called Audacity and create a custom sound mix. The first one you will need to do is MIX1, which is 3 songs mixed and faded together. You will need to savd it twice, once as a WAV and the other as an MP3. Save it as MIX1

Your video for today is linked from THIS page.

REMEMBER YOU CANNOT LISTEN TO AN .AUP FILE - ONLY A WAV OR MP3 CAN BE USED.

When done, you will need to put the files on your Stuff page in a table at the bottom of the page.

Insert/HTML/HTML5 Audio THEN use the property Inspector to select the file (which will bring it over). Make a new folder called Media to put it into.

See my site if you want to know what it should look like.

 
Tuesday

Try a custom mix at Abbey Road HERE.

MIX 2 - make your own custom mix with 3 songs with fade in's and fade out's. Save/Export as Mix2
You can use either my songs OR download from YouTube your own HERE. Be careful what you are downloading though. (School Appropriate!) DON'T WASTE A LOT OF TIME DOING THIS!

 
Wednesday

Record your voice and mix it up as demonstrated in class.
Save as Voice.aup

Start Mixing it! (end result should be around 8 seconds)

 
Thursday

You made Mix1 (with me).
You made Mix2 - 3 song mix - by yourself.
You made Voice1 - just your voice mixed
It's time for Mix3 - it should be a two song mix with you Voice Mix on top of the a 2 song track. DUE TOMORROW!

 

Friday

Sound Files DUE DUE DUE
Upload to your website on Stuff Page.
Insert/HTML/HTML5 Audio
I am looking for MIX1, MIX2 AND MIX3.

You can ONLY use your MP3 files NOT aup's.

Work on your website when done - check for titles, missing links, target=_blank, missing work(school page)

 
Other

 

 

 

Week 12 PLAN OTHER
Monday

Flash Introduction - NEW Program FLASH/Animator

Go HERE (1MB ZIP folder) and download this to your desktop. Extract it to your FL folder on your USB Drive.

FL Demo1 today - Create a simple animation with a background, bulldog and bone using Classic Tweens.

Follow these steps:

General Instructions for FL-Bulldog Assignment

1. Make a new document (Standard Size 550X400).
2. Find a good background Image (lawn)
3. Put the background in your BG layer.(Download an image, File IMPORT to Stage)
4. Find a bulldog image online with transparency bg (PNG - already extracted) and import to stage - new layer of course, then animate it.
5 You will have 4 Layers - BG, Name, Bulldog, Bone
MAYBE Bark sound!

End result should be ~50 frames (2 seconds)

Flash Videos are HERE Find FL-Demo-Bulldog

 
Tuesday

Finish FL-Demo1

Animate your name and your Bulldog.
Publish your Flash-Demo1 5 ways - JPG, GIF, SWF,HTML and PNG.
Put ALL those on your site with links (see my site HERE) and link to the files. DO NOT upload the .fla - only the 5 files.

Motion Tween today -

FL-Demo2 - just playing around - upload the SWF version ONLY.

Flash Videos are HERE Find FL-Demo-Bulldog

 
Wednesday

Check your website w work on your website -
NO OFFICIAL PLANS - TESTING

 
Thursday

Flash Tutorial 1 Simple Kite/Balloon

Publish to your website - JUST your swf and html. Link to your HTML page. Make sure the SWF shows up on the page.

Flash Videos are HERE

FL-Demo2 - MotionTweens

Friday

Flash Tutorial 2 - Fish! Starts on Page 2.38 - Save it as Tut2-Fish1

Flash Videos are HERE

 

Other

ALL Video lessons

 

 

Week 13 PLAN OTHER
Monday

Finish and Upload Tutorial 2 Fish Drawing (NOT Animated)

You can see mine HERE

Tuesday

Start Tutorial3 Fish1 Animated Banner
Yes! I have a video on it HERE

 
Wednesday

Keep working on Tut3-Fish1

REMEMBER what are Key Frames and when are they needed?

 
Thursday

Finish and upload your Tut3-Fish1 SWF/HTML

Looking for 4 animations within the document.
1. Fish 1
2. Fish 2 (With guide layer)
3. Fish 3 (Guide layer)
4. Fish Sale Text

Start tomorrow's work if you are done with Tut03

 
Friday

FL SuperHero (or something similiar) (See mine online!)

Using MOTION Tweens, make a SuperHero scene with 2 tweens, background and a sound.

Suggestions:
1. 1000X720 size OR 800X600 depending on what you want.
2. Probably have 5 layers (BG,Hero1,BadGuy1,Name,Sound)
3. Add some Alpha.tint or some other effect to the imags.

Remember THINK about WHERE and WHEN you want things to take place.

BONUS - Explosion or something Xtra.....

 

Other    

 

Week 14 PLAN OTHER
Monday

Finish SuperHero Movie and upload.

 
Tuesday

New banner for our site masking banner

1000X200 Get a nice background and put your name on top of it - we'll set up a animated mask for your name.

Upload your Layer Mask to both the Flash page and replace your banner on your site.

Make your own banner (FL-Banner2) with a spinning shape (I used Star) and put it on your Flash Page as well.

HOMEWORK - Take a picture of yourself as demonstrated in class.

 
Wednesday

FL-SoundBoard Assignment

1. Make a new folder on your DESKTOP called FL-SoundBoard
2. Get a microphone and record 5 catchphrases (things you like to say) (5 Seconds MAX)
3. Save them as 1-WhatISaid.mp3, 2-WhatISaid.mp3, etc
4. Download 5 songs from YouTube (Be careful!!) and just get what you want from it (5 Seconds MAX)
5. Save them as 1-SongTitle.mp3, 2-SongTitle.mp3, etc.
6. HOMEWORK - Take a picture of your self pointing (as demonstrated in class.)

 
Thursday

OK - Time to import your work into a Flash Document
1. Using PS, extract the image of yourself, save it as a PNG(for transparency).
2. Make a new Flash Document (800X600) and import your
Photoshop Image
Your 5 Sounds
Your 5 Songs

Start the videos from next week!

 
Friday

NO SCHOOL !

 
Other    

 

Week 15 PLAN OTHER
Monday

SoundBoard

OK - Check out my Videos HERE to create your soundboard. Good Luck - ask if you have any issues.

 
Tuesday Keep working on your buttons.  
Wednesday

Keep working on your buttons.

 

Thursday

Finish and upload your soundboard.
You need to Publish as both an HTML and SWF and link to the HTML to get it working properly instead of putting it on your page JUST like we always do.

 

Friday

PS Billboard ( Masking layer)

Download HERE and HERE

HERE is my video for the project

When done - go to https://validator.w3.org/ and run your site - any issues fix them. Ignore ALL warnings on your old-sites though.

YOU WILL NEED HEADPHONE ALL NEXT WEEK - PLEASE BRING THEM!!! I WILL BE CHECKING

 
Other    

 

Week 16 PLAN OTHER
Monday

Start Premiere Videos

OK -we are going moving along to a new program called Premiere. It has some of the same elements as Flash, so the program, while new, should have some familiar aspects to it.

HERE is the link to the videos that we are going to make.

Credit goes to Loki Mole (yeah, I know...) for the vidoes so if you see him, thank him or not...

Setting up and downloading files Download BOTH Project 1 and Project 2.
PROJECT 01 DOWNLOAD
PROJECT 02 DOWNLOAD

Work on Project 01 - Slide show. Save it as PR-01-Slideshow.

I gave you some pictures of a place called Santorini - put it on your bucket list!

 
Tuesday

PR-01-Slideshow continue to work on it.
Export when done and put on your website. I'll help you with that as the files is large.

Putting the video on your site.
1. Put your Premiere1-LastName into the Media Folder
2. Make a new 2X2 table to put it into
3. Insert/HTML/HTML5 Video and then Link the src at the top to the video.
4. Resize the video Width to fit on your page (650?)
5. Test it / Upload it / Test it online.

HOMEWORK - 2 different videos:
1. Short - something that can be sped up, slowed down OR reversed.
2. Longer video about something in your life with multiple cuts, edits, YOUR voice, music.

 
Wednesday

Premiere1-5-Last Name
Animate your Images (This is similiar to Flash!) HERE is the link to the videos that we are going to make.

HOMEWORK - 2 different videos:
1. Short - something that can be sped up, slowed down OR reversed.
2. Longer video about something in your life with multiple cuts, edits, YOUR voice, music.

 
Thursday

Start Premiere03-GreenScreen
Green Screen with Angove
HERE is your file to download.
Also download a picture of a highway/road/parking lot for the cars to be in.

 
Friday

Finish and upload your Green Screen
Check your website - upload all your video files (PR01,PR1.5,PR02, PR03GreenScreen)

Record your own Green Screen today!

Download this file HERE of some dinosaurs!

DO YOUR HOMEWORK!

 

Other VIDEO IDEAS
Green Screen
Backwards Video
Leaf Blower Video
 

 

Week 17 PLAN OTHER
Monday

OK - Project 4-GreenScreen2
1. Download some dinosaurs HERE
2. Record yourself on the greenscreen (afraid of the dinosaurs) The dinosaur will be on your LEFT so look towards it and/ or run to your RIGHT.
3. Yes, you should make the dinosaur run/move towards you (remember PR1.5?)
4. Download a good background scene (jungle? field?)
5. Do your basic Intro/Outro
6. Create your Green Screen dinosaur production!

AT THIS TIME YOU SHOULD HAVE:
1. PR01(Intro Slideshow)
2. PR01.5 (Animated SlideShow)
3. PR02 Movie Slideshow
4. PR03 Screen Cars

HOMEWORK:
Check out the rubric and go through it carefully to determine what you still need to take care of. HERE is a link to your Final Exam WebSite Rubric


`

Tuesday

Finish and upload your Green Screen dinosaur video.

AT THIS TIME YOU SHOULD HAVE:
1. PR01(Intro Slideshow)
2. PR01.5 (Animated SlideShow)
3. PR02 Movie Slideshow
4. PR03 Green Screen Cars

NOT GRADED YET
5. PR04 Green Screen Dinosaur with YOU

HOMEWORK:
Check out the rubric and go through it carefully to determine what you still need to take care of. HERE is a link to your Final Exam WebSite Rubric

 
Wednesday

PR05 Start your FastForward/Backwards/Slow Mo today. Keep it simple - Just an Intro explaining what you are doing and the action.
How to do it:
1. Put the video on your time line. Use the Razor tool to remove and delete what you don't want.
2. RIGHT CLICK on the video then Speed/Duration to hit what ever effect you want.

OK - Set up your PR06 folder - hopefully, you already mailed your clips to yourself last week. Your finished video should tell a short story. Bonus points for humor and originality.

Generally I am looking for:
1. 3-5 Short video clips with different angles
2. Pictures if applicable
3. YOUR voice/video introduction OR voiceover the video
4. Intro/Outro
5. Song background music if appropriate.
6. Finished product 30 seconds to 1 Minute.

HOMEWORK:
Check out the rubric and go through it carefully to determine what you still need to take care of. HERE is a link to your Final Exam WebSite Rubric

 
Thursday

Work on Video Project

HERE is a link to your Final Exam WebSite Rubric

HOMEWORK:
Check out the rubric and go through it carefully to determine what you still need to take care of. HERE is a link to your Final Exam WebSite Rubric

 

Friday

Finish your personal video. Publish it to your website.
Check that you resized it. Fill out your Sheet.
Have a good weekend. That is all.

Oh - maybe check your entire website - due next week. HERE is a link to your Final Exam WebSite Rubric

YOUR WEBSITE IS DUE SOON - DO YOU HAVE EVERYTHING?

 
Other  

 

 

Week 18 PLAN OTHER
Monday

YOUR WEBSITE IS DUE IN ONE WEEK - DO YOU HAVE EVERYTHING?

PS-MAGAZINE PROJECT - You will be creating a magazine cover using PS - you will need to do the following:

1. New folder called PS-Magazine -
2. Download 5 magazine covers that you like NOT TIME MAGAZINE. Using one of the 5 for inspiration, design a cover with yourself on the cover.
3. Take a NEW picture of yourself with either a background you can extract yourself from OR a cool background that you can use for your magazine cover. (I will help with that if you want.)
4. Add stories about yourself (future goals,etc.) that make the cover similiar to the ones you downloaded.
5. Save it as PS-Magazine
6. Export it as a PNG and send to me so I can print it and laminate it!

HOMEWORK:
Check out the rubric and go through it carefully to determine what you still need to take care of. HERE is a link to your Final Exam WebSite Rubric

NOT ASSIGNED

PS-TILT-SHIFT
Make a new folder callled PS-TiltShift and put these 3 images into the folder.

Tuesday

NO CLASS TESTING ALL DAY GO TO CAFETERIA

HOMEWORK:
Check out the rubric and go through it carefully to determine what you still need to take care of. HERE is a link to your Final Exam WebSite Rubric

 

Wednesday

PS-Magazine Cover Project

HOMEWORK:
Check out the rubric and go through it carefully to determine what you still need to take care of. HERE is a link to your Final Exam WebSite Rubric

 
Thursday

PS MAGAZINE
YES EVERYTHING IS DUE TODAY BUT BUT BUT

I can take everything tomorrow as well.

HOMEWORK:
Check out the rubric and go through it carefully to determine what you still need to take care of. HERE is a link to your Final Exam WebSite Rubric

 
Friday

SENIORS - YOUR ENTIRE WEBSITE IS DUE TODAY!!!!!
Fill out the rubric and grade yourself!

UNDERCLASSMEN

1. Upload your PS-Magazine as PNG!
2. DO NOT Forget to Duplicate it and link to the full size image. (I would like to print it for you BUT I won't if you don't want.
3. Keep checking over your website. Due on TUESDAY for everyone except SENIORS.

SENIORS
1. Get a Rubric and Grade yourself - TURN THIS IN TODAY.
2. Regular final on the day of the test.
3. Seniors - do the following:

Clean off your computer. Delete any old work and especially your backups.

SUGGESTION:
1. Log into Google Drive.
2. Make a new folder called MHS 2018-2019
3. Make new folders for all your classes.
4. Upload your entire OneDrive to the WebDesign1 folder.
5. Get ready for the Final Exam.

 

SENIORS

You are only responsible for 3 things at this point:

1. Your PS-Magazine Cover - Send it to me and I'll print it. (Send it to me as a PDF though...
2. Your Website Rubric to grade your website
3. Final Exam (taken in class)

 

 

Week 19 PLAN OTHER
Monday

SENIOR EXAMS 2-3

SENIORS:
1. Did you turn in your Website Rubric? Check with me.
2. Check your grades - any problems TELL ME!
3. Backup your work on Google Drives - show me.
4. Do your Exam on Socrative
5. I'll average your website and the exam and try to tell you what you have.

UNDERCLASSMEN:

Fill out your website rubric. 100% DUE TOMORROW!

Work on your website - especially your links - make sure they all work and are active. Go to the W3C Validator site and make any changes it recommends.

1. Check your website - especially your links at the top of the page. FIX THEM if they don't work. (Check my site!)
2. Check w3C Validator to check for errors. Fix any you find.
3. Check the site using Site/Check links sitewide. Fix.
4. Check the site using Site/Reports Check ALL the bottom parts.
5. Check your grade - if there are issues, PRINT your grade. Write in your problem down and then TRIPLE check to make sure it is on your site properly. Turn it into the box.

Monday 20th 2-3 Period Seniors
Tuesday 21st 4-5 Period Seniors
Wednesday22nd 6-7 Period
(Last Day Seniors)
Thursday 24th Senior Graduation Practice
Tuesday

SENIOR EXAMS 4-5

SENIORS:
1. Did you turn in your Website Rubric? Check with me.
2. Check your grades - any problems TELL ME!
3. Do your Exam on Socrative
4. I'll average your website and the exam and try to tell you what you have.

UNDERCLASSMEN:

Fill out your website rubric. 100% DUE TODAY!

 
Wednesday

SENIOR EXAMS 6-7 BYE

SENIORS:
1. Did you turn in your Website Rubric? Check with me.
2. Check your grades - any problems TELL ME!
3. Do your Exam on Socrative
4. I'll average your website and the exam and try to tell you what you have.

UNDERCLASSMEN:

1. Check your grade - any issues see me.
2. Back up your files to Google Drive - we'll do it together.

 
Thursday

No official Plans - final exam soon!

 
Friday

7TH PERIOD EXAM

No official Plans

 
Other    

 

EXAMS PLAN OTHER
Monday

1-2 EXAM

 
Tuesday 3-4 EXAM  
Wednesday 5-6 EXAM  
Thursday    
Friday    
Other    

 

http://tv.adobe.com/watch/classroom-basic-site-layout-and-navigation-in-dreamweaver-cs5/part-15-uploading-the-site/

 

 

 

Link to top