Web 1

4-21-25

Objective: Students will be able to create a Movie Poster (Godzilla vs. Thanos).

Here is a tutorial, but you don't need it!!

https://www.youtube.com/watch?v=I_KfwTmcAN4

Step 1: Brainstorm Your Movie Concept

Genre (sci-fi, romance, horror, comedy, superhero, documentary, etc.)
Title of the film
Main character(s)
Setting/time period
What is the central conflict?
Write a short one-paragraph synopsis and a tagline.

Step 2: Sketch Your Layout (10–15 min)

Thumbnail sketch or quick layout: where will the title, tagline, images, credits, and rating go?
Discuss the hierarchy (title big, tagline small, etc.)

Step 3: Design Your Poster (Main Task)

Use chosen software to build your poster.
Must Include:
- Movie Title
- Tagline
- Main graphic/visual
- Names of actors/director (can be fictional or real)
- Movie rating (PG, PG-13, etc.) and release date
- Credits block (small at bottom—real or fake)
Emphasize:
- Color palette that fits genre
- Readable typography
- High contrast and visual balance

Step 4: Peer Review (Optional, 10–15 min)

Swap posters and give 2 stars and 1 wish (2 things done well, 1 suggestion).
Encourage feedback on clarity, impact, and design choices.

Step 5: Final Touches & Export

Finish layout and export as PNG or PDF.
Submit with written synopsis + tagline.

4-7-25

Objective: Students will be able to work on creating the inside pages. Books/Magazines are printed in 4 page increments. See the example below.

4-1-25

Objective: Students will be able to complete their custom magazine cover using the specifications listed below. See examples below.

Your magazine must be a 100% original idea of your own.
8.5 by 11 inches
300 dpi resolution
CMYK

3-27-25

Objective: Students will be able to complete Graphic Design lessons in Photoshop. This is a guided tutorial.

Create a penguin with shapes using Edit > Transform > Warp.

Follow the steps below

3-25-25

Objective: Students will be able to complete the Minecraft Hour of Code (Voyage Aquatic).

https://code.org/minecraft

3-12-25

Objective: Students will be able to clean up & organize their Desktop / Downloads / Documents folders. Wait for instructions!

3-4-25

Objective: Students will be able to begin Exploring Generative AI in Code.org using the link provided in Google Classroom (Lesson 2 Input & Training Data).

Graphic Organizer - click on the link below

https://docs.google.com/presentation/d/1L-NZa63NatGczunX-58GlPNwHnNxD_XQxQSSbqlhP_Y/view#slide=id.p

Exemplar (Activity Buide)

https://docs.google.com/document/d/1s-OfR8hRDSjLiLYaVQztOpXiDDqjVOer6NJyw-ejJzM/edit?tab=t.0#heading=h.xe9cnc3216z0

3-3-25

Objective: Students will be able to begin Exploring Generative AI in Code.org using the link provided in Google Classroom. (Lesson 1: Introduction to Generative AI).

Graphic Organizer - click on the link below

https://docs.google.com/presentation/d/1L-NZa63NatGczunX-58GlPNwHnNxD_XQxQSSbqlhP_Y/view#slide=id.p

***Web Design***

2-24

Objective: Students will be able to create spaceship fighting game using code.org. Have Fun!

First you must create your account at https://code.org/

Video Tutorial

Game Assets

Objective: Students will be able to prepare to take and pass the certification exam!

2-18 to 2-21

Objective: Students will be able to score 90 or higher ten times in a row in Exam Mode on Knowledge Pillars.

Certified students will learn how to use the HTML5 <canvas> element and JavaScript's CanvasRenderingContext2D (ctx) to draw a basic house. Once you have a basic house, try and create something on your own (car, boat, etc.).

https://www.w3schools.com/graphics/canvas_intro.asp

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations

Certified students, please learn how to pass these two quizzes below. This is NOT a test, I just need you to understand what you are doing.

HTML Quiz

https://www.w3schools.com/html/html_quiz.asp

CSS Quiz

https://www.w3schools.com/css/css_quiz.asp

2-5 to 2-11

Objective

Students will learn how to use the HTML5 <canvas> element and JavaScript's CanvasRenderingContext2D (ctx) to draw a basic house. Once you have a basic house, try and create something on your own (car, boat, etc.).

Prerequisites

Basic knowledge of HTML
Basic understanding of JavaScript

2-5

Objective: Students will be able to score 90 or higher ten times in a row in Exam Mode on Knowledge Pillars.

Certified students, please learn how to pass these two quizzes below. This is NOT a test, I just need you to learn about what you have been doing.

HTML Quiz

https://www.w3schools.com/html/html_quiz.asp

CSS Quiz

https://www.w3schools.com/css/css_quiz.asp

2-3 to 2-7

Objective: Students will be able to score 90 or higher ten times in a row in Exam Mode on Knowledge Pillars. I will take the average of the 3 highest grades earned this week and it will count as a test grade!

All certified students must complete the exercises that are posted in Google Classroom. Updated-See Detailed code in Google Classroom - We will discuss this in class today!

1-27 to 1-28

All certified students must complete the exercises that are posted in Google Classroom. Updated-See Detailed code in Google Classroom - We will discuss this in class today!

https://drive.google.com/file/d/1AbVCNE4vNahr6ePLCwAQLv1Mh6QK3p11/view?usp=sharing

1-13-25

Objective: Students will be able to upload last week's assignment by following the instructions in the video below. All assignments must be uploaded to Google Classroom on 1-13-25 to receive a grade.

This week's assignment will be introduced in the video.

Instructions: https://youtu.be/-MhoTpJU-Rk

1-8-25

Objective: Students will be able to learn the basics of HTML & CSS by completing the following assignments. All assignments must be uploaded to Google Classroom to receive a grade.

6th Period https://classroom.google.com/c/NzAzMDg0ODg0MVpa?cjc=rc3g42o

Click Here to download the lesson file

https://www.quia.com/quiz/8533532.html

12-16

Objective: Students will be able to work in Knowledge Pillars working towards scoring 90 or higher in exam mode back to back (six times - minimum). Let me know once you have completed this. Remember to study for your Semester Exam as well!

Sem Exam Study Guide

Flash-Cards on Quizlet

12-9

Sem Exam Study Guide

Flash-Cards on Quizlet

12-2

Objective: Students will be able to work in Knowledge Pillars working towards scoring 90 or higher in exam mode back to back (three times - minimum). Let me know once you have completed this.

Sem Exam Study Guide

Flash-Cards on Quizlet

https://platform.knowledge-pillars.com

11-18

Objective: Students will be able to work in Knowledge Pillars working towards completing the lessons.

https://platform.knowledge-pillars.com

11-12

Objective: Students will be able to work in Knowledge Pillars working towards completing lessons ( ).

https://www.quia.com/quiz/8520341.html

10-21

Objective: Students will be able to modify their WP website by following the tutorial. The tutorial is a website. I will show you how to access it.

Download Gallery Photos

Lesson Tutorial Download

Link

10-9

Objective: Students will be able to

10-7

Objective: Students will be able to create fancy website buttons using PhotoShop. Create buttons for menu items such as: Home, FAQs, Contact, About Us, and Gallery. Once you have created the buttons, add them to a fresh mockup page.

Link to Video

9-30

Objective: Students will be able to learn how to create a website mockup using PhotoShop. Recreate the school website's home page.

9-25

Objective: Students will be able to learn how not to commit copyright infringement, and plagiarism. Write a one page paper on how to avoid committing Copyright Infringement, and Plagiarism.

Copyright infringement includes the unauthorized or unlicensed copying of a work subject to copyright. ( Tech Law Journal) Plagiarism is using someone else's work or ideas without giving proper credit.

What is Plagiarism and How Do I Avoid it?

https://www.youtube.com/watch?v=EbWKUiLjGBs

Copyright Infringement - What if Someone Infringes Your Copyright?

https://www.youtube.com/watch?v=uxdrzOz0A0A

9-24

Objective: Students will be able to learn more about WordPress by completing the assigned tasks shown below.

How To Add Navigation Menu In WordPress 2024 (Step-By-Step)

https://www.youtube.com/watch?v=AneZEWEHpuw

How To Edit Footer In Wordpress 2024

https://www.youtube.com/watch?v=T7Fa4KfRNzo

How to Add a Favicon to Your WordPress Blog

https://www.youtube.com/watch?v=13jjglEuNpA

Do Not Do This Step - It requires the paid version

How To Make An Image Slider In WordPress | Easy Tutorial (2024)

https://www.youtube.com/watch?v=76WUt9vtmMM

9-23

Objective: Students will be able to learn more about WordPress by completing the assigned worksheet.

WordPress Worksheet

WP Activity

9-17

Objective: Students will be able to gain a basic understanding of how wordpress works. https://www.youtube.com/watch?v=kYY88h5J86A

Go to https://wordpress.com/

If you have an account, log in.

If you don't have an account, create one by clicking on Get Started on the top right.

Download the Template here

9-9-24

Objective: Students will be able to recreate the Medical Assistant Logo using the skills learned thus far in Photoshop.

***Download files***

Step 1 - Create a document 10 X 10 inches, 300 resolution, CMYK.

Step 2 - Lay out your design with 4 circles (Outer with stroke, inner with stroke, and the two small buttons without a stroke. Lock these layers.

Step 3 - Add the text and Arc the text using the horizontal bend (See Screenshot) - Don't use Arc Lower or Arc Upper...as it has limitations.

Step 4 - Place the Heart, the Cross, and the Medical Staff (you will have to resize these using Edit > Free Transform or CMD & T shortcut keys)

Step 5 - Double click the layer with the Medical Staff, and select a texture close to the one you see. Do the same for the two buttons.

Your logo project is now complete if you did it correctly. Remember to create new layers as you add to your logo. This will make things seem easy to you!

Basic Web 1 Quiz 9-4-24

https://www.quia.com/quiz/8505747.html

9-3-24

Objective: Students will be able to complete HTML exercises at w3schools by creating an account (see the link). Note: You will be quizzed on some of the basics shown in the handout.

Click Here to sign up

Exercises

Link to study guide **Only focus on the first three pages**

8-26-24

Objective: Students will be able to create Gmetrix accounts and login to access HTML and CSS exercises. Note: You will be in Gmetrix for this week! We will more than likely have access to WordPress within two weeks from today.

https://www.gmetrix.net/Public/Register.aspx

8-20-24

Objective: Students will be able to create a basic HTML page by using the code example as well as w3schools.

Add a background color
Add an <h2> tag
Add an unordered list
Add a photo
Add a video:

Download Image

8-14-24 to 8-16-24

Objective: Students will be able to create a Snowman using graphic design tools. All students must be familiar with these tools. Your grade this week will come from submitting your Classroom Guidelines online form.

***6th Period

Link to 6th period Classroom Guidelines form

8-14-2024

Objective: Students will be able to practice writing HTML by setting up the file structure and placing the HTML file in the root folder, etc.

Learn by Doing

Beginning HTML

File Structure

Learning file structure is a very important aspect of learning HTML. This will focus on file structure.

I would like to explain how a website is structured in layman’s terms. A website consists of a root folder that contains files with code in them (HTML, CSS, JS, etc.) that can be linked to one another. I will further condense this explanation to ‘Code inside of Files inside of Folders’.

We will now create a root folder for our website. Follow the steps below exactly.

1) Right click (on the desktop) > New Folder

2) Rename your folder to: Root_Folder (FYI, you will have to double click on the name of the folder to rename it).

3) Open TextEdit or any text file editor > Create a new file and save it as: index.html

4) Type the code shown below in your index.html file that you just created.

How do I write HTML on Mac?

Create an HTML file

In the TextEdit app on your Mac, choose File > New, then choose Format > Make Plain Text.
Enter the HTML code.
Choose File > Save, type a name followed by the extension . html (for example, enter index. html), then click Save.
When prompted about the extension to use, click “Use . html.”

HTML headings are defined with the <h1> to <h6> tags:

Example

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

Example

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

HTML Links

HTML links are defined with the <a> tag:

Example

***Google how to add a header, a footer and some menu links.***

From w3schools - Example:

A header for an <article>:

<h1>A heading here</h1>

<p>Posted by John Doe</p>

<p>Some additional information here</p>

</header>

<p>Lorem Ipsum dolor set amet....</p>

</article>

Page updated

Google Sites

Report abuse