Spanish Fork & Springville High Computer Programming & School News
Instructor:   Mrs. Carey S. White
  • Computer Programming 1
  • Computer Programming 2
  • Desktop & School News
    • Photoshop Bell Ringers
    • Flash Labs & Projects

Unit 7:  Using CSS -- Cascading Style Sheets

Student Learning Objective:   Site Planning and Design:  Students will plan, design, implement, and maintain website(s).  Objective 3:  Create content for website.  Insert navigation bars, rollover images, or buttons created in graphics editor. Understand and use favicons.
Objective: "I can create websites using CSS -- Cascading Style Sheets."

Thursday, May 19

Complete Final Project Assessment:  "My Portfolio"
“my_portfolio”_multimedia_website_assessment_grading_rubric.pdf
File Size: 485 kb
File Type: pdf
Download File


Tuesday, May 3

1.  Bell Ringer Quiz #32 -- Web Technologies (Part 1)
2.  Continue CSS Project:  Black Goose Bistro -- Photo Gallery
     (gallery.html)

Picture
Picture

 Unit 6: Creating a Drop-Down Menu in Fireworks

Objective:  “I can use Fireworks to create a drop-down navigation bar.”
Picture

Unit 5:  Audio & Video

Student Learning Objective:  "I can create content for a website including rich media; such as, video, sound, or animation. I can identify when to use various image and digital media file formats."

Wednesday, March 23

1.  Bell Ringer Quiz #22:  (complete in Canvas:  nebo.instructure.com)
2.  Video 1 -- Mix Audio & Video Clips using Movie Maker (Star Wars)
     -- download instructions and files from Canvas


Unit 4:  Dreamweaver

Lesson Objective:  “I can review basic skills learned and use the following software features in Dreamweaver:  Rollover Images, iFrames, and Tables. I can include animation, sound, and video into my website.”

Thursday, March 10

1.  Bell Ringer Quiz #18:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab #9: Character Animation

3.  Complete & Pass-Off Vacation Website -- Assemble in
     Dreamweaver (add Video, Sound, Pictures, iFrames)

Picture

Tuesday, March 8

1.  Bell Ringer Quiz #17:  (complete in Canvas:  nebo.instructure.com)
2.  Complete & Pass-Off Vacation Website -- Assemble in
     Dreamweaver (add Video, Sound, Pictures, iFrames)

vacation_website_step_by_step_instructions.docx
File Size: 5682 kb
File Type: docx
Download File

Picture

Friday, March 4

1.  Bell Ringer Quiz #16:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab Assessment #8:  Using the Line Width Tool

     (submit .gif to Canvas:  nebo.instructure.com)

3.  Work to Complete Vacation Website -- Assemble in
     Dreamweaver (add video, sound, pictures)

Wednesday, March 2

1.  Bell Ringer Quiz #15:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab #8:  Using the Line Width Tool

     (submit .gif to Canvas:  nebo.instructure.com)

3.  Work to Complete Vacation Website -- Assemble in
     Dreamweaver (add video, sound, pictures)


Wednesday, February 24

1.  Bell Ringer Quiz #13:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab #7
:  Add Sound to Animations
     (submit .gif to Canvas:  nebo.instructure.com)

3.  Continue Vacation Website -- Assemble in Dreamweaver
     (add video & sound)

Monday, February 22

1.  Bell Ringer Quiz #12:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab #6 Assessment
:  Frame-by-Frame Animation
     (submit .gif to Canvas:  nebo.instructure.com)

3.  Continue Vacation Website -- Assemble in Dreamweaver

Thursday, February 18

1.  Bell Ringer Quiz #11:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab #6
:  Frame-by-Frame Animation
     (submit .gif to Canvas:  nebo.instructure.com)

3.  Continue Vacation Website -- Assemble in Dreamweaver

Tuesday, February 16

1.  Bell Ringer Quiz #10:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab Assessment #5
:  Picture Slideshow Using Color Effects
     (submit .gif to Canvas:  nebo.instructure.com)

3.  Continue Vacation Website -- begin assembly in Dreamweaver

Thursday, February 11

1.  Bell Ringer Quiz #9:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab #5
:  Picture Slideshow Using Color Effects
     (submit .gif to Canvas:  nebo.instructure.com)

3.  Continue Vacation Website -- begin assembly in Dreamweaver


Tuesday, February 9

1.  Bell Ringer Quiz #8:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab Assessment #4
:  Animate Along a Path
     (submit .gif to Canvas:  nebo.instructure.com)

3.  Continue Key West Vacation Website (pass-off Rollovers: 
     Restaurants, Activities, Lodging) -- begin Dreamweaver

Friday, February 5

1.  Bell Ringer Quiz #7:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab #4
:  Animate Along a Path
     (submit .gif to Canvas:  nebo.instructure.com)

3.  Continue Key West Vacation Website (create animated top bar
     and rollovers, import into Dreamweaver)


Wednesday, February 3

1.  Bell Ringer Quiz #6:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab Assessment #3
:  Text Tweening
     (submit .gif to Canvas:  nebo.instructure.com)

3.  Continue Key West Vacation Website (create animated top bar,
     import into Dreamweaver)


Monday, February 1

1.  Bell Ringer Quiz #5:  (complete in Canvas:  nebo.instructure.com)
2.  Flash Lab #3
:  Text Tweening
     (submit .gif to Canvas:  nebo.instructure.com)

3.  Continue Key West Vacation Website (create top bar)


Thursday, January 28

1.  Bell Ringer Quiz #4:  (complete in Canvas:  nebo.instructure.com
2.  Create a sidebar for you
r vacation website.  Save as: "sidebar.jpg" in your
     Project 9 folder.  (download the instructions below)

3.  Create 3 Rollover Images for your Vacation Website
     (Activities, Lodging, Restaurants) (download the instructions below)
     EXAMPLES:

Picture
Picture
Picture

Thursday, January 14

1.  State Competency Exam - http://www.precisionexams.com/usoe/welcome
2.  Complete Project 8:  LEGO Justice League (HTML5 Review & Code Validation)

Picture
“I can create a multi-page website using Dreamweaver, including Rollover Navigation and an Input Form.”

Thursday, December 17

1.  Make-up Missing Photoshop Bell Ringers (submit to Canvas:  nebo.instructure.com)
2.  Complete Project 7 -- Uptown City Recreation (copy folder from shared drive)

Picture

Tuesday, November 24

1.  Photoshop Bell Ringer #28:  Fix Old Photos using the Clone Stamp Tool
    
(submit to Canvas:  nebo.instructure.com)
2.  Continue "Introduction to Dreamweaver" -- Project 6 Thanksgiving Website

Picture

"I can create a multi-page website using HTML and Photoshop."

Wednesday, November 18

1.  Photoshop Bell Ringer #26:   Background Eraser Tool
     (submit to Canvas:  nebo.instructure.com)

2.  Complete & Pass-off Project 5:  Macbeth Multi-page Website
    
(design remaining pages)

Picture

Monday, November 16

1.  Quiz #8:   HTML Image Tags (complete in Canvas:  nebo.instructure.com)
2.  Photoshop Bell Ringer #25:   Screen Capture
     (submit to Canvas:  nebo.instructure.com)

3.  Continue Project 5:  Macbeth Multi-page Website (design remaining pages) -- DUE FRIDAY

Thursday, November 12

1.  Photoshop Bell Ringer #24:   Animate a Picture using Filters
     (submit to Canvas:  nebo.instructure.com)

2.  Continue Project 5:  Macbeth Multi-page Website (design remaining pages)

Tuesday, November 10

1.  Quiz #7:   HTML HyperLink Tags (complete in Canvas:  nebo.instructure.com)
2.  Photoshop Bell Ringer #23:   Animated Pictures Slideshow
     (submit to Canvas:  nebo.instructure.com)

3.  Continue Project 5:  Macbeth Multi-page Website (design remaining pages)

Friday, November 6

1.  Complete Vocabulary & Learning Log
2.  Photoshop Bell Ringer #22:   Tilt-Shift, Cartoonlike Photos
     (submit to Canvas:  nebo.instructure.com)

3.  Continue Project 5:  Macbeth Multi-page Website (design remaining pages)

Wednesday, November 4

1.  Quiz #6: HTML Color Tags (complete in Canvas:  nebo.instructure.com)
2.  Photoshop Bell Ringer #21:   Create Basic Animation
     (submit to Canvas:  nebo.instructure.com)

3.  Continue Project 5:  Macbeth Multi-page Website ( navigation & remaining pages)

Monday, November 2

1.  Add to Vocabulary & Learning Log
2.  Photoshop Bell Ringer #20: 
Correct Skin Blemishes with the Healing Tools
     (submit to Canvas:  nebo.instructure.com)

3.  Continue Project 5:  Macbeth Multi-page Website (main page "index.html" & navigation)

Thursday, October 29

1.  Photoshop Bell Ringer #19:  Custom Shape Tool & Gradient Border
     (submit to Canvas:  nebo.instructure.com)

2.  Continue Project 5:  Macbeth Multi-page Website (backgrounds & main page "index.html")

Tuesday, October 27

1.  Add to Vocabulary/Learning Log (Day 14, Table Colors)
2.  Photoshop Bell Ringer #18:  Use Filters, Artistic and Render
     (submit to Canvas:  nebo.instructure.com)

3.  Begin Project 5:  Macbeth Multi-page Website (copy content from shared drive)


Tuesday, October 20

1.  Add to Vocabulary/Learning Log
2.  Photoshop Bell Ringer #17:  U
se the Liquefy Filter to Bloat, Pucker, and Restore
     (submit to Canvas:  nebo.instructure.com)

3.  Work to Complete Project 3:  Dessert WEB (Movie Slideshow Top Bar & Content)
Picture

1.  HTML Quiz #4 -- Complete in Canvas
2.  Photoshop Bell Ringer #13:   Multiply Masking & Adjust
     Layers  (submit in Canvas:  nebo.instructure.com)

3.  Continue Project 2:  Dave's Devil Sticks (animated Top Bar
     & Upload to the Web)

Picture
Picture
Picture
Picture
Picture

Monday, September 28

1.  Quiz #3:  HTML Tags (take in Canvas:  nebo.instructure.com)
2.  Add to Learning Log & Vocabulary
3.  Complete Photoshop Bell Ringer #10:  
Use the Magic Wand Tool to select and change colors.  
     (submit in Canvas:  nebo.instructure.com)

4.  Begin Project 2:  Dave's Devil Sticks

Thursday, September 24

1.  No Vocab or Quiz Today :)
2.  Complete Photoshop Bell Ringer #9:  
Create a Gradient Background & Work with Filter Effects 
    
(submit in Canvas)

3.  Complete Project 0.0:  Lincoln Movie Trailer
Picture
Picture
1.  Add to Learning Log & Vocabulary -- HTML Tags
2.  Complete Photoshop Bell Ringer #8: 
Using the Marquee Tool:  Square, Oval, Feature Edges
    
(submit in Canvas)

3.  Complete & Pass-off Project 0 Assessment:  Create a 1-page web page using basic tags about
     your favorite music group, artist, or genre.

4.  Begin Project 0.0:  Lincoln Movie Trailer

Friday, September 18

1.  Quiz #2:  File Extensions (take in Canvas:  nebo.instructure.com)
2.  Complete Photoshop Bell Ringer #7: 
Frame-by-Frame Animation (submit in Canvas)
3.  Complete & Pass-off Project 0 Assessment:  Create a 1-page web page using basic tags about
     your favorite music group, artist, or genre.

Tuesday, September 15

1.  Add to Learning Log & Vocabulary -- file extensions
2.  Complete Photoshop Bell Ringer #6: 
Create, Duplicate, Move, and Group Layers. 
     (submit in Canvas)

3.  Begin Project 0 Assessment:  Create a 1-page web page using basic tags about your favorite
     music group, artist, or genre.

Friday, September 11

1.  Quiz #1:  Design Principles (take in Canvas:  nebo.instructure.com)
2.  Add to Learning Log & Vocabulary
-- file extensions
2.  Photoshop Bell Ringer #6: 
Create, Duplicate, Move, and Group Layers.  (submit in Canvas)

Wednesday, September 9

Friday, September 4

1.  Photoshop Bell Ringer #4:  Moving Images  (submit in Canvas)
2.  Continue Project 0:  My First Web Page (use basic HTML housekeeping tags)

Project 0:  My First Web Page

Picture
Picture
Picture
Picture

Wednesday, September 2

1.  Photoshop Bell Ringer #3:  Changing a “.jpg” to_a_“.gif”  (submit in Canvas)
2.  Good Web Page Design Exam (complete in Canvas)
3.  Begin Project 0:  My First Web Page (use basic HTML housekeeping tags)

Unit 1:   What is Good Web Design?   What are Visual Design Elements?

Student Learning Outcomes:   Students will demonstrate a basic knowledge of the Internet and the tools used to access information.
Objectives:  "I can understand good web page design principles.  I can recognize good visual design elements."

Monday, August 31

1.  Photoshop Bell Ringer #2:  Color Correction, Create Watermark,
     Black & White, Sepia Tones
(submit in Canvas)

2.  Visual Design Elements (Presentation & Learning Log)
3.  Good Web Page Design Exam
(complete in Canvas)

Thursday, August 27

1.  Photoshop Bell Ringer #1:  Change Image Size & Crop (submit to Canvas)
2.  Good Web Page Design
(good vs bad Web Design -- Evaluate Websites)
3.  Visual Design Elements
(Presentation & Learning Log)

Tuesday, August 25
Photoshop Lesson #1:   Rules Collage  (Teacher Demo, Students Follow)

Student Learning Outcomes:   Students will create and prepare images to integrate with website designs.  Photoshop skills learned:  Navigation, Fill Background with a Color, Window Manipulation, Layers, Moving Images between documents, Transform any Layer (Cntrl-T), and use the Magic Wand.

Objectives:  "I can optimize images used in web design publications." 
basics.psd
File Size: 486 kb
File Type: psd
Download File

pics.zip
File Size: 735 kb
File Type: zip
Download File

Picture
Picture
Picture
1.  Add to Learning Log & Vocabulary
2.  Photoshop Bell Ringer #5:  
Text Creation & Manipulation (submit in Canvas)
3.  Complete & Pass-Off Project 0:  My First Web Page (use basic HTML housekeeping tags)
Picture
Picture
KSL Article:  8 reasons your children should learn to code websites
http://www.ksl.com/?sid=34520558&nid=1268&title=8-reasons-your-children-should-learn-to-code-websites&s_cid=queue-7

Unit 2:   Create a basic web page using HTML code

Student Learning Outcomes:   Students will demonstrate a basic knowledge of essential HTML tags including housekeeping tags and the proper structure to create a basic web page.
Objectives:  "I can create a basic web page using HTML tags."

Wednesday, October 14

Monday, October 12

1.  Quiz #5:  Photoshop Basics (take in Canvas:  nebo.instructure.com)
2.  Photoshop Bell Ringer #15:  Selective Coloring using a Layer Mask
     (submit in Canvas:  nebo.instructure.com)

3.  Continue Project 3:  Dessert WEB (HTML Code)
Picture
Picture
Picture
Picture

Online Links:

http://www.w3schools.com
https://www.google.com/fonts
http://www.color-hex.com/216-web-safe-colors/​
http://nebo.instructure.com
MACBETH WEBSITE VIDEO TUTORIALS

Macbeth_Part1_Intro and Installing Fonts

Macbeth_Part2_Picture in Text and Backgrounds

Macbeth_Part3_Main HTML Page and Templates

Macbeth_Part4_Creating Templates and Complete
Picture

Photoshop File Assets Page

Picture
web_development_i_ce_2015-2016.pdf
File Size: 399 kb
File Type: pdf
Download File

term_1_learning_log_vocabulary_notes.docx
File Size: 39 kb
File Type: docx
Download File

great_web_design_test.docx
File Size: 24 kb
File Type: docx
Download File

project_0.0_movie_trailer_rubric.docx
File Size: 15 kb
File Type: docx
Download File

File Downloads:

Picture
mario_back.jpg
File Size: 92 kb
File Type: jpg
Download File

dusty.png
File Size: 42 kb
File Type: png
Download File

Picture
blade.png
File Size: 101 kb
File Type: png
Download File

Picture
1.  Bell Ringer:  Flash Lab #4 -- Objects following a Motion Path
“I can animate along a motion path.”


Thursday, January 8

flash_lab_2_shape_tween.pdf
File Size: 637 kb
File Type: pdf
Download File

Picture
Picture
flash_lab_1__creating_classic_motion_tweens_basic_animation.pdf
File Size: 1315 kb
File Type: pdf
Download File

Picture
Picture
basketball.png
File Size: 117 kb
File Type: png
Download File

Picture
soccer.png
File Size: 106 kb
File Type: png
Download File

Picture
football.png
File Size: 64 kb
File Type: png
Download File

Picture
softball.png
File Size: 27 kb
File Type: png
Download File

Monday, December 15

Thursday, December 11

1.  State Competency Exam -- http://www.precisionexams.com/usoe/welcome
2.  Pass-off Project 5:  Vocabulary Website
using Dreamweaver --
    
"I can create anchors within a Dreamweaver webpage."
3.  Pass-off Project 6:  Uptown City Recreation --
"I can create a multiple-page website
     using Dreamweaver."
1.  State Exam Practice--Part 1 (complete in Canvas:  http://nebo.instructure.com)
2.  Complete Project 5:  Vocabulary Website
using Dreamweaver --
    
"I can create anchors within a Dreamweaver webpage."
3.  Complete Project 6:  Uptown City Recreation --
"I can create a multiple-page website
     using Dreamweaver."

Friday, December 5

1.  Photoshop Bell Ringer #32:  Special Effects (Rounded Corners, Reflection,
     Make Colors Pop, Selective Coloring)

2.  Continue Project 5:  Vocabulary Website
using Dreamweaver --
    
"I can create anchors within a Dreamweaver webpage."
3.  Continue Project 6:  Uptown City Recreation --
"I can create a multiple-page website
     using Dreamweaver."

photoshop_bell_ringer_32_special_effects.pdf
File Size: 634 kb
File Type: pdf
Download File

Picture
sunset_original.jpg
File Size: 75 kb
File Type: jpg
Download File

beach_original.jpg
File Size: 44 kb
File Type: jpg
Download File

Picture
Picture
sunglasses1.jpg
File Size: 106 kb
File Type: jpg
Download File

Picture
southermost_point.jpg
File Size: 473 kb
File Type: jpg
Download File

planes1.jpg
File Size: 229 kb
File Type: jpg
Download File

Objectives:  "I can code a Dreamweaver website with a table, rollover images, form elements, lists, and links."  “I can remove complex backgrounds in Photoshop."

Student Learning Outcomes:   Students will be able to code and design a multi-page website using Dreamweaver.
1.  Bell Ringer:  Flash Lab #2 -- Creating Shape Tweens

Tuesday, January 6

1.  State Exam Practice--Part 2 (complete in Canvas:  http://nebo.instructure.com)
2.  Complete Project 5:  Vocabulary Website
using Dreamweaver --
    
"I can create anchors within a Dreamweaver webpage."
3.  Complete Project 6:  Uptown City Recreation --
"I can create a multiple-page website
     using Dreamweaver."
2.  Flash Lab #3 -- Text Shape Tweens
Picture
flash_lab_3_create_a_shape_tween_with_text.pdf
File Size: 981 kb
File Type: pdf
Download File

Wednesday, December 3

1.  Photoshop Bell Ringer #31:  Load and Play Photoshop Actions
2.  Continue Project 5:  Vocabulary Website using Dreamweaver
    
"I can create anchors within a Dreamweaver webpage."
3.  Continue Project 6:  Uptown City Recreation -- "I can create a form in Dreamweaver
     to use in an interactive website." 
photoshop_bell_ringer_31_load__play_photoshop_actions.pdf
File Size: 638 kb
File Type: pdf
Download File

coloredglass.atn
File Size: 73 kb
File Type: atn
Download File

distressedge.atn
File Size: 28 kb
File Type: atn
Download File

tear.atn
File Size: 15 kb
File Type: atn
Download File

Picture
beach-chair.jpg
File Size: 92 kb
File Type: jpg
Download File

Picture
rainbow_bridge.jpg
File Size: 158 kb
File Type: jpg
Download File

Picture
mountain_biker.jpg
File Size: 103 kb
File Type: jpg
Download File

Picture
winter_farm.jpg
File Size: 500 kb
File Type: jpg
Download File

Monday, December 1

1.  Bell Ringer:  Flash Lab #1 -- Creating Classic Motion Tweens
Picture
70s_rock_band.jpg
File Size: 632 kb
File Type: jpg
Download File

grunge_brushes.abr
File Size: 25803 kb
File Type: abr
Download File

Monday, November 24

1.  Photoshop Bell Ringer #29:  Remove Complex Backgrounds
2.  Continue Project 5:  Vocabulary Website using Dreamweaver
    
"I can create anchors within a Dreamweaver webpage."
3.  Continue Project 6:  Uptown City Recreation -- "I can create rollovers for use in
     Dreamweaver navigation."
photoshop_bell_ringer_29_remove_complex_backgrounds_from_images_in_photoshop.pdf
File Size: 1424 kb
File Type: pdf
Download File

Picture
frog.jpg
File Size: 203 kb
File Type: jpg
Download File

Thursday, November 20

Objectives:  "I can code a Dreamweaver webpage with a table, video, images, lists, and links." 
“I can use the clone stamp tool to restore old photos."

Student Learning Outcomes:   Students will be able to code and design a multi-page website using Dreamweaver.

1.  Photoshop Bell Ringer #28:  Fix Old Photos using the Clone Stamp Tool

2.  Continue Project 5:  Vocabulary Website using Dreamweaver
    
"I can create anchors within a Dreamweaver webpage."
3.  Continue Project 6:  Uptown City Recreation -- "I can create rollovers for use in
     Dreamweaver navigation)
photoshop_bell_ringer_28_fix_old_photos_using_the_clone_stamp_tool.pdf
File Size: 348 kb
File Type: pdf
Download File

Picture
grandma_k_restore_old_photo.jpg
File Size: 7480 kb
File Type: jpg
Download File

Tuesday, November 18

Objectives:  "I can code a Dreamweaver webpage with a table, video, images, lists, and links." 
“I can use filters, the timeline tool, and frame-by-frame animation to create an animated .gif."

Student Learning Outcomes:   Students will be able to code and design a website using Dreamweaver.

1.  Photoshop Bell Ringer #27:  Picture in Text
  
2.  Continue Project 5:  Vocabulary Website using Dreamweaver
    
"I can create anchors within a Dreamweaver webpage."
3.  Begin Project 6:  Uptown City Recreation -- "I can create rollovers for use in
     Dreamweaver navigation)
photoshop_bell_ringer_27_creating_a_picture_in_text.pdf
File Size: 667 kb
File Type: pdf
Download File

Picture
Picture
sunflowers.jpg
File Size: 689 kb
File Type: jpg
Download File

lightning.jpg
File Size: 50 kb
File Type: jpg
Download File

Friday, November 14

Objectives:  "I can code a Dreamweaver webpage with a table, video, images, lists, and links." 
“I can use filters, the timeline tool, and frame-by-frame animation to create an animated .gif."

Student Learning Outcomes:   Students will be able to code and design a website using Dreamweaver.

1.  Photoshop Bell Ringer #26: 
Using the Background Eraser Tool       
2.  Continue Project 5:  Vocabulary Website using Dreamweaver
    
"I can create anchors within a Dreamweaver webpage."
3.  Begin Project 6:  Uptown City Recreation -- "I can create rollovers for use in
     Dreamweaver Navigation)

photoshop_bell_ringer_26_using_the_background_eraser_tool.pdf
File Size: 770 kb
File Type: pdf
Download File

Picture
arches.jpg
File Size: 200 kb
File Type: jpg
Download File

Picture
clouds2.jpg
File Size: 405 kb
File Type: jpg
Download File

Picture
frozen.jpg
File Size: 780 kb
File Type: jpg
Download File

Picture
lavender.jpg
File Size: 240 kb
File Type: jpg
Download File

Wednesday, November 12

Objectives:  "I can code a Dreamweaver webpage with a table, video, images, lists, and links." 
“I can use filters, the timeline tool, and frame-by-frame animation to create an animated .gif."

Student Learning Outcomes:   Students will be able to code and design a website using Dreamweaver.

1.  Photoshop Bell Ringer #25:   Screen Capture          
2.  Continue Project 5:  Vocabulary Website using Dreamweaver
    
"I can create anchors within a Dreamweaver webpage."
photoshop_bell_ringer_25_screen_capture.pdf
File Size: 587 kb
File Type: pdf
Download File

Monday, November 10

Objectives:  "I can code a Dreamweaver webpage with a table, video, images, lists, and links." 
“I can use filters, the timeline tool, and frame-by-frame animation to create an animated .gif."

Student Learning Outcomes:   Students will be able to code and design a website using Dreamweaver.

1.  Online Quiz #8:  HTML Image Tags  (complete in Canvas:  http://nebo.instructure.com)

2.  Photoshop Bell Ringer #24: 
Animate a Picture using Filters
3.  Begin Project 5:  Vocabulary Website using Dreamweaver
     "I can create anchors within a Dreamweaver webpage."

photoshop_bell_ringer_24_animate_a_picture_using_filters.pdf
File Size: 626 kb
File Type: pdf
Download File

Picture
minion-rush.jpg
File Size: 901 kb
File Type: jpg
Download File

Thursday, November 6

Objectives:  "I can code a Dreamweaver web page with a table, video, images, lists, and links.  I can code a table in Dreamweaver.   I can create an animated pictures slide show in Photoshop."

1.  Online Quiz #7:  HTML HyperLink Tags 
     (complete in Canvas:  http://nebo.instructure.com)

2.  Photoshop Bell Ringer #23:  Animated Pictures Slide Show

photoshop_bell_ringer_23_animated_pictures_slide_show.pdf
File Size: 360 kb
File Type: pdf
Download File

Picture
dry_tortugas.jpg
File Size: 61 kb
File Type: jpg
Download File

Picture
fort_jefferson.jpg
File Size: 71 kb
File Type: jpg
Download File

Picture
starfish.jpg
File Size: 71 kb
File Type: jpg
Download File

Picture
turtle_nest.jpg
File Size: 109 kb
File Type: jpg
Download File

3.  Continue Dreamweaver Lesson #1:  Project 4_Thanksgiving Website (Navigation,
     Tables, Images, and Text) --download the images below
thanksgiving_website_content.zip
File Size: 749 kb
File Type: zip
Download File

Tuesday, November 4

Objectives:  "I can code a Dreamweaver web page with a table, video, images, lists, and links.  I can use the tilt-shift filter.  I can code a table in Dreamweaver."

1.  Online Quiz #6:  HTML Color Tags  (complete in Canvas:  http://nebo.instructure.com)
2.  Photoshop Bell Ringer #22:  Using the Tilt-Shift Filter ("cartoonlike" photos)
     “I can use the tilt-shift filter to create "cartoonlike" miniaturized photos.

photoshop_bell_ringer_22_tilt-shift_cartoonlike_photos.pdf
File Size: 1202 kb
File Type: pdf
Download File

Picture
tokyo.jpg
File Size: 649 kb
File Type: jpg
Download File

Picture
byu_stadium1.jpg
File Size: 84 kb
File Type: jpg
Download File

Picture
times_square.jpg
File Size: 465 kb
File Type: jpg
Download File

3.  Pass-off Project 3:  Dessert Web
4.  Begin Dreamweaver Lesson #1:  Project 4_Thanksgiving Website (Navigation, Tables,
     Images, and Text) --download the images below


Friday, October 31

Objectives:  "I can code a basic HTML web page with a table, video, images, lists, and links.  I can use the custom shape tool with a gradient border to create unique photo effects.  I can code a table in HTML"

1.  Photoshop Bell Ringer #21: 
Create Basic Animation
     “I can create basic animation using the Timeline tool. 
     I can "save as" an animated .gif. 
"
2.  Complete Project 3:  Dessert Web
    
(create a unique background, title in Photoshop,
     complete HTML Table code)
photoshop_bell_ringer_21_create_basic_animation.pdf
File Size: 729 kb
File Type: pdf
Download File

Picture
Picture
Picture
Picture
spaghetti.jpg
File Size: 44 kb
File Type: jpg
Download File

Wednesday, October 29

Picture
teen_acne.jpg
File Size: 90 kb
File Type: jpg
Download File

Picture
rosecea.jpg
File Size: 66 kb
File Type: jpg
Download File

Picture
rosacea-01.jpg
File Size: 16 kb
File Type: jpg
Download File

Monday, October 27

Objectives:  "I can code a basic HTML web page with a table, video, images, lists, and links.  I can use the custom shape tool with a gradient border to create unique photo effects.  I can code a table in HTML"

1.  Photoshop Bell Ringer #20: 
Correct Skin Blemishes with the Healing Tools
2.  Continue Project 3:  Dessert Web
    
(create a unique background and title in Photoshop, begin HTML Table code)
photoshop_bell_ringer_20_correct_skin_blemishes_with_the_healing_tools.pdf
File Size: 340 kb
File Type: pdf
Download File

Objectives:  "I can code a basic HTML web page with a table, video, images, lists, and links.  I can use the custom shape tool with a gradient border to create unique photo effects.  I can code a table in HTML"

1.  Photoshop Bell Ringer #19:  Custom Shape Tool & Gradient Border
2.  Continue Project 3:  Dessert Web
    
(create a unique background and title in Photoshop, begin HTML Table code)
photoshop_bell_ringer_19_custom_shape_tool__gradient_border.pdf
File Size: 1098 kb
File Type: pdf
Download File

Picture
Picture
two_girls.jpg
File Size: 672 kb
File Type: jpg
Download File

dave2.jpg
File Size: 1289 kb
File Type: jpg
Download File

Wednesday, October 22

Objectives:  "I can code a basic HTML web page with video, images, lists, and links.  I can use filters to create distinct and unique photo effects.  I can create a pictures slide show (video) in Windows Movie Maker to use on my website."

1.  Photoshop Bell Ringer #18:  Use Filters (Artistic & Render)
2.  Add Vocabulary to Learning Log
(HTML Image Tags)
3.  Begin Project 3:  Dessert Web
    
(create a picture Slide Show in Windows Movie Maker)
photoshop_bell_ringer_18_use_filters_artistic_and_render.pdf
File Size: 481 kb
File Type: pdf
Download File

Picture
evil_kevin.png
File Size: 740 kb
File Type: png
Download File

Picture
evil_kevin2.jpg
File Size: 49 kb
File Type: jpg
Download File

Picture
stuart.jpg
File Size: 132 kb
File Type: jpg
Download File

Monday, October 20

Objectives:  "I can code a basic HTML web page with video, images, lists, and links.  I can use filters to create distinct and unique photo effects.  I can create a pictures slide show (video) in Windows Movie Maker to use on my website."

1.  Photoshop Bell Ringer #17:  Use the Liquify Filter to Bloat, Pucker, Restore
2.  Add Vocabulary to Learning Log
(HTML HyperLink Tags)
3.  Begin Project 0:  Dessert Web
    
(create a picture Slide Show in Windows Movie Maker)

photoshop_bell_ringer_17_use_the_liquify_filter_to_bloat_pucker_and_restore.pdf
File Size: 300 kb
File Type: pdf
Download File

Picture
purple_minion.png
File Size: 683 kb
File Type: png
Download File

Picture
my_minions.jpg
File Size: 530 kb
File Type: jpg
Download File

Tuesday, October 14

Objectives:  "I can code a basic HTML web page with text, images, lists, and links.
I can use filters to create distinct and unique photo effects.  I can use FTP, file transfer protocol, and understand how to upload a website live to the internet."

1.  Photoshop Bell Ringer #16: 
Iris Blur & Perspective
2.  Add Vocabulary to Learning Log
(table colors)
3.  Use FTP to Upload to the Web Project 2:  Dave's Devil Sticks 
photoshop_bell_ringer_16__iris_blur__perspective.pdf
File Size: 340 kb
File Type: pdf
Download File

Picture
two_girls.jpg
File Size: 672 kb
File Type: jpg
Download File

Picture
stuart__jerry.jpg
File Size: 53 kb
File Type: jpg
Download File

Friday, October 10

Objectives:  "I can code a basic HTML web page with text, images, lists, and links.  I can use masking to conceal (white) and reveal (black)."  

1.  Photoshop Bell Ringer #15: 
Selective Coloring using a Layer Mask
2. 
Online Quiz #5 (complete in Canvas:  http://nebo.instructure.com)
3.  Add Vocabulary to Learning Log
(table colors)
4.  Continue Project 2:  Dave's Devil Sticks (create animated top bar)
photoshop_bell_ringer_15_selective_coloring_using_a_layer_mask.pdf
File Size: 383 kb
File Type: pdf
Download File

Picture
cup.jpg
File Size: 291 kb
File Type: jpg
Download File

Picture
dave3.jpg
File Size: 13 kb
File Type: jpg
Download File

Picture
dave3.png
File Size: 1906 kb
File Type: png
Download File

Wednesday, October 8

Objectives:  "I can code a basic HTML web page with text, images, lists, and links.  I can use masking to conceal (white) and reveal (black)."  

1.  Photoshop Bell Ringer #14: 
Fix Dark Photos with Masking, Curves,
     and Vibrance

2.  No Quiz Today :)
3.  Add Vocabulary to Learning Log (Photoshop Basics)
4.  Continue Project 2:  Dave's Devil Sticks (download images below)
photoshop_bell_ringer_14_fix_dark_photos_with_masking_curves_and_vibrance.pdf
File Size: 521 kb
File Type: pdf
Download File

Picture
car_wash.jpg
File Size: 371 kb
File Type: jpg
Download File

Picture
fairway.jpg
File Size: 482 kb
File Type: jpg
Download File

Picture
dark_shadows.jpg
File Size: 39 kb
File Type: jpg
Download File

Monday, October 6

Objectives:  "I can code a basic HTML web page with text, images, lists, and links.  I can use masking to conceal (white) and reveal (black)."  

1.  Photoshop Bell Ringer #13: 
Multiply Masking & Adjust Levels
2.  Online Quiz #4 (complete in Canvas:  http://nebo.instructure.com)
3.  Add Vocabulary to Learning Log (Photoshop Basics)
4.  Begin Project 2:  Dave's Devil Sticks (download images below)

photoshop_bell_ringer_13_multiply_masking__adjusting_layers.pdf
File Size: 588 kb
File Type: pdf
Download File

Picture
light_bulb.jpg
File Size: 2540 kb
File Type: jpg
Download File

Picture
paper_bkg.jpg
File Size: 332 kb
File Type: jpg
Download File

Picture
girl.jpg
File Size: 135 kb
File Type: jpg
Download File

Picture
Picture
Picture
Picture
Picture
logo.jpg
File Size: 15 kb
File Type: jpg
Download File

juggler1.jpg
File Size: 18 kb
File Type: jpg
Download File

sticks1.jpg
File Size: 17 kb
File Type: jpg
Download File

sticks2.jpg
File Size: 17 kb
File Type: jpg
Download File

sticks3.jpg
File Size: 14 kb
File Type: jpg
Download File

Thursday, October 2

Objectives:  "I can code a basic HTML web page with text and images.  I can use gradient masking to conceal (white) and reveal (black)."  

1.  Photoshop Bell Ringer #12:   Gradient Masking
2.  NO Quiz today :)
3.  Add Vocabulary to Learning Log (Working with Color)
4.  Pass-off Project 0.0 Assessment (download Rubric on the right)  
     Instructions:  Create your own 1-page Movie Trailer website by following the
     pattern set in the Lincoln Movie Trailer

photoshop_bell_ringer_12_gradient_masking.pdf
File Size: 619 kb
File Type: pdf
Download File

Picture
dock.jpg
File Size: 316 kb
File Type: jpg
Download File

Picture
frozen.jpg
File Size: 780 kb
File Type: jpg
Download File

Picture
desert_landscape.jpg
File Size: 228 kb
File Type: jpg
Download File

Picture
lavender.jpg
File Size: 240 kb
File Type: jpg
Download File

Tuesday, September 30

Objectives:  "I can code a basic HTML web page with text and images.  I can use the Paint Brush Tool to change and use different paint brushes and sizes."

1.  Photoshop Bell Ringer #11:  
Use the Paint Brush Tool (change to
     different paint brushes and sizes)

2.  NO Quiz today :)
3.  Add Vocabulary to Learning Log (Working with Color)
4.  Create a Title (.gif) for the Movie Trailer Assessment
5.  Pass-off Project 0.0 Assessment (download Rubric on the right)  
     Instructions:  Create your own 1-page Movie Trailer website by following the
     pattern set in the Lincoln Movie Trailer
photoshop_bell_ringer_11_use_the_paint_brush_tool_change_to_different_paint_brushes_and_sizes.pdf
File Size: 776 kb
File Type: pdf
Download File

Picture
Picture
mcqueen.jpg
File Size: 143 kb
File Type: jpg
Download File

raphael.gif
File Size: 15 kb
File Type: gif
Download File

Friday, September 26

Objectives:  "I can code a basic HTML web page with text and images.  I can use the Magic Wand tool to select, change, and draw colors in an image."

1.  Photoshop Bell Ringer #10: 
Use the Magic Wand tool to select, change,
     and draw colors in an image.

2.  NO Quiz today :)
3.  Add Vocabulary to Learning Log (Working with Color)
4.  Project 0.0 Assessment (download Rubric on the right)  
     Instructions:  Create your own 1-page Movie Trailer website by following the
     pattern set in the Lincoln Movie Trailer
photoshop_bell_ringer_10_use_the_magic_wand_tool_to_select_colors_and_change_colors_draw_colors_in_an_image.pdf
File Size: 998 kb
File Type: pdf
Download File

Picture
Picture
batman_symbol_black__white.png
File Size: 50 kb
File Type: png
Download File

batman.jpg
File Size: 18 kb
File Type: jpg
Download File

Picture
alien.jpg
File Size: 66 kb
File Type: jpg
Download File

Wednesday, September 24

Objectives:  "I can code a basic HTML web page with text and images.  I can create a gradient background and work with filter effects." 

1.  Photoshop Bell Ringer #9:  
Create a Gradient Background & Work with
     Filter Effects

2.  Online Quiz #3 (complete in Canvas:  http://nebo.instructure.com)
3.  Add Vocabulary to Learning Log (HTML Tags)
4.  Project 0.0 Assessment (download Rubric on the right)  
     Instructions:  Create your own 1-page Movie Trailer website by following the
     pattern set in the Lincoln Movie Trailer
photoshop_bell_ringer_9_create_a_gradient_background__work_with_filter_effects.pdf
File Size: 850 kb
File Type: pdf
Download File

Picture
cinderellas_castle.jpg
File Size: 309 kb
File Type: jpg
Download File

Picture
amusement_park.jpg
File Size: 465 kb
File Type: jpg
Download File

Project 0.0:  Lincoln Movie Trailer
Student Learning Outcomes:   Students will demonstrate knowledge and correct application of basic HTML housekeeping, text, and image tags.
assets.zip
File Size: 290 kb
File Type: zip
Download File

Monday, September 22

Objectives:  "I can code a basic HTML web page with text and images.  I can use the marquee tool to feather."   

1.  Pass-off Photoshop Bell Ringer #8:  
Using the Marquee Tool, Square and
     Oval, Feather Edges

2.  Add Vocabulary to Learning Log (HTML Tags)
3.  Complete Project 0.0:  Lincoln Movie Trailer (download assets above)
     Add custom title as a ".gif" & demo how to add a video
4.  Project 0.0 Assessment (download Rubric on the right)  
     Instructions:  Create your own 1-page Movie Trailer website by following the
     pattern set in the Lincoln Movie Trailer

Thursday, September 18

Objectives:  "I can code a basic HTML web page with text and images.  I can use the marquee tool to feather."   

1.  Photoshop Bell Ringer #8:   Using the Marquee Tool, Square and
     Oval, Feather Edges

2.  Add Vocabulary to Learning Log
3.  Project 0.0:  Continue Lincoln Movie Trailer (download assets above)
photoshop_bell_ringer_8_using_the_marquee_tool_square_and_oval_feather_edges.pdf
File Size: 1048 kb
File Type: pdf
Download File

Picture
buzz.jpg
File Size: 218 kb
File Type: jpg
Download File

Picture
cinderellas_castle.jpg
File Size: 309 kb
File Type: jpg
Download File

Monday, September 15

Objectives:  "I can code a basic HTML web page with text and images.  I can create an animated .gif."   

1.  Canvas Quiz #2
-- File Extensions (http://nebo.instructure.com)
2.  Bell Ringer #7:   Basic Frame-by-Frame Animation
     (create animated .gif)

3.  Add Vocabulary to Learning Log
4.  Project 0.0:  Lincoln Movie Trailer (download assets)
photoshop_bell_ringer_7_basic_frame-by-frame_animation_creating_an_animated_gif.pdf
File Size: 761 kb
File Type: pdf
Download File

bumblebee_.gifs.zip
File Size: 33 kb
File Type: zip
Download File

Picture

Thursday, September 11

Objectives:  "I can code a basic HTML web page with text and images.  I can create duplicate, move, and group layers."   

1.  Complete Bell Ringer #6 Assessment:  
Create duplicate, move, and
     group layers

2.  Add Vocabulary to Learning Log
3.  Begin Project 0.0:  Lincoln Movie Trailer (download assets below)
photoshop_bell_ringer_6_create_duplicate_move_and_group_layers.pdf
File Size: 956 kb
File Type: pdf
Download File

bell_ringer_6_files.zip
File Size: 1796 kb
File Type: zip
Download File

Tuesday, September 9

Objectives:  "I can code a basic HTML web page with text and images.  I can create duplicate, move, and group layers."   

1.  Bell Ringer #6:   Create duplicate, move, and group layers
2.  Add Vocabulary to Learning Log

Friday, September 5

Pass-off Project 0:  First Web Page
Student Learning Outcomes:   Students will demonstrate knowledge and correct application of basic HTML housekeeping, text, and image tags.
Objectives:  "I can code a basic HTML web page with text and images.  I can create basic text, then manipulate and warp the text layers.  I can work with layer styles." 

1.  Bell Ringer #5:  
Create basic text, then manipulate and warp the text layers.
2.  Add vocabulary to learning log
3.  Pass-off Project 0
4.  Assessment:  Create a 1-page webpage about your favorite music group or genre using the following HTML tags:  
basic housekeeping tags, img src, H1 - H6, center, blockquote, ul, font color, font face
photoshop_bell_ringer_5_basic_text_creation__manipulation_warp_text_layer_styles.pdf
File Size: 950 kb
File Type: pdf
Download File

Picture
moab.jpg
File Size: 474 kb
File Type: jpg
Download File

Picture
the_narrows.jpg
File Size: 133 kb
File Type: jpg
Download File

Wednesday, September 3

Photoshop Bell Ringer #4:   Move an Image onto another Image, Transform (Cntrl-T) the Layers, Add a Stroke
photoshop_bell_ringer_4_move_an_image_onto_another_image_transform_cntrl-t_the_layers_add_a_stroke.pdf
File Size: 897 kb
File Type: pdf
Download File

Picture
imagine6.jpg
File Size: 58 kb
File Type: jpg
Download File

Picture
imagine10.jpg
File Size: 228 kb
File Type: jpg
Download File

Picture
imagine9.jpg
File Size: 140 kb
File Type: jpg
Download File

Picture
imagine11.jpg
File Size: 2523 kb
File Type: jpg
Download File

Friday, August 29

 Photoshop Bell Ringer #3:   Changing a “.jpg” image to a “.gif”
photoshop_bell_ringer_3_changing_a_.jpg_image_to_a_.gif_image.pdf
File Size: 470 kb
File Type: pdf
Download File

Picture
y.jpg
File Size: 23 kb
File Type: jpg
Download File

Picture
owlz.jpg
File Size: 50 kb
File Type: jpg
Download File

Project 0 Images (right-click, Save Image As):

Picture
Picture
Picture
Picture

Wednesday, August 27

Photoshop Bell Ringer #2:   Color Correction, Create Watermark,
                                                    Black & White, Sepia Tones

Student Learning Outcomes:   Master Photoshop Navigation, Use Auto Color, Curves, Black & White, and Sepia tones to enhance photos.   Memorize shortcuts (Cntrl-M and F7)

Objective:  "I can use Photoshop tools and shortcuts to quickly enhance photo colors."
photoshop_bell_ringer_2_color_correction_create_watermark_black__white_sepia_tones.pdf
File Size: 511 kb
File Type: pdf
Download File

Picture
little_boy.jpg
File Size: 193 kb
File Type: jpg
Download File

Picture
dug__russell.jpg
File Size: 67 kb
File Type: jpg
Download File


photoshop_bell_ringer_1_change_image_size__crop.pdf
File Size: 768 kb
File Type: pdf
Download File

Photoshop Bell Ringer #1:   Change Image Size & Crop

Student Learning Outcomes: 
  Master Photoshop Navigation, Fill Background with a Color, Window Manipulation, Layers, Moving Images between documents, Transform any Layer (Cntrl-T), and use the Magic Wand.

Objectives:  "I can optimize images used in publications."
basics.psd
File Size: 486 kb
File Type: psd
Download File

Picture
dinosaur.jpg
File Size: 727 kb
File Type: jpg
Download File

Picture
speedway.jpg
File Size: 568 kb
File Type: jpg
Download File

Tuesday, December 9

photoshop_bell_ringer_30_load_new_brushes_and_create_a_grunge_look.pdf
File Size: 602 kb
File Type: pdf
Download File

1.  Photoshop Bell Ringer #30:  Load New Brushes and Create a “Grunge” Look
2.  Continue Project 5:  Vocabulary Website using Dreamweaver
    
"I can create anchors within a Dreamweaver webpage."
3.  Continue Project 6:  Uptown City Recreation -- "I can create rollovers for use in
     Dreamweaver navigation." 

Picture
✕