Mini Project II: Food

Mini Project II (Food): Mom’s Cooking

This four-page project, based around food my mom makes, uses a two-column layout method. To do this, I labeled the left column under the id name maincontent and for the right column labeled it under the id name of sidebar. The container of the page took up a width of 80%. The headers and buttons have a width of 100% under its parent, container. I was honored to dedicate this project to my mother, who is an amazing cook and makes delicious meals.

Mini Project III: World

Mini Project III (World): Devin Clark’s World

Devin Clark’s World is a four-page project. For CSS, I used a two-column layout through inserting #maincontent and #sidebar. With width of 70% and padding of 2%, the #maincontent section takes up 74% of the page’s space. This leaves the sidebar to take up 26% of space through having a width of 22% and 2% of padding. A video was placed in the maincontent section through using html to insert a video I created. It was fun to present my favorite movies, books and movies to others.

Final Web Publishing Project

Final Web Publishing Project: Devin Clark’s Music Core

This is my final project for Web Publishing. I used the floating for the home page of this website through labeling my pictures under the div class of “gallery” and the text under it under the div class of “desc.” I inserted the video through using an html insert. Through CSS, I used a two-column layout through using #maincontent and #sidebar. This was an amazing project to work on. I enjoyed being able to talk about my album collection and explaining the history of music along with the importance of CDs.