Career Site Post-Mortem
The website my partner and I made was an advertisement for a program for the East Tennessee State University (ETSU) called PASTA (Providing Area Schools with Technical Assistance). The program goes to nearby schools and provides new technology and repairs the old. They also teach people how to maintain the new technology. My partner wanted to do something related to pasta, but this is the closest we can get to that.
The Layout
To make the website, we used HTML and CSS to format it and style it. We decided to make 2 columns, the one on the left contains the info that we had, and a video describing the program. The one on the right contained our pictures of the program. In the header, we added a logo for the university in the top left, and in the right we added the name of the program and the department that formed the program. We decided to add a footer where we have links to the social media accounts for the university and the sources for our pictures.
Our Problems
We had trouble with the layout of the columns for a while. The columns would get scrambled in the header, footer, and the body. We managed to solve this problem by removing some padding and putting it on a grid. Another problem we had, was where the video was not appearing on the site. To fix this, we added “@media (max-width: 600px)” to the CSS of the column which contained the video.
Styling
For the CSS, we decided to use the university’s colors, which is navy blue, and gold. We managed to accomplish this, and it worked out better than we anticipated. The header was navy blue, and the footer was gold.
Some things that we did well on were the CSS, we had no problems with the CSS besides the video not showing up. We did pretty well with the padding to make the margins. We had a bit more problems with the HTML, but we did a pretty good job with it overall.
