Web Development Projects

Here is a list of my Web Development Projects using HTML and CSS

Unit A Project:

This is my first project in web design where I learned the basics of HTML. The lessons invloved the planning, pre-designing, creation of the HTML, head, and body tags and testing of the web page in multiple browsers from desktops and mobile.

Unit B Project:

In this project, I learned to structure a web document using HTML elements and attributes. I incorporated div, meta, h1 and h2, script, and footer tags into the web page.

Unit C Project 1 & Project 2:

In these projects, I learned how to use CSS. I used style rules to design and modify the webpageand its color. I used a various selectors and made an embedded stylesheet in an HTML within the head tags. I also learned how to validate my HTML and CSS code.

Unit C Challenge 1:

In this project, I used a style rule to change the background color of the header to coral. I centered the text and chnaged the background of the footer to yellow.

Unit D Project 1 & Project 2:

In thses projects, I learned how to set the layout of a web page using CSS. I set the margins, borders, and padding for specific elements and I used the float properties to align the sidebar and footer. I also used positioning to modify the header on a longpage to keep the header displayed while scrolling a webpage.

Unit DCB Review Project 1 & Project 2:

In these projects, I followed a video guide on how to use the new HTML5 semantic elements. I set the padding, margins, display properties, and float properties to align the text to the left. I also set up navigation links to a navigation bar but, they do not go anywhere.

Unit E Project:

In this project, I learned to about the different types of fonts and set a family font. I used a custom font, and applied a specific font size and line height to the first letter in a paragraph. I also learned about and implemented style pseudo elements, media queries, shadows, and how to use RGB and Hex Code values as colors.

Unit F Project:

In this project, I learned to set links within a navigation bar to link web pages together. I set relative and absolute links. I also syled the state of links to highlight or move a linked text. I also made some links open in new tabs and linked documents into the webpage. I also added accessibility features to navigate the web pages.

Unit G Project:

In this project, I learned how to implement images into the web page and how to use images as links. I also learned how make an image map and link the images on the map to the sections that describe them.

Unit H Project:

In this project, I learned about and implemented ordered, unordered, and descriptive lists. I also created a nav bar using a list and inserted a PDF by linking it to text. I also created and inserted a table with spanned columns and rows.

Unit I Project:

In this project, I learned to use media queries to apply responsive design to a website and used an emulator to test a web pages in different screen sizes. I also applied style rules to make certain elements move or disappear at certain screen sizes. I also styled a button to have rounded edges.

Unit I Challenge 1:

In this project, I applied styles and media queries to make adaptive content for small screens to make elements move and/or disappear/appear at certain screen sizes on the web page.

Unit J Project:

In this project, I learned about and made a web form for the Lakeland Reeds web page. I used text fields, check boxes, and option buttons. I also added drop down menus for dates and I added a submit button that links to another form that recieves the information submitted to from the previous form and saves it.

ACME Project:

In this project, I made a website following a video on making website on marketing web design services using all I have learned from previous projects and also learning and observing how other people code their websites.