Web 1

10-27-25

Objective: Students will be able to use HTML5, CSS3, and JavaScript to design and code a fully functional personal profile card webpage that demonstrates mastery of semantic structure, modern styling techniques, and interactive functionality.

ProfileCard1

Folder Structure

ProfileCardProject/

├── profile-card.html

├── style.css

├── script.js

└── yourphoto.jpg ← (students can add their own image)

10-23-25

Objective: Students will be able to prepare for the WordPress certification exam by completing multiple practice tests in KP.

10-16-25-

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

10-??

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

WordPress Worksheet

WP Activity

https://kahoot.it/

10-??

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

10-14-25

Objective: Students will be able to practice building WordPress Sites in Knowledge Pillars (KP). You will be assigned a grade for your work in KP and on any projects.

https://platform.knowledge-pillars.com

WordPress Test - 9 Weeks

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

10-9-25

Objective: Students will be able to complete their WordPress test based on the study guide that was provided.

10-6-25

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

10-2-25

Objective: Students will be able to practice in Knowledge Pillars in an effort to prepare for upcoming quizzes & tests. You will be assigned a grade for your work in Knowledge Pillars and on any projects.

https://platform.knowledge-pillars.com

9-29-25

Objective: Students will be able to practice creating a webpage to keep their skills sharp. The way the form should work is you should be able to send an email to yourself, but it requires a script on a backend server, so it won't work for us. We will build our HTML & CSS around it.

Here’s your complete downloadable website package, including:

Homepage (index.html)
Contact Form (contact.html)
Thank You Page (thankyou.html)
CSS Styling (style.css)
JavaScript Form Submission (script.js)

Download File

Wordpress Lesson 1 - (copy)

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

9-23-25

https://platform.knowledge-pillars.com

The secret to this project is planning your layout with the Tags.

9-10-25

Objective: Students will be able to complete the HTML & CSS layout project by using web design skills learned thus far. You will need to use div tags, background-color, border-radius, padding, margin, text-align: center, and 3 article tags nested inside of your main tags. Happy Coding :-)

9-8-25

Objective: Students will be able to learn more about well-structured webpage design using HTML5 and CSS3 by demonstrating their ability to customize webpages.

Download Instructions

Additions: Header Image, Footer, Background Color, Extra Pages (contact.html, and faqs.html), create links to your extra pages.

9-2-25

Objective: Students will be able to create a simple, well-structured personal webpage using HTML5 and CSS3, demonstrating their ability to:

Organize content with headings, paragraphs, lists, links, and images.
Apply basic CSS for styling, including fonts, colors, backgrounds, and hover effects.
Connect an external stylesheet to an HTML page.
Showcase creativity by presenting their own hobbies in a visually engaging way.

Download File

Survey

CLICK HERE!

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

8-28-25

Objective: Students will be able to extend the "Coding like Crazy project" by adding a background color, menu and extra pages.

Don't forget to add: h1, unordered list, picture, and video

Download-HELP

8-26-25

Objective: Students will be able to complete the "Coding like Crazy project" by following teacher led instructions. Download Files.

8-25-25

Objective: Students will be able to complete the "Practicing HTML & CSS project" by following teacher led instructions.

Download

Start studying for your quiz next week. Your quiz will be on Copyright, and some Dreamweaver tools that you should know about.

CLICK HERE to Download this file

8-18-25

Objective: Students will be able to complete the "HTML & CSS project" by using web design skills learned thus far.

8-12-2025

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>

https://kahoot.it/

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.

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

8-??-25

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

Page updated

Google Sites

Report abuse