WEB DESIGN 2 ASSIGNMENTS (subject to change)

https://creativecloud.adobe.com/cc/learn/app/audition?x-product=CCHome&x-product-location=Apps&guid=45602460-1c68-448e-8bbe-650fd902d93d&context_guid=4e717bac-b620-47e6-bafc-f1f55c19d7cf&promoid=QGMZPG6T&mv=other&mv2=cch&locale=en

 

Apr 15

Complete the following

 

Old Word Press (not functioning?)

WordPress Tutorials: https://wordpress.com/learn/

  • Go through each of the 14 steps on the left.
    WordPress1

    • 1-Get the Most from WordPress.com
      • Just read, no need to click on anything here.
    • 2-Get Going Fast: A Checklist
      • Make sure you complete the 5 steps under "Get started: register, fill in your profile, and name your new creation".
      • Send me the URL you selected via email. Mine is ronespinola.wordpress.com DUE:
      • Obviousy we are doing the Free site.
      • Make sure you add a Gravatar, you can prove this by sending a screen shot. DUE:
      • Read through all of this so you are familiar with it, most of the customization will be done later. You do need to pick a new theme.
    • 3-Get Your Site Going: The Movie
      • Please, please watch the movies.
    • 4-Small Business Webinar: How to Optimize Your Site
      • Yes, the video is long. There is a lot of terminology and things we really don't cover but are great concepts for website design. Probably things that are on the end of sequence assessment.
      • Please watch it. Remember you can speed it up.
      • There are also slides that cover the material but they don't make a lot of sense without the commentary.
      • To verify you watched it send me two paragraphs via email with the subject "Small Business Webinar" summarizing two important concepts you learned. DUE:
    • 5-Get Started Register and configure basic settings
      • If you did not do any of this in the earlier step make sure it is done now.
    • 6-Get Comfy Learn your way around WordPress.com
      • We are focusing on the website aspect more than the blog part of Wordpress. However, add my Wordpress site to follow as well as those of the rest of the class.
      • Student URLs are at http://www.respinola.com/students/index.htm, assuming they have sent them to me.
    • 7-Get Personality Pick a theme
      • Send me an email telling me to look at your new theme. Include the name of your theme in the email. DUE:
    • 8-Get Configured Customize your site
      • Create/install a custom header. This may not work properly. Therefore is optional.
      • Create/install a custom logo. There is a link to a logo creator that you can try. You need to show me this. Send me an email telling me you are done so I can look at your site. DUE:
      • Also create/install a custom site icon...favicon. This is inside the Site Identity area ins the Customize Tab. You need to show me this. Send me an email telling me you are done so I can look at your site. DUE:
      • Since we are using the free version, we cannot customize fonts or CSS.
    • 9-Get Published Create posts, pages, and menus
      • Make sure you go to the link in the reading, https://wordpress.com/support/pages/. We are more concerned about pages than posts. You are not making a blog. However, follow the directions and create a blog post. Show me for credit. DUE:
      • In the Creating Pages section you are going to create one new page. Currently, the post you just created should be on the bottom of your homepage. You're going to create a page to contain your blog posts. https://wordpress.com/support/pages/#creating-a-blog-page
      • Send me the link to your new page for credit. DUE:
      • Remove the post from your homepage.
      • To accomplish this, in the My Site area click on Customize and then Widgets.

        Customize

        Widgets

      • From here remove all of the widgets associated with the blog post.
      • Send a link to your home page via email to show that the blog post has been removed from your homepage. Subject should be blog removed. DUE:
      • Create a Menu






      • From this point, follow the onscreen directions and look at the preview of the menu. Send a link to your home page via email to. The subject should be menu. DUE:
    • 10-Get Flashy Enhance your site with widgets
      • Create a new page that contains three widgets.
        Creating New Page

      • Use at least one social media widget. It does not have to be to your account.
      • I also used options in the Embed tools
        Embed Tools

      • My example...https://ronespinola.wordpress.com/calendar/
      • You can also insert the widgets in the widget area of your site as the directions cover. For example the wdiget are for my site is oin the footer but they do not display well there. DUE:
    • 11-Get Connected Explore the community and get noticed

    • 12-Get Mobile Blog on the Go

    • 13-Get Lingo
      • Take the quiz in Google Classroom DUE:
    • 14-Get a Homepage

Jan 18

Final: Build a Business Website Tutorial

Recreate a site using WordPress

 

WordPress using GoDaddy

  • Objective: Build a responsive website using Wordpress, a Content Management System (CMS)
  • Install Wordpress app on Go Daddy-Espy
  • Log into the admin area from the email you received.
  • Example WordPress sites
    • Choose one of the sites at https://wordpress.org/showcase/ to replicate.
    • Show me the site you are using.
    • Recreate the layout of the site, not the content.
    • You must have a minimum of 10 pages.
    • The site is for a local governmental agency or a nonprofit.
    • Use at least five plugins of your choice. One can be a backend utility such as a page editor.
    • You must edit the CSS. Create notes as proof of the edits.
    • The content (including images) cannot be placeholder or filler.

Other WordPress Tutorials/Support (not required)

Other tutorials (not required)

Mar 11

Responsive Web Design Chapter 10

  • Practice: Follow the directions DUE: April 5

  • Analyze Correct Improve DUE; April 8

  • Lab 2: Wildlife Rescue Organization DUE: April 12


  • Your Turn: Personal Portfolio Website DUE: April 17

May 10

Editing audio-Using Audition

  • https://creativecloud.adobe.com/cc/learn/app/audition?x-product=CCHome&x-product-location=Apps&guid=45602460-1c68-448e-8bbe-650fd902d93d&context_guid=4e717bac-b620-47e6-bafc-f1f55c19d7cf&promoid=QGMZPG6T&mv=other&mv2=cch&locale=en

Adobe Video Tutorials: https://helpx.adobe.com/premiere-pro/tutorials.html

Using Adobe Premiere to create Videos

Premiere Pro Get Started course

  • Create a project and import a clip
    • Watch, 18 min
  • Explore Premiere Pro panels
    • Watch, 13 min
  • Learn editing skills
    • Watch, 21 min
  • Work with graphics and titles
    • Watch, 13 min
  • Adjust the timing of your edits
    • Watch, 11 min
  • Change the look of your clips
    • Watch, 15 min
  • Add effects
    • Watch, 16 min
  • Work with audio
    • Watch, 15 min
  • Work with your clips
    • Watch, 15 min

Import media course

  • Import with the Media Browser
    • Watch, 9 min
  • Import media directly
    • Watch, 9 min
  • Relink offline clips
    • Watch, 8 min
  • Multi-layered Photoshop files
    • Watch, 8 min
  • Mixed footage
    • Watch, 9 min
  • Mixed frame rates
    • Watch, 8 min
  • Export video in multiple formats
    • Watch, 8 min

Work with animation course

  • Adjust the anchor point
    • Watch, 10 min
  • Explore Bezier keyframes
    • Watch, 7 min
  • Create animated effect presets
    • Watch, 7 min
  • Looping animated backgrounds
    • Watch, 10 min
  • Animate a layered title fly-in
    • Watch, 8 min

Essential color adjustments course

  • Adjust contrast, highlights, and shadows
    • Watch, 7 min
  • Discover the Lumetri Curve controls
    • Watch, 8 min
  • Make natural color adjustments
    • Watch, 6 min
  • Get ready for clip comparison
    • Watch, 4 min
  • Automatically match clip colors
    • Watch, 3 min
  • Copy and paste effects
    • Watch, 5 min

Understanding audio mixes course

  • Understand audio level
    • Watch, 5 min
  • Discover audio effects
    • Watch, 4 min
  • Automatic audio ducking
    • Watch, 5 min
  • Mix multichannel audio
    • Watch, 5 min
  • Adjust audio track volume
    • Watch, 5 min
  • Discover the Audio Track Mixer
    • Watch, 5 min
  • Reduce noise and reverb
    • Watch, 5 min
  • Advanced noise and reverb reduction
    • Watch, 5 min

Create new sequences course

  • Personalize the Timeline panel
    • Try it, 5 min
  • Automate to sequence
    • Try it, 5 min
  • Freeform storyboards
    • Try it, 5 min
  • Top and tail clips
    • Try it, 4 min
  • Three-point edits
    • Try it, 5 min
  • Quick transitions
    • Try it, 5 min

Create beautiful visual composites course

  • Discover compositing
    • Watch, 5 min
  • The Ultra Key effect
    • Watch, 5 min
  • Precise clip masks
    • Watch, 5 min
  • Add a Track Matte key
    • Watch, 5 min
  • Discover blend modes
    • Watch, 4 min

Add transitions course

  • Add transition effects
    • Watch, 5 min
  • Modify transitions
    • Watch, 5 min
  • Apply transition effects to video and audio
    • See how, 2 min

Beginner projects

  • Add a Look to your clips
    • See how, 5 min
  • Create an action sequence
    • See how, 5 min
  • Import a range of media types
    • See how, 5 min
  • Animate a rotating graphic
    • See how, 8 min
  • Match clip color in a scene
    • Try it, 5 min
  • Change footage properties
    • Try it, 5 min
  • Get creative with unusable footage
    • Try it, 5 min
  • Combine multiple clip formats in a sequence
    • Try it, 8 min
  • Create an audio mix
    • See how, 5 min
  • Animate a layered opening title sequence
    • See how, 8 min
  • Create an ink transition effect
    • Watch, 5 min
  • Create a transparent movie title
    • Try it, 5 min
  • Create a duotone
    • Watch, 5 min

More beginner projects

  • Make a composite
    • Watch, 8 min
  • Make a cinemagraph
    • Watch, 5 min
  • Make a tilt-shift effect
    • Watch, 5 min
  • Isolate a color
    • Watch, 5 min
  • Create a color-dissolve transition
    • Watch, 5 min
  • Add a focus pull effect
    • Try it, 5 min
  • Replace colors in a video
    • Watch, 10 min
  • Create blended visuals
    • Watch, 5 min
  • Sweeten the vocals
    • Watch, 5 min
  • Correct skin tones
    • Watch, 5 min
  • Create a cinematic look for your footage
    • See how, 5 min
  • Slow down footage
    • Watch, 5 min

Using Adobe Auditionhttps://creativecloud.adobe.com/cc/learn/premiere-pro/web/audio-cleanup-premiere-audition?locale=en

Jan 23-Feb 27

Workplace Readiness https://cte-escr.org/

Jan 18

Quarter 2 Post-test

  • Take the pretest in Google Classroom.
  • Must be done at school.
  • Do not look up answers.

December 4-January 25

Copy the folder Responsive Web Design Student Data Files from your student_files folder to your network folder. Book

Oct 30

Responsive Web Design Chapter 9

  • Practice: Follow the directions DUE December 19

  • Analyze Correct Improve DUE January 12

  • Lab 2: Wildlife Rescue Organization DUE January 18


  • Your Turn: Personal Portfolio Website DUE January 25
    • Follow the directions from the book but when it says to add the audio and video to an existing page in Steps 2 and 7, I want you to make a new page for each step.
    • You can save them as audio.html and video.html.
    • Use Open Source files
      • https://pixabay.com/
      • https://commons.wikimedia.org/wiki/Commons:Free_media_resources/Video
      • https://www.pexels.com/
      • https://freesound.org/
      • https://archive.org/details/opensource_audio
      • https://archive.org/
    • The video you create must be at least 30 seconds in length.
      • Title
      • Transitions
      • Additional Audio Track
      • At least two default effects or one you make.
      • Use key frames.
    • The audio track create must be at least 30 seconds in length.
      • Mix at least three different audio files.
      • Audio Transitions
      • At least two default effects.
      • Use key frames.
    • Make sure to add the pages to your navigation and make sure they are styled like your existing pages.

October 30-December 1

Responsive Web Design Chapter 8

  • Practice: Follow the directions DUE November 3

  • Analyze Correct Improve DUE November 10

  • Lab 2: Wildlife Rescue Organization DUE November



  • Your Turn: Personal Portfolio Website DUE December 1
    • Follow the directions from the book but when it says to add a page, add a gallery. You could use the html and css from the chapter but modify it so it matches your site.

September 23-October 27

Copy the folder Responsive Web Design Student Data Files from your student_files folder to your network folder. Book

Responsive Web Design Chapter 7

  • Practice: Follow the directions DUE October 6

  • Analyze Correct Improve DUE October 13

  • Lab 2: Wildlife Rescue Organization DUE October 19

  • Your Turn: Personal Portfolio Website DUE October 27
    • Follow the directions from the book but when it says to add a page, add a gallery. You could use the html and css from the chapter but modify it so it matches your site.

September 1-22

I placed completed copies of lesson 5 in your folders. Copy the folder Responsive Web Design Student Data Files from your student_files folder to your network folder. Book

Responsive Web Design Chapter 6

  • Practice: Follow the directions DUE August 31
  • Analyze Correct Improve DUE September 4




  • Lab 2: Wildlife Rescue Organization DUE September 11
  • Your Turn: Personal Portfolio Website DUE September 22
    • Copy on of the your_turn folders from the Chapter 5 folder.
    • Paste it into your folder.
    • Modify the site according to the directions in the book to make it your own.

Aug 22

Pretest

  • Take the HTML test 1 and CSS test 1 in Google Classroom.
  • Must be done at school.
  • Do not look up answers.

*********************************

 

 

 

 

 

 

 

 

May 16

Copy the folder Responsive Web Design Student Data Files from your student_files folder to your network folder. Book

Responsive Web Design Chapter 5

  • Practice: Follow the directions
  • Analyze Correct Improve
  • Lab 2: Wildlife Rescue Organization
  • Your Turn: Personal Portfolio Website

May 14

Copy the folder Responsive Web Design Student Data Files from your student_files folder to your network folder. Book

Responsive Web Design Chapter 4

  • Practice: Follow the directions
    chapter4practiceindexchapter4practiceaboutchapter4practicecontact""/
  • Analyze Correct Improve
  • Lab 2: Wildlife Rescue Organization
    chapter4lab2indexchapter4lab2aboutchapter4lab2contact
  • Your Turn: Personal Portfolio Website chapter4onyourownaboutchapter4onyourown contact

May 10

Copy the folder Responsive Web Design Student Data Files from your student_files folder to your network folder. Book

Responsive Web Design Chapter 3

May 5

Copy the folder Responsive Web Design Student Data Files from your student_files folder to your network folder. Book

Responsive Web Design Chapter 2

  • Practice: Follow the directions. This is saved in the Chapter folder in the Responsive Web Design Student Data Files folder that you copied to your folder.
  • Analyze Correct Improve: Saved in the Analyze folder
  • Lab 2: Wildlife Rescue Organization: Saved in the lab2 folder.
  • Your Turn: Personal Portfolio Website: Saved in the folder you create.

May 4

Copy the folder Responsive Web Design Student Data Files from your student_files folder to your network folder

Online Course: https://k12.cengage.com/portal/Launch/Index?enrollmentID=10509406&enrollmentType=course

Maybe: https://login.cengagebrain.com/course/MTPN-GKBZ-9HMV

Book: https://nglsync.cengage.com/portal/Launch/Course/NGLSYNC1111994

Responsive Web Design Chapter 1

  • Practice: Follow the directions and you are making the index page.
  • Analyze Correct Improve
  • Lab 2: Wildlife Rescue Organization
  • Your Turn: Personal Portfolio Website

Aug 21

Course requirements/expectations

Assignment:

  • Complete registration for websites below.
  • Student Syllabus Verification

Join Google Classroom

Join Quizlet