Web Development Projects using HTML5 and CSS3

Unit A - Getting Started with HTMl

This unit teaches us why it's important to plan and wireframe your websites as well as showing how to use and implement basic HTML tags (html,head, and body) and how to utilize comments.

Unit B - Structuring Content in a Web Document

Learned how to structure web page content using HTML elements and attributes as well as implementing HTML5 semantic elements.

Unit C - Getting Started with CSS

Learned how to stylize a web page using CSS coding. Also, learned how to implement ID and Class selectors and how to use multiple selectors for CSS.

Unit C - Challenge 1

An assignment that helps further practice CSS basics while also providing less instructions to further challenge users.

Unit D - Laying Out Elements with CSS - Assignment 1 and Assignment 2

Learned the concept of the CSS Box model as well as understanding the difference between padding, border, and margin. Also learned how to use CSS properties to influence positioning and layout.

Unit DCB - Project 1 and Project 2

Projects that further practice creating CSS layouts. Both projects provide different layouts to demonstrate the various possibilities that can be created.

Unit E - Formatting Text with CSS

CSS is used to change a font's properties and adding custom fonts from third-party sources. Also learned what a pseudo-element is and how to implement them.

Unit F - Inserting and Working with Links

Explored what relative and absolute links are. Also demonstrated how to integrate links to a website.

Unit G - Inserting and Working with Images

Explored the various image file types and how to incorporate background images, image maps, and favicons to a website to enhance the user's experience.

Unit H - Organizing Content with Lists and Tables

Explored various ways to format content using ordered, unordered, and description list. Learned how to create a nav bar and tables as well as stylizing them with CSS.

Unit I - Implementing Responsive Design

Explored how to make websites more accessible using responsive design and how to emulate these layouts.

Unit I - Challenge 1

Further practices responsive design with less instructions provided.

Unit J - Creating and Processing Web Forms

Explored how create forms on websites to collect information provided by users.

ACME Project

A project that displays a web designers different style for creating code.