Unit 7: Using CSS -- Cascading Style SheetsStudent 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"
Tuesday, May 3
1. Bell Ringer Quiz #32 -- Web Technologies (Part 1)
2. Continue CSS Project: Black Goose Bistro -- Photo Gallery (gallery.html)
Unit 6: Creating a Drop-Down Menu in FireworksObjective: “I can use Fireworks to create a drop-down navigation bar.”
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) 
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) 
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 51. 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 your 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:
Thursday, January 14
1. State Competency Exam - http://www.precisionexams.com/usoe/welcome
2. Complete Project 8: LEGO Justice League (HTML5 Review & Code Validation) 
“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) 
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 
"I can create a multi-page website using HTML and Photoshop."
Wednesday, November 181. 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) 
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: Use 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) 
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
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
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
| ||||||||||||||||||||||||||||||||||||||||||||
|
| ||||
|
|
|
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)
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)
|
|
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
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."
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)
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)
|
|
|
|
|
Online Links:
http://www.color-hex.com/216-web-safe-colors/
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
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
| web_development_i_ce_2015-2016.pdf |
| term_1_learning_log_vocabulary_notes.docx |
| great_web_design_test.docx |
| project_0.0_movie_trailer_rubric.docx |
File Downloads:
|
|
| ||||||
1. Bell Ringer: Flash Lab #4 -- Objects following a Motion Path
“I can animate along a motion path.”
“I can animate along a motion path.”
Thursday, January 8
|
| ||
|
| ||
|
| ||||||||
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."
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."
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."
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 |
|
| ||||||||
| planes1.jpg |
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.
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. 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
| flash_lab_3_create_a_shape_tween_with_text.pdf |
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."
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 |
|
|
| ||||||
|
| ||||||||
Monday, December 1
1. Bell Ringer: Flash Lab #1 -- Creating Classic Motion Tweens
|
| ||||
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."
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 |
|
| ||
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)
“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 |
|
| ||
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)
“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 |
|
|
|
| ||||
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)
“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 |
|
|
|
| ||||||||
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."
“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 |
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."
“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 |
|
| ||
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
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 |
|
|
|
| ||||||||
3. Continue Dreamweaver Lesson #1: Project 4_Thanksgiving Website (Navigation,
Tables, Images, and Text) --download the images below
Tables, Images, and Text) --download the images below
| thanksgiving_website_content.zip |
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.
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 |
|
|
| ||||||
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
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)
|
| ||
|
| ||
Wednesday, October 29
|
|
| ||||||
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)
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 |
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)
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 |
|
|
|
| ||||
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)
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 |
|
|
| ||||||
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)
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 |
|
| ||||
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
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 |
|
| ||||
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)
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 |
|
| ||||||
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)
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 |
|
| ||||||
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)
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 |
|
|
| ||||||
|
| ||||||||||||
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
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 |
|
| ||||||||
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
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 |
|
|
|
| ||||
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
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 |
|
|
|
| ||||||
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
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 |
|
| ||||
Project 0.0: Lincoln Movie Trailer
Student Learning Outcomes: Students will demonstrate knowledge and correct application of basic HTML housekeeping, text, and image tags.
Student Learning Outcomes: Students will demonstrate knowledge and correct application of basic HTML housekeeping, text, and image tags.
| assets.zip |
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
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)
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 |
|
| ||||
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)
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 |
|
| ||
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)
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 |
| bell_ringer_6_files.zip |
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
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.
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
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 |
|
| ||||
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 |
|
| ||||||||
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 |
|
| ||||
Project 0 Images (right-click, Save Image As):
|
|
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."
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 |
|
| ||||
| photoshop_bell_ringer_1_change_image_size__crop.pdf |
|
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." |
| ||
|
| ||||
Tuesday, December 9
| photoshop_bell_ringer_30_load_new_brushes_and_create_a_grunge_look.pdf |
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."
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."
