Web 1

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.

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

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