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.
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.
Copyright Plagiarism & Rules 2025 - (copy)
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
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.
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.
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:
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML paragraphs are defined with the <p> tag:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML links are defined with the <a> tag:
<a href="http://www.w3schools.com">This is a link</a>
***Google how to add a header, a footer and some menu links.***
From w3schools - Example:
A header for an <article>:
<article>
<header>
<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>
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.
https://www.youtube.com/watch?v=EbWKUiLjGBs
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:
<iframe width="560" height="315" src="https://www.youtube.com/embed/jhGHXAnNNzM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>