Create a single page website using HTML and CSS that presents a press release which aligns with the brand style guide that you created.
Most of the time we are creating web content today, we do so using content management systems, like WordPress or Squarespace, that use databases to manage dynamic web pages. However, at the end of the whole chain of events happening behind the scenes on big, anonymous servers somewhere, the thing that eventually lands on a reader’s computer is delivered in HTML and CSS. So even though there are many ways in which these fundamental web technologies have been abstracted from our everyday use, it is important for us to understand them enough that we can get in and tweak things when the need arises.
In this assignment, you will dig into code. Don’t pass out. There’s no algebra. And, you’ll be touching some of the fundamental building blocks of the web that you use every day.
Sign up for a free Neocities account.
Use the Neocities editor to create a single-page website for a press release for your brand. You may announce anything that is relevant to the brand you have been working with this month in the course. It should be both relevant and newsworthy, such as an album or game release, the launch of a new series, a new CEO, business partnership, contest, or some other important occurrence.
The Neocities site editor is very simple and fun to use. You may use any HTML or CSS reference you want when creating your page. Neocities recommends HTML Dog’s beginner tutorials. I like the ones at W3 Schools. You may step through the tutorials or use the references to find the things that you need for this particular project.
Your structure of your site should include the following:
Use good web practices to separate your content from its presentation. Don’t include colors and fonts in your HTML. That should all go into the CSS. You may use the default starter files that Neocities gives you, but you should modify them extensively to match your own brand guide.
The content of your site must include the following:
When your site is complete, take a screenshot of it that includes your whole browser window. Create a PDF file (using Microsoft Word, Apple Pages, or Google Docs) that includes both your screenshot and an active link to the page on the web.
LastnameFirstname-webpage.pdf.LastnameFirstname-brandguide.pdf.