Technical – To make my site, I first used a template from w3schools, and then changed pretty much everything but the basic layout. As for my successes, I think that some of the basic elements (colors, links, text) were very easy to put together. All of these were relatively self-explanatory, and didn’t require more than just referencing the tutorial site to figure them out. One thing I did have to look up how to do, was to make links a different style from default, as well as adding the hover option. This did give me some trouble as the default formatting for links has to be manually disabled, but this didn’t take too long. As for challenges though, alignment and images were something that I had trouble with, and the final product reflects this. I spent hours trying to figure out how to keep elements from moving when changing the window size, as well as trying to keep the footer stuck to the bottom and images where I wanted them to be, but nothing I tried or looked up seemed to work. When I first started making my website there wasn’t much of an issue with these, but the more things I added just made the site harder to align.
The Ideal Website – I was hoping for something similar to the final result, just with a bit more content, a more professional look, and coding that isn’t bad. I think that the layout and colors were a good start, but I didn’t know what to put on the website, text and image-wise, and my lack of coding skills made it really hard to realize my goal of a nice, sleek-looking design. If I had more coding knowledge, I would fix the alignment first, then add more colors and images to the site to make it look prettier. Modes – For this site, I mainly used visual, linguistic, and spatial modes. For these, I wanted to give my site more of a lighthearted feel to match the humorous side of my personality. The images were supposed to be silly, and the content wasn’t meant to be taken too seriously. I was mainly just trying to represent my personality the best way I could through these modes. As for spatial, I was trying to create a design that isn’t intimidating, but also shows the majority of the site’s content at once. The nav bar at the top was key in doing this, and the large image sizes and spacing gave the pages a much fuller feel. Design Strategies – I used contrast in my site’s color scheme. I wanted the links and sections to be noticeably separate from the background, so they would be easy to distinguish. As for emphasis, I made the links at the top of the page really big so they would be hard to miss, while making the current page title the header. This made my site as easy to navigate as possible, and shows the visitor what to click on. For color, I mainly just used a color scheme I liked. I mostly wear dark clothes and think black and white is a nice color combo, so I thought that what I chose would be a good fit for my site. As for organization and alignment, I did the best I could to section out the site into pages that represented entirely different things. I didn’t have too much of a strategy behind this, other than just doing something that made sense and the least-confusing as possible. Finally, for proximity, I purposely put a decent amount of spacing between all of my elements. I figured having too much together would be overwhelming, and spreading info throughout the pages would make for a fuller-looking site. Overall, I’m happy with my site. I almost completely destroyed it a few times out of frustration, and the perfectionist in me can’t be too happy with the result, but it was fun figuring out a lot of things on my own. It's a good start for sure.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
October 2018
Categories |