Morning Workshop

This morning, you attended the lecture about good sites. In this workshop you learned that good sites are about:

• Maintainable code
  • Your project folder is structured with folders like resources, css and js.
  • File and folder names should always be in lower case
  • Always choose meaningful names for files, folders, classes and ids. Whatever casing you use (all caps, all lower case, camel, pascal, snake or kebab casing) choose one that seems appropriate and use this consistently throughout your project for that type of 'thing' you want to name
  • Use a consistent indentation style for your code
  • Prevent too much blank lines in your code. Place them only when appropriate
  • Prevent code duplication whenever possible
• Usable site structure
  • Your content is divided into multiple pages. Each page should show a coherent set of content and design
  • There should be a landing page (index.html) that helps new arrived users to understand what your site is about and make a first impression
  • Help your users to navigate throughout your site with a navigation menu
• Findable site
  • Choose appropriate <title>s for each page
  • Use HTML5 semantic tags as they should be used
• Purposeful appearance
  • The appearance should be internally consistent throughout your site
  • Use CSS to manipulate the site layout, use of color and typography

This morning you also added the following to your website:

• You added an index.html file
• You added a rudimentary navigation menu to both pages
• You added some CSS to style the navigation menu

Afternoon: Self study

Now follows a period of self study. During this period you will apply and practice with what you have learned so far and learn some new things by yourself.

<aside> 💡 The exercises build on the result of this mornings class. If you did not attend class, you should do that first before you continue with the exercises.

</aside>

Wednesday morning the class will be about consultancy. This means that you can ask for help about your project and these exercises or we will ask you to show your progress.

<aside> ❗ Finish the exercises on this page before class starts on Thursday

</aside>

Part 1: skeleton site

In the Assignment Specification you find all the requirements the site must meet. Among these there is a list of required pages. This means that your site MUST contain all these pages.

<aside> 🛠 Exercise 2.1: Check the Assignment Specification and create the rest of the required pages, but only add the basic html structure and not any content yet. This way you create the entire sites basic structure.

</aside>

Because you added new pages to your site, you now must update the navigation menu