Career Site Post-Mortem
The goal of my website was to create a website for a company hiring a professional for a specific career in technology. The career that automatically stuck out to me was software engineering, which is engineering that deals with computers and software. We had to decide on a company that was looking for this specific career, so I decided to choose the local company of Eastman. So before coding anything, I had to find the information needed for the site. I found all the needed information and started to think of what I wanted the site to look like. I knew that I wanted a very standard color scheme, with a simple black and white gradient, but I also wanted a very different layout. I wanted to have things centered, not centered, to the right, and to the left. One of my first ideas that I had was to simply center the title of the page, “Software Engineering”, and to also center the sub-heading underneath it, which said my name. It was very simple at the start, only moving the information into different places with CSS commands like, “text-align: right;”.
It was very easy to do this with simple text, but doing it with videos was very difficult, as you add to put it into different columns to center it. This picture shows what we did with some of our text. You see the text-align tag, and many others to make the content how we wanted. We wanted to put a video into the center of the website, but you couldn’t do it with the text-align command.
To center a video, you must use columns, and every div in the column would be a different column. The site faces many problems with this column organizing, but we faced many problems. We had the column tag correct, but we didn’t know that you had to change things in the CSS to get it to correctly work. We finally figured out how to do this after a long time of failing. The video by itself looked quite odd, so we decided to put other information on the company around the video, to make it look like it was designed to be there.
For our style, we decided to go very simple. The color scheme for the site would be a simple black and white, with very limited color. There would obviously be color from the video, and the company logo, but we tried to limit the color to that, and only allow mostly black and white. For our font, we also wanted to go simple. We used serif and sans-serif fonts, to keep the simple theme.
This is my style sheet, and you can tell that it is a very simple style.
At this point, we thought that we were finished. We had finished all of the desired ideas that we sought out for our site. We looked at it, and it seemed quite odd.
We thought that this looked very odd and busy. We asked our teacher, and he also thought that it looked slightly weird. We came to the conclusion that it looked weird because you had to read from the left. We are used to simply reading from the right to the left but we placed our heading on the left, so it looked a lot different than normal. We decided to change it up and make some of the text aligns go to a more normal look. We changed the two headings below the company picture to the right and made the company logo centered. We also changed the title and the subtitle below that to be centered, to make it look more organic and normal.
This is what our final website looked like. We learned many things throughout the process of making this. We learned how to use columns, and to not change things up too much, as it may make it look weird.
