Victoria Olivas • Portfolio

Web Development Projects

Using HTML5 and CSS3

    • ★ Unit A ★
    • In this unit we started getting used to explore the basic HTML tags. How to create comments and the basics. How to create an HTML document, create wireframes and a storyboard.

    • ★ Unit B ★
    • In this unit we focused on different aspects that help a better structure. This would later help with knowing how to build the page on a better structure.

    • ★ Unit C ★
    • In this unit we start learning how to use a style sheet, also know as a CSS. it also cover the different amount of sections. We also covered how to validate our code and debug it.

    • ★ Unit C IC1 ★
    • In this unit, we learned how to add some different presentation elements, We had to add new different styles rules. We had to add different style elements, for both the header and the footer.

    • ★ Unit D ★
    • In this unit we start by familirazing ourself with the CSS box model. We learn more about margins, borders, and padding properties. We also used and learned the different values of the position property.

    • ★ Unit DCB ★
    • For this we learned about some new semantic elements such as; article, aside, main, nav etc., We also dived into doing a web page layout using the style sheet (CSS).

    • ★ Unit DCB 2 ★
    • For this unit we worked more in depth in the CSS sheet. We learned how each code affected our HTML page and what works and what doesn't.

    • ★ Unit E ★
    • In this unit we learned hopw to format text with CSS, we had to acess web fonts. We found a unique font. We found different ways we can use the font to make the page look more unique.

    • ★ Unit F ★
    • For this unit we start working with links and fully understanding how to insert them and get them to fully work. Knowing the different between and absolute link and a relative link.

    • ★ Unit G ★
    • In this unit we learned to inster and work with pictures. How to add favicons and touch icons. Also how to use images as links too. The resolution of a picure is also very important.

    • ★ Unit H ★
    • In this unit we learned how to organize stuff with tables and in lists. we also learned how to format a table with CSS. We also learned how to debug tables. Three different type of lists; an ordered list, unordered list, and a description list.

    • ★ Unit I ★
    • In this unit we learned how to implement a responsive design. We learned how to create a multipart media query, add a column with the media query. We also created a responsive navigaton and we implemented some adaptive content.

    • ★ Unit I Challenge ★
    • In this unit we were challenged to make the layout be more appeling on larger displays. We also learned to how to make it adaptive to smaller screens, when the screen gets smaller only the coneflower image and the text will be available but not the table.

    • ★ Unit J ★
    • We learned how to make responsive web forms. First we learned design and create the form then we had to create and customize the text fields, we had to creat check boxes, option buttons and drop down menus. Lasty we had to learn how to make it fully responive so it enabled the form submission.

    • ★ ACME Project ★
    • This projects is a three-step project, it is a type of website a business would use for their work. We had to implement all if not most of what we had learned with our prior units. Each page is unique and has its own charm.