-
Story Activity: Story 1 , Story 2
I decided to write an article on one of my favorite subject to watch on the internet. Is it real or is it cake. The two styles on the two identical webpages I've implemented are themes of my two favorite cakes: red velvet, and chocolate yellow. I used the Adobe Color Image tool to upload pictures of the two cakes to get a color pallet to use to style my two pages. The most difficult part of the project was trying to get the aside element to work on my story 2 page. I also use the CSS attribute^value selector to help design the 3 mini columns on my 2nd page.
-
Table Schedule
This is a simple webpage on how to make and style a table. For the most part I find tables easy to make. I used col, colspan, rowspan, thead, tbody, and tfoot to help style my table. I did had some difficulty trying to make all the week day headers the same size until I remember to apply the width percentage style on my col styles.
-
Pet Competition Web Form
I ended up making four fieldsets for this activity. I used the input element to create text fields, radio buttons, check boxes, selected list, slider bar, reset and submit buttons. I also used psuedo elements such as focus, valid, and invalid. Most difficult part of this activity was when I tried to submit data it keeps coming back as "No Data Submitted". I had to look in the Piazza discussion form and found out another student had the same problem. I was able to fix it by changing my form action from "http" to "https" and I was able to get the table with my filled in data.