HOW TO DELIVER THIS ACTIVITY

  1. The main page will be called index.html (Add Delivery button)

  2. You must upload all the project files to a hosting service such as www.260mb.net o https://www.000webhost.com/or you can even do it yourself neocities. Include the link in this task (Add Delivery button)

  3. Additionally, you must carry out a oral presentation on December 22 presented to the rest of the class explaining  the website made.

HOW IT IS EVALUATED

Consult the evaluation rubric that appears at the end of the assignment.

EXERCISES TO BE PERFORMED

Students must create a website for a store/an event/a company/an NGO/an association/a club or any other activity that is of interest to them. It should mainly serve to provide the main information of this organization. It is not intended to be an online store, nor a blog, simply an initial point of reference for the company. From this website we could access social networks or other services that the company already has. For it

  • Get in touch with a company/entity/association to altruistically offer to create a website for them. THIS POINT IS MANDATORY. The form of contact with said organization must appear in the report.

  • Use bootstrap5 https://www.w3schools.com/bootstrap5/index.asp to layout the website. To make it easier, take the following template as a starting point. https://www.w3schools.com/bootstrap5/bootstrap_templates.asp

  • The company logo must appear in the icon that appears in the web browser tab of all pages of the website. If the company does not have a logo, you must create one. You can do it in gimp or in https://www.favicon.cc/  Take care to include the following code inside the header <head>

    • <link rel="icon" href="favicon.ico" type="image/x-icon" />

    • <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

    You must ensure that the page has the greatest number of labels seen in class. That is, they must appear

  • You must include the tags <meta> in it <head> necessary to try to improve the visibility of our website in search engines as much as possible. You can check this link to know what to put http://deteresa.com/etiquetas-meta/

  • You must ensure that the page has the greatest number of labels seen in class. That is, they must appear formatted texts, headers, lists, tables, forms (from Google Drive through iframe), iframes, images, videos, audios, links...

  • You must make the page complete, coherent and useful. It must be validated in http://validator.w3.org/ You must insert the corresponding w3c logo.

  • Also you must validate the css in https://jigsaw.w3.org/css-validator/.You must insert the corresponding w3c logo.

  • Check the accessibility of your page on http://wave.webaim.org/

  • Once the page is created, you must publish it on the Internet at an Internet service provider such as www.260mb.net o https://www.000webhost.com/or you can even do it yourself neocities

  • The main page will be called  obligatory index.html which will be the presentation page of your future website.

  • Check the visibility of the web page on PCs, tablets and laptops (for this task you can additionally try using the Adaptive View that appears in the Firefox browser). Even try viewing it in different browsers and verify that it looks good. One option for this is to use the page http://browsershots.org

  • And above all, don't stop enjoying doing this activity!!

  • Introduction to Bootstrap

  • Introduction to Bootstrap in Spanish