WDV101 - Intro to HTML/CSS

HTML Units

A striking image of wind turbines set against a vivid, colorful sunset sky with hues of purple, pink, and orange. The turbines are located in an open landscape, and the serene atmosphere underscores the harmony of wind energy and nature.

Wind Energy Page

 A plain white webpage titled 'Welcome to the Pathname Project' with a description explaining pathnames. Below, there are instructions involving creating links to several pages: 'about.html,' 'page named products.htm,' and 'academics.htm.'

Pathname Project

 A webpage titled 'Web Resources' with a group photo of people posing and smiling at the top left. The text includes links to HTML/CSS learning resources from sites such as W3Schools, 3schools for CSS, Codecademy, and Lynda.com.

Resources Page

CSS Units

Screenshot of the Koala Bear National Information Center website featuring an introduction to the organization, images of koalas, and navigation links for FAQs, news, gallery, and contact information. The page explains the center's mission and ongoing research efforts.

Koala Website

 Screenshot of a webpage titled 'The Cocoa Site!' under the section 'A Bit of History to Get You Started.' It discusses the history of chocolate production by ancient South American cultures, its evolution, and its spread to Europe via Spanish Conquistadors.

The Cocoa Site!

 A website homepage for Summit Farms, featuring images of huskies and snow-covered mountains. The site has navigation links for 'Adopt,' 'About Us,' 'Contact Us,' 'Caring for Alaskan Dogs,' and more. The text mentions adopting over 2,620 dogs and seeks support.

Summit Farms

 A webpage layout example for a unit on the Bootstrap framework, showing navigation tabs, two content columns with placeholder text, and a section below titled 'Pictures From Recent Anime' featuring anime images.

Bootstrap Practice

Final Project

A website for Pets To Go with a green header featuring navigation links. The main text says, 'Ask Us Anything About PTG' with a subtext inviting questions. A 'Donation Form' button and a 'Questions Form' with fields for first and last name are visible.

Pets To Go

 Screenshot of a web page named 'Pets To Go Form Processor.'. It features instructions on processing form data and displays the resulting form output. Instruction steps detail uploading PHP files, activating the form, and displaying a table with form values.

Pets To Go Form