Blog 5

Development Plan — Psychedelic

For my project, the background will be fixed so all of my content will be in the correct spots when you scroll. The background image is in the container and the H1 and H2 are in the header. The entirety of my text is inside the body, except for the H4 and footer links which are in the footer. On the top of the page, my intro wraps around the header and summary. I organized all of my tags into certain divs and classes in order to keep my CSS organized while working in Dreamweaver. The body text from “The Road to Enlightenment” to “Requirements” is in the “main” div so it will be easier for me to position all of that information to the right when coding. I did the same thing with the information in my sidebar where the links to other designs are. The dimensions on my design are 1280px by 2218px. I am using Oi Regular for my H1 and the rest of my text is in the font Proxima Nova, using different weights. I chose a monochromatic color palette to create a cool and calming feeling. I played around with transparency with my sidebar and footer to create contrast from the other text. I am very excited to work on this project because I will be able to practice all of the skills I have learned so far with HTML and CSS.