FONDAMENTI DI WEB DESIGN - 101846
Topic outline
-
-
The document provides a template to describe the website developed for the exam. It should be considered as a guideline to include all the content you need to mention. This means that: You can layout the document in the way you prefer, you can fill in as is or customize it both in terms of visual aspects and organization of the sections, but you must respect the required contents.
-
-
Consegnare file relazione ed esercizi in un unico file ZIP . Assicuratevi di aver chiaramente indicato l'indirizzo del sito web, di aver reso il sito accessibile, controllate il percorso delle immagini dei file HTML e CSS. Non saranno concesse proroghe per nessun motivo. Consegna materiale entro 23 gennaio 2025 ore 13.
ATTENZIONE! L'orale è stato spostato a VENERDì 7 FEBBRAIO ore 10:30
-
In allegato i voti delle relazioni e degli esercizi consegnati. Gli studenti ammessi sono pregati di presentarsi all'orale il giorno 3 febbraio ore 9:30
-
-
-
Consegnare file relazione ed esercizi in un unico file ZIP . Assicuratevi di aver chiaramente indicato l'indirizzo del sito web, di aver reso il sito accessibile, controllate il percorso delle immagini dei file HTML e CSS. Non saranno concesse proroghe per nessun motivo. Consegna materiale entro 3 gennaio 2025 ore 13.
L'orale si sosterrà il giorno 13 gennaio ore 9.30
-
-
-
What is a web site: from communication tool to technicalities at different levels, what we need to publish a site, how to develop a site
-
Domain registration and hosting purchase. Admin's password update. SSL installation
-
-
-
Web designer vs web developer - difference and similarities;
design a web site: from the contents collection to the tools to wireframe;
how a web site/page is structured and how contents are organized -
-
-
-
How a web site/page is structured - main HTML tags
WordPress Widgets and page builder
HTML: intro, first concepts, main tags, tutorial
-
-
-
What is a backup and how to do it
CSS: intro, first concepts, syntax, tutorial
-
-
-
-
Brief recap and info about the exam etc.
WordPress plugin: general vision on Google Analitycs, Iubenda and Under Construction. -
-
-
-
-
-
A large overview on web accessability - from laws to technical elements, exercises and tools. On courtesy of Dr. Ing. Giovanni Caruso, Istituto per le Tecnologie Didattiche, CNR.
-
-
-
An overview about SEO - Search Engine Optimization
-
-
-
An deep dive on UX and UI - Dr. Alessia Gaia Russo
-
-
-
-
-
Consegna della prima parte della relazione: analisi dei competitor.
Nella prima pagina della relazione, specificate:
- nome
- cognome
- numero matricola
- corso di studi
- titolo del sito
- pubblico a cui è rivolto
- scopo
- indirizzo del sito creato
Scegliete almeno tre competitor e analizzate i loro siti in termini di design, funzionalità offerte , usabilità (chiarezza, completezza, accessibilità dai vari dispositivi, …).
-
Create two web pages in basic HTML, linked together (For example a page about you and a contact page, or a portfolio, or your hobbies, you pet, your holidays,...)
Each page should be created using semantic tag (as we did in class) and should contain a navigation menu and a footer.Please feel free to create the two pages as you like BUT be sure to include:
- a different title for each page
- a picture (of you or your pet, or whatever you want to share..)
- a video you like
- an audio you like
- an ordered list
- an unordered list
- a contact - form
- a table
- a button
No CSS requested for this assignment.
Please upload the two HTML files and a zip file containing media (images, audio and video) -
Crea ALMENO due pagine HTML + CSS in cui siano presenti
- alcune immagini e testi,
- almeno un form,
- almeno un link interno e uno esterno,
- almeno un pulsante,
- un menu di navigazione,
- un footer.
Ricorda che le pagine devono condividere lo stesso css (utilizza i selettori, classi e gli identificativi)
-
A website in WordPress and the related document describing the work - the template for the document is on AulaWeb at this link
The topic must be chosen by students, the site must be at least 4 pages, NO BLOG, NO eCommerce, NO VBLOG!!! etc
We already invited to discuss with us specific proposals as social network, reading groups, stylistic choice, etc. -
Please upload the certificate of attendance to have it evaluated - 4 points.
-