This is a webpage for showcasing my personal logo.
Process (Programs, Tools, Skills):
I created this web page with Notepad++. I had very little experience with HTML/CSS before this project. I was able to see how things can come together with just text. There are a lot of different options in what you can do with CSS, so I’ll be happily learning more about it.
First, we made the general content and design for the page by writing about our logo process in HTML, then inserted my image. After, we attached a pre-made CSS document as external styling. I changed the colors to the webpage to match my scheme. I had to use Photoshop and the eyedropper tool. I changed fonts, and added a few other shapes by using DIV’s and learning what I can do with those. I centered the logo and experimented with columns for the text and also how to make a NAV for the page. I learned how to make the nav and get it on the page, but was unsuccessful in making it look how I wanted. I will work on this later, so for now, I have it commented on my CSS, so it is not on this screenshot.
Programs/Tools Used: TextWrangler & Photoshop
Message: This is something that represents me.
Audience: Anyone who is interested in the skills that I have to offer in design, art, writing, or music.
Top Thing Learned: How to add shapes to a design and how to change fonts, borders, etc.
Color scheme and color hex: Monochromatic Lime Green #A4C421; White #FFFFFF; Black #000000; Grey #666666, #444444, #333333
Title Font Families & Category: (all names) “Palatino Linotype”, “Book Antiqua3”, “Palatino6”, serif
Copy Font Families & Category: (all names) “Abadi MT Condensed”, “Geneva”, sans-serif
Changes made to the CSS: I changed the font families, the colors in order to coordinate with my logo, I added an extra div shape and subtitle, and a second picture at the bottom of the page. I started on a NAV also, but left it out for the final.