USE LINKS BELOW TO NAVIGATE TO ACTIVITY

Spring Capstone Project

HTML LABS


CSS PROJECTS


Class Projects

CLICK THE PROJECT BELOW TO FIND OUT MORE ABOUT IT

The Lab #1 was my first coding assignment completed in my WEB DEVELOPMENT class that covered the introduction to HTML Structure. Additionally, this first lab introduced me to the headings used in HTML and I learned how to use the attribute to write a paragraph. One thing I could do to improve in this lab is to practice the HTML structure.

The lab #2 is my second lab in which I learned how to expand my knowledge in learning html by attaching images to a website page, learning how to form my words in different fonts such as bold and italics as shown. As well as, I learned how to use the correct height and width for my images of my desire. Also, one thing that I could do to improve this project is to write my paragraph in a different color and insert more images to practice this skill of inserting images into html web pages.

The lab #3 is my third lab and I learned how to attach hyperlinks to link different pages and this lab allowed me to understand how to use the attribute called hypertext reference (href) to indicate the destination of the hyperlink. Next time, I would like to include more hypertext references to pages and I am able to learn this skill to attach links to my website pages which is excellent to learn about.

The lab #4 is my fourth lab which I gained practice on how to use the attribute for table and complete the table with information pertaining to the lesson which was color and I used the table heading such as colors, hex values, RGB values and the HUE to create a table and under those categories are the specific table in which the table data cells are written under. One thing that I would like to improve on is to add more colors of each table data cell to portray what they appear as according to the color values.

The lab #5 was my fifth lab in which I learned how to create a table and include lists inside of the table. In addition to including lists inside tables, I learned how to use ordered and unordered lists to better organize my code and information within the table created. As well as, I used different list styles in my code to better enhance the appearance of my page and learn how to include different formats of list styles such as circle and squares, and use the type for my ordered/unordered lists as numbers. Next time, I would like to explore more ways to include list styles such as different formats other than circles and squares.

The lab #6 was my sixth lab in which I learned how to use my creativity and knowledge of attaching an image of my very own favicon and style my webpage to my liking. Also, this page includes a brief paragraph about what I learned and why my favicon represents myself. Next time, I would like to create more favicons that describe my personality such as my spirit animal, my favorite flower, my favorite character from tv shows.

The lab #7 was my seventh lab in which I learned how to collaborate with my fellow peers and complete a homepage together with a picture of ourselves, a brief description of who we are and a two link to our personal pages that describes who we are individually. Next time, I would like to make this homepage more appealing with more html coding skills that I have learned to enhance my homepage.

In this project, I apply my creativity to explore how to use tables with previous knowledge and I learned how to apply the correct attributes from my previous lab. In this lab, I learned how to create a table to list down the ingredients for a Tropical Smoothie and I also included Instructions of how to make this delicious tropical smoothie using a table. Also, in this project, I was introduced to the first five HTML tags.

In this project, I learned how to apply my knowledge of html and css to locate and fix errors within code. This project gave me a perspective to understand the purpose of debugging and understand how to solve errors within codes. Next time, I would like more practice codes with syntax errors that will help me build my debugging skills and how to figure out the issues within a code. Not only will this teach me a debugging skill, but this will also teach me how attributes are used within code and how to apply them to a certain coding project that I will work on in the future.

In this project, I was able to learn a new skill and apply my knowledge of HTML and CSS tags to modify code to create an interactive card. This project was very creative because it taught me how to familiarize myself with CSS. With HTML, I was able to use my knowledge to personalize this halloween card with the attributes I learned in the HTML projects. Next time, I would like to explore new techniques to animate my halloween card.

In this CSS project, I learn how to tell a story by learning how to use the divs tags attributes to enhance my story. For example, my story was about an eventful day in the city of NYC. I used many attributes such as divs, border, odd and I used images to display my story with brief descriptions. Next time, I will use different styles of border, and try to create a more animated story such as flipping through the pages of a book.

Based on this project, I was introduced to more CSS properties such as using divs to create a missing poster of two cute birds with brief descriptions about the two bird’s information and those texts are written in a different color. Next time, I would like to utilize more CSS properties provided for me to enhance my projects.

In this project, I learned how to customize my very own robot and understand the importance of the order of code because, like most projects, I struggled with creating this robot because I was a new learner to understanding how pixels work within code. Next time, I would like to learn easier techniques when creating this robot in terms of its position on the webpage.

In this project, I learned how to create my own unit review using coding language that I have learned. This project was fun to learn about because I learned how to add a hyperlink to my page that leads the user to my digital dilemma project. Next time, I would like to add more html and css language coding to my digital dilemma project.

In this project, I was able to collaborate with two of my fellow classmates to computer in a congressional app challenge and my group and i decided to discuss about a global issue such as pollution and we discussed about the three main types of pollution such as air pollution, water pollution and soil pollution and each included a hyperlink to a page that talks about the importance of the type of pollution and how to keep the earth healthier with solution suggested on the page.

In this project, I was able to create a unit review for the code.org lesson 1 through 6 on code.org. Also, I was able to add a hyperlink to my digital dilemma page #2 that discusses why the government should be allowed to censor or block internet traffic, and I used a table to demonstrate my stance on this core question.

In this project, I was able to create a detailed unit review with tables for specific check for understanding’ questions and I created this unit review for lesson 1 through 10 on code.org. Additionally, this page included a hyperlink to my app page that displayed wireframes, blocks of codes from my app, and directions of how my app works.

In this project, I used my prior knowledge to create a unit review for lesson 1 through 14. However, this page was one of my favorite projects because I was able to explore how to use containers, waves and menus with hover. Also, this project was a great practice for my practice task. Additionally, this project was interesting because I was able to hover over each lesson to read each summary of that lesson and this menu looked super interesting as it had many parts to it.

In this project, I learned about the ghost school project and I created a homepage based on my design creations from ghost schools. I created my homepage using my very own pixel art background that portrays the beautiful city of Paris. Overall, this project included a menu with all the levels from a project on ghost schools.

In this project, I learned how to discuss lists, loops and transversal within my unit review. Also, I discussed the hackathon project I learned on code.org. This project includes lesson reviews from lessons 1 through 17.

In this project, I learned how to create a unit review based on algorithms that I learned from code.org. Also, this project includes reviews from lesson 1 through 5.

In this project, I learned how to create a unit review based on parameters and return attributes of code.org and this unit review includes reviews from lessons 1 through 4. Also, this lesson included a hyperlink to my app page that portrays a rock, paper, scissors, game that I learned how to create via code.org’s app lab and this rock, paper, scissors game was created using functions, parameters and return make from the basic skills I learned in Unit 7.

This project was created to show my appreciation for one of my teachers and this was shown through my very own web page that talked about myself as a student and it included a message to my teacher and a special student video to show my appreciation for my teacher. Overall, this project was a great way to show appreciation to one of my teachers even though my programming skills and I appreciate all of the teachers who have taught me.

This project was my second to last REPLITproject of this school year for 10th grade and I used my prior knowledge from HTML, CSS and Bootstrap to create a page about domains that I learned from gmetrix and this project taught me how to edit code, add specific code attributes that was asked from the workbook and I was able to gain practice with attaching hyperlinks of a page that allowed the user to navigate through the activity.