8th grade

Check this page weekly to ensure that you have everything ready for your next computer class. This will help you get the most out of the coursework and also to be prepared to get your work done in class on time.

Welcome Back!

Welcome to 8th Grade


TypingWeb log in. Click on log in at the top right. Enter your username (first letter of your first name, your last name and your library number) and password Library number and 000)

Typingweb self join link: https://www.typing.com/join#stalbert8thgrade

New: Please log into your gmail accounts to access Google Classroom;


211: Your classroom code is 4zki7pn

212: Your classroom code is kxo2o77

213: Your classroom code is t4umfzl

I will be communicating with you via this method

August 18, 2022 (week 1)
Acceptable Use Policy and Orientation

We will start class by reviewing the Diocesan's Acceptable Use Policy along with my classroom procedures/policy. We will do this by viewing a PowerPoint presentation.Students will be given time to play any of the games on the computer if time permits. They may not go online!!!


August 26, 2022 (week 2)
iMovie topic and partner selection

Students will start class by typing for 10 minutes. They will go to the TypingWeb page and log in to their accounts with the account information they have been supplied. They will be observed for correct finger positioning which will be reflected in their participation grade.

Student will start the imovie project this week. They may work with a partner on this.

Week 1:

The first week the students will select their partner and decide on one of the topics from the list below. They will turn in their groups along with their topic on a supplied form.

I want you to start brainstorming on the direction you would like to take with  your topic. Will you create a tour of your location, possibly as a figure from that era? Will you be a journalist and prepare a news broadcast? Will you come back as a past President and give a tour of your memorial? Create 2-minute commercial encouraging me to visit your site?

Possible imovie topics:

American History Museum
Anderson House - dedicated to the Revolutionary War
Arlington House, The Robert E. Lee Memorial
Arlington Cemetery
Basilica of the National Shrine of the Immaculate Conception
Blair Lee Houses - the official presidential guesthouse
Bureau of Engraving and Printing
Capital Building
Cathedral of St. Matthew the Apostle
FDR Memorial
Flight 93 Memorial
International Spy Museum
J. Edgar Hoover Building, FBI headquarters
Jefferson Memorial
Korean War Veteran's Memorial
Lincoln Memorial
National Air and Space Museum
National Air Force Memorial
National Japanese American Memorial

National Museum of the Marine Corps
National World War II Memorial
Petersen House - the house where Lincoln died
Pope John Paul II Cultural Center
State Department Building, Harry S. Truman Federal Building
Supreme Court Building
Thomas Jefferson Memorial
Treasury Building
Union Station
United States Holocaust Memorial Museum
Vietnam Veterans Memorial
White House
Washington Monument

September 6, 2022 (week 3)
STAR Reading Assessment

Students will be STAR tested to determine their reading range.

Once they are finished, they will practice their keyboarding skills on the Typing Web site. Students will practice lessons 1, 2, & 3. They may have free time for the remainder of the class.

September 14, 2022 (week 4)
Week 2: Research (3 weeks):

You will be logging on as either student1 (room 211), student2 (room 212) or student3 (room 213) while working on your imovie project. 

Student will research their topic and record the information into a shared google drive document. Go to googlemail.com to log into your account. You will be shown how to access Google Drive and create/share a document. You will share this document with your partner so that you may both research. You work on the same document collaboratively.

Each students is responsible for 2 pages of research along with 2 citations created in Bibme.org. I ask that you try to use different sources and find different information on your topic. 

Sources will be cited using bibme.org and added at the end of the document. Students may write their researched information in bulleted format (complete sentences not needed). You should have at least two full pages of notes on your topic (no larger than font 12!). Make sure you have enough to write a 2 minute script. Each partner is responsible for two source and two pages of summaries within the same google document. I ask that you each select a different font color for your research so I can give you credit accordingly. You must write your research topic at the top of the page. Student's names will be written above their individual research so that I know who researched which article.

Once you are done with your research, you will share the document with me. I will show you how to share your document with me by selecting my name after you click on share. I will correct it and make any comments on it. You will see any of my comments or changes when you log on the following week.

To use bibme.org:

Click on ‘I only want to create citations’ at top left. 

Select ‘MLA’ 

Select ‘website’ in blue bar at top of page

Copy and paste the web address of the website into the box. Click on search website. Select the correct website result and click on ‘select’. Click on ‘Final Step’. Fill in any additional information you may have from the website including electronically published date (this is the most recent date the website was updated). Click on ‘Create Citation’. Copy and paste your citation into your worksheet. 

You may edit your citation if you need to correct any information.

October 13, 2021 (week 7)
iMovie, Storyboarding, Writing of script (3 weeks)

Students need to find 4 good quality pictures and save them to their imovie folders with full size image quality.

We will now start writing the script. They will open a google drive document and share the document with their partner. They will import their first picture and write the script for that picture below it. They will insert a page break and repeat the process with the second and third pictures and related script.

November 8, 2021 (week 10)
While videoing projects (3 weeks)

Step 2 (week 2):

Students will type a New Year's letter to their relatives/friends. The letter will be a synopsis about their last year and possibly include information about events they are looking forward to in 2021. Students will follow the format of the sample letter attached in Google Classroom. They will leave the salutation part empty as this is where we will be adding a mail merge.

Letter requirements:

The letter needs to have an introductory paragraph. This can me just a few sentences to introduce yourself to your recipient. The letter needs to have 3 body paragraphs long with at least 7 sentences per paragraph. You need to add a closing paragraph. This is where you can wish your recipient a Happy New Year. Don’t forget to add your full name at the end. Your letter needs to fit on one page. We can work with the font size to fulfill this requirement. You also need to change the font style, possibly font size, font color, and center the letter to make good use of your entire space.

Insert border:

Students will download a border and insert it into their letter. They will google this under images, select 'view image' and drag it to their desktop. They will need to drag it into their letter. This does need to be formatted for 'behind text' and possible 'send to back'. If it is a corner border, they can edit copy and edit paste it once they have formatted the original one.

***At this point you will highlight the entire document and space it so it fills the page (format, paragraph, line spacing -either 1.5 or double). You also need to ensure your words are not in your border. You can change your left and right margins by either dragging it in your document or going to format, document and changing it to under left and right margin to fit your needs.***


The First Christmas on Facebook

December 1, 2021 (week 12)
iMovie Project, Part 3 (4 weeks)

You will be logging on as either student1 (room 211), student2 (room 212) or student3 (room 213) while working on your imovie project.

Finish videoing uploading/downloading, airdropping pictures, viewing instructional videos


To upload video recording: 

Find your video on your iPad in your camera roll. Select it. Click on the rectangular icon (upload icon) with the arrow on top. There will be a list of ways to upload or share your video. Select 'more'. Turn on Google drive and click on done in the top right. Now select Google Drive and click on upload. It will take about 5 minutes for your video to upload into Drive.

Once it has finished uploading, you will need to download it onto your desktop and finally insert it into iMovie. This video will need to be shared with your partner. Select it in your google drive (on your computer), click on the share icon in the top right (the one with the + sign and the icon of a person), type your partner's email address and click on done. The movie will be shared in your partner's shared drive.

Next, you will both have to download it to the desktop of your computer. Click on the download icon and select 'save', NOT open with Quick Time. Let it finish downloading completely before opening it to view it. We do not want to corrupt the file. Put the video into your iMovie folder where the pictures are too.

Create an iMovie folder. I'm okay with you leaving this on your desktop.

We will airdrop the pictures you used in your storyboarding to each other. Turn on your WiFi on your desktop. Open a finder window and click on airdrop in the left navigation bar. Make sure you are visible by 'everyone' - this is in blue at the bottom of the window. Your partner's computer number should appear in the finder window if he/she also is on airdrop (and wifi is on). Drag the required pictures onto his/her computer icon. Your partner will have to click on accept when the files appear. Click on download in your navigation bar and your picture will be there. Put it into your iMovie folder.

Creation of iMovie

Open iMovie from your application folder if it is not in your dock. It is the Purple Star icon. Drag it into your dock so that it is easier to access consecutive classes.

Click on file (main tool bar) and new movie. Do not select a theme, name your project, and click on 'OK'. You may also select new movie by clicking on the + icon on your project screen. (FYI: to select a theme, you would click on 'window' in the main tool bar and select theme).
The top portion of your iMovie is called the event. It is also the project you titled it as. The bottom portion of your iMovie is called the timeline. The window in the top right is your preview window.

Click on 'import' in the event part of your project and find your video clip. In top of the window, click on the bar and name your video (event). You may also import by clicking on the downward facing arrow in the top left of your iMovie screen. Do not forget to name the file. This will import into your 'event' at the left.

Here is a short video on how to green screen: https://www.youtube.com/watch?v=oPse7KKE1s4

You can start editing your video by playing it (use the space bar to start and stop the video), selecting parts to keep and parts to delete. Work one ‘scene’ at a time. You will use the 'I' and 'O' keys to bracket each scene. Once you’ve selected the first clip of your video, click on ‘mark’ in your main tool bar and select 'favorite', which will show a green line in your event. You will select 'reject' for the parts that you need to edit out, these will show as red line in your event. This will mark your clip so that you know what you need to insert into the picture in your timeline. You will also mark each scene with a 'mini' reject. This will allow you to drag each portion of your video into the correct scene.

Drag your first picture into the timeline (bottom of screen). You will have to adjust the length of the pictures so they are slightly longer than your video clips. You do this by dragging it. You may want to adjust your ‘setting’ in the middle on the right so that you can view your entire work. Select either Ken Burns, fit or crop to adjust your picture as needed. Remember to click on the check mark at the right to accept any changes you have made. 

You will drag your first video clip (first scene) into the timeline above the first picture. Click on 'adjust' to open up the toolbox (color balance, color correction, wrapping, volume, noise reduction equalizer, adjust speed of clip, add to project, video audio effect, and clip in motion) if you are using version less than 10.1. Otherwise the toolbar will already be open. If you change anything, you must click on the check mark on the right side of the toolbar to save your changes.

To Crop Video:

If you need to crop your video because you need to cut out the sides, click on the video and select 'crop' in the tool bar at the top right. You must click the blue check mark to accept changes.
With the video selected, select the blue square icon in the toolbar. It defaults to 'cutaway'. Click on it and select the 'green/blue screen' option. You should also adjust the 'softness' tool at this point. It is usually in the center of the bar.

I would wait to make any adjustments to the clip until the pictures have been inserted and you see the results of the layering.

Repeat with all the pictures and your video clips (scenes). You will need 4 scenes as in your storyboarding.

You may use the setting scroll bar (middle right below the preview window) to adjust the zoom of your timeline.

Ken Burns Effect (required on 2 slides)
I'd also like you to use the 'Ken Burns' effect on at least two of your pictures. It is found under the 'crop tool' in your tool bar on the right above the preview window. This option either zooms out or zooms in on the still giving a 'moving' effect. You must click on the check mark on the right side of the toolbar to save your changes.

Title/Credit Slide (1 title, 1 credit required)
You will need to add two title slides, one for the beginning (title) and one at the end for the credits. These options are to the top left of the event. You can hover over each optional title to view the animation. Drag it into your timeline when you've decided upon which one to use. Click on the tool box options to add text and adjust font, color, size, centering...

You must click on the check mark on the right side of the toolbar to save your changes.

Transitions (5 required)
You will also be responsible for adding transitions between the title, each picture and the credit slide. These options are to the top left of the event. Drag it into your timeline between the pictures when you've decided upon which one to use. You can adjust the length of each transition as needed by double clicking on it in the timeline. The transition control appears and you can type in the number of seconds you would like. You may either click on 'apply', ‘apply to all’, or click on 'return' to accept the change. Remember, you can use the space bar to start and stop the video to view it.

Sound Effects (2 required)

I would also like you to add in 2 different sound effects. These options are to the left of the event. Click on the arrow on the left to listen to the sound. Be aware that it can be shortened as needed. Drag it into your timeline when you've decided upon which one to use right under your pictures or title slide. You will see the bar with the 'note' symbol. You can adjust the length of each sound as needed. Remember, you can use the space bar to start and stop the video to view it.

Here is a link to additional tutorials for adding the different effects to your iMovie:

- 1:50 - 8:00: Themes, start (I) & stop (O) marks on video
- 12:00 13:20: volume adjustment
- 13:30 - 14:10: fade audio
- 14:30 - 15:00: iPhoto, Ken Burns
- 15:50 17:40, 18:35 - 18:50: audio imports, fade music
- 19:00 - 20:35: transitions
- 22:55 - 23:25: backgrounds (title slides), use with text
- 23:35 - 26:52 (skip white balance) 27:30 -29:50: editing for skin tone balance and color correction
- 29:50 - 32:45: crop: fill, fit, Ken Burns
- 33:20 - 33:45: noise reduction and equalizer
- 34:45 - 35:34: special effects
- 35:50 - 36:25, 36:40 38:55: audio effects and voice over
- 39:05 - 41:20: titles
- 44:35 - 46:05: Share, use 'file'

Final week for iMovie projects will be your computer class concluding on February 5, 2020. You will let me know once your projects are complete and I will log onto your computer to grade it. (we will confirm you computer numbers when you inform me you are ready for grading).


February 24, 2022 (week 20) only 213

March 15, 2022 (week 22) 211 and 212 behind due to snow day
Computer Science Discover (CSD) - Web Development

Login: https://studio.code.org/sections/SYBPZG

Unit 1: Complete worksheet with partner, print 1 copy

The Purpose of a website


Unit 2: Complete worksheet independently, print 1 copy


Website Planning Guide

You will be given a worksheet to complete together with a partner

Unit 3: Intro to HTML

Now we will move to the code.org website. You will start with lesson 3

  • HTML - <html></html>

  • Doctype - <!DOCTYPE>

  • Paragraph - <p></p>

  • Body - <body></body>

  • Head - <head></head>

Unit 4: Headings This lesson will introduce to to heading (h1, h2, h3, h4, h5, h6)

  • Heading - <h1></h1>

h1 biggest - <h1></h1>
h2 bigger - <h2></h2>
h3 big - <h3></h3>
h4 medium - <h4></h4>
h5 small - <h5></h5>
h6 smallest - <h6></h6

Unit 5: please skip lesson 5. We have spent a great deal of time on Digital Citizenship and your Digital Footprint. Think back to the NS teens videos in 7th grade.


Unit 6: Lists (unordered lists <ul>, ordered lists <ol> and <li>)

  • Unordered List - <ul></ul>

  • List Item - <li></li>

  • Ordered List - <ol></ol>

Example of unordered list:



Looks like this:

  • Red

  • Green

  • Yellow

  • Purple

Example of ordered list:


Looks like this:

  1. Red

  2. Green

  3. Yellow

  4. Purple

Unit 7: Intellectual Property and Images (<img/>). You must watch the youtube video called 'Creative Commons Video'

In order to tell the browser which file to use, extra information, called an attribute, is added to the image tag inside the brackets. The attribute src stands for source and tells the name of the image, and the attribute alt describes the image.

<img src="dog.jpg" alt= "My Dog"/>


  1. Create an image tag using the abbreviation img. This is considered a self-closing tag, since it doesn't need to wrap text as many other tags do. The / right before the ending > is optional, but helps remind us that this tag doesn't need a closing tag.

  2. The src attribute is short for source. This tells the tag which image to load. In this case, the page will look for an image with the filename dog.jpg in the same directory as the page. Image file names include extensions that tell the computer which type of image they are working with. Common extensions are .jpg, .jpeg, and .png. Make sure to put quotation marks around your image filename.

  3. The alt attribute is short for alternative text. While you won't see this text on your web page, it provides a backup in case your image doesn't download properly or for visually impaired users. In this example, if your browser failed to load the image you would see.

  4. When you come to the 5th section in this lesson

    1. please find the picture of your animal first and download it

    2. rename it as you would like it on your project

    3. you will upload your image

    4. next write your code

    5. click on 'refresh and save'

    6. if you don't see your code, remember you need to click on index.html in the left margin


Unit 8: Clean Code and Debugging

  • Bug - Part of a program that does not work correctly.

  • Comment - A comment is a programmer-readable note in the source code of a computer program.

  • Debugging - Finding and fixing problems in your algorithm or program.

  • Indentation - The placement of text farther to the right, or left, to separate it from surrounding text which helps to convey the program's structure.

  • Whitespace - Whitespace refers to any character that shows up as a blank space on the screen, such as a space, a tab, or a new line. Whitespace helps separate different parts of the document to make it easier to read.

  • Comment - <!-- -->

  • Whitespace,

  • Indentation is the placement of text farther to the right, or left, to separate it from surrounding text. Indentation helps to convey the program's structure. In HTML, elements that are inside other elements are usually indented.

    • Correct:​

    • ​<body>

      • <h1>Here's my list</h1>

      • <ol>

        • <li>Item 1</li>

        • <li>Item 2</li>

      • </ol>

    • </body>

    • Incorrect:​

    • ​<body><h1>Here's my list</h1><ol><li>Item 1</li><li>Item 2</li></ol></body>


Unit 9: Project - Multi-Page Websites

  • Hyperlink - A link from a HTML file to another location or file, typically activated by clicking on a highlighted word or image on the screen.

  • Hyperlink - <a></a>

  • Hyperlink Code








Unit 10: Styling Text with CSS

  • Vocabulary

  • CSS - CSS stands for Cascading Style Sheets. CSS allows each HTML element to be styled according to certain set of rules.

  • CSS Selector - Specifies the part of the code which the style should be applied to.

  • Introduced Code

  • Color - color: value;

  • Text Align - text-align: value;

  • Text Decoration - text-decoration: value;

  • Font Family - font-family:value;

  • Font Size - font-size:value;


CSS Style:











CSS Rule-sets

CSS rule-sets consist of two main parts: the selector and the rules.


The selectors can be any part of the web page you want to style. One way you can identify parts of the web page is using the names of the element type. Selecting an element type will make all elements of that type have the given styling. The selector name for HTML element types is the name of the tag with the brackets removed. In the below example the selector is h1 and it will style all the h1 elements with the rules inside the curly braces ({ }).


The rules describe how the elements identified by the selector should change. Each rule consists of a property name and a value, separated by a colon (:). The property name describes what the rule is about, such as color or size, and the value how the property should change. For example, the rule-set below will make all the h1 headers on the page have blue text that is underlined.



     text-decoration: underline;


The punctuation in the rule-set is very important, because that's the way the computer knows where each rule starts and stops.

Sample Text Properties:

p {

     color: maroon;

     text-align: center;

     text-decoration: underline;

     font-family: fantasy;

     font-size: 20px;








Unit 11:

Unit 12:

Unit 13:

Unit 14:

Updated: August 2, 2022

Hyperlink Code.png
CSS Style.png