En èpoques d'engany com ara, dir la veritat és revolucionari. Front el feixisme, ni un pas enrere! Viure sense llibertat, no és viure, és sobreviure.
Aquest és un projecte, on a partir de tres pràctiques, aprendreu algunes instruccions del llenguatge HTML, també utilitzareu els CSS i per últim, penjareu el vostre web a Internet.
Les pràctiques d'aquest projecte estaran basades en un viatge per una ciutat.
Qualificacions de les pràctiques:
Sense fer els apartats extres, la nota màxima de les pràctiques és AN.
20% Pràctica 1.
30% Pràctica 2.
50% Prova de Consolidació
La presentació polida de les feines, l'actitud vers la feina, l'actitud a l'aula, el mal ús dels ordinadors o del mobiliari, els retards d'assistència, els retards a l'entrega, etc afecten negativament a valoració.
B1, Setmana del 17 de novembre.
B2, Setmana del 17 de novembre.
B3, Setmana del 17 de novembre.
(Pràctica Individual)
0.- En aquesta pràctica treballareu:
Disseny de la pàgina web index.html.
Crear els estils de la pàgina index.html.
Utilitzar un programa FTP.
1.- Recerca i anàlisi:
Cerqueu en Internet webs relacionades amb viatges que us serveixi d'inspiració per crear la pàgina web. Observeu quins elements formen la pàgina web. Per exemple: Barcelona turisme
2.- Aplicació:
2.1.- Utilitzant el Canva, Procreate o qualsevol altre programa, dibuixeu un esbós dels elements (caixes, colors, text, títols, imatges, imatges de fons, vídeos, menús, carrusel d'imatges, enllaços a altres pàgines, etc) que es mostraran dins de la pàgina index.html.
2.2.- A l'escriptori de l'ordinador, creeu les carpetes, subcarpetes i arxius que podeu veure a la imatge de la dreta. (Epp! Tot en minúscules i sense accents)
2.3.- Atenció, en aquesta pràctica només creareu l'estructura de les caixes i els estils, NO INCLOUREU ELS CONTINGUTS.
2.4.- Canvieu el nom de la pestanya de la pàgina web i ha d'estar relacionat amb el vostre web. Per exemple, "Barcelona Tours".
Crear carpetes: 0:30-1:45
Editor de text: 1:45-2.20
Crear la pàgina index.html: 2:20-6:37
Com crear carpetes i la pàgina index.html
Carpetes i index.webm2.5.- Dins del full d'estils estils.css programeu els estils necessaris per aconseguir una estructura igual o similar a la pàgina index.html que heu dibuixat a l'esbós.
Com crear estils
Estils.webmExtra per assolir l'Excel·lent:
3.- Ara penjareu el vostre web a l'FTP de les pràctiques:
Si teniu dubtes Cliqueu aquí per veure el manual d'instal·lació del FileZilla i com penjar la pàgina web.
Al FileZilla, arrossegueu la carpeta cognom_nom_pweb que heu creat a l'escriptori de l'ordinador fins a la carpeta pweb/bX que trobareu al FileZilla.
4.- Un cop pujada la pàgina web al servidor de pàgines web comproveu que es visualitza correctament i enganxeu l'enllaç a la Plataforma.
http://www.ipsi.cat/practiques4t/pweb/bX/nomcarpeta/index.html
Per exemple:
https://www.ipsi.cat/practiques4t/pweb/b3/claudia_carpio/index.html
https://www.ipsi.cat/practiques4t/pweb/b1/nuria_anglada/index.html
Com penjar la web a Internet
ftp.webmConfiguració: 0:00-2:60
Penjar el web: 2:60-3:50
Veure l'adreça 3:50-6:15
Data de lliurament de la pràctica 1:
Data d'entrega 07/11/2025.
(Pràctica Individual)
0.- En aquesta pràctica treballareu:
Inserir continguts dins la pàgina index.html.
Conèixer el llenguatge HTML i els estils CSS.
1.- Recerca i anàlisi:
Cerqueu la informació que utilitzareu per crear la pàgina index.html per presentar el vostre viatge.
2.- Aplicació:
A partir de l'esbós que heu creat en la pràctica 1, ompliu d'informació la pàgina index.html.
Inseriu un Google Maps que mostri els llocs que esteu visitant.
Inseriu la previsió del temps de la població que esteu visitant.
Inseriu un menú que permeti accedir a pàgines web externes que aportin informació addicional a la pàgina web que heu creat.
Body.webmImatge de fons: 0:40-3:48
Color de fons: 3:48-6:55
Tipus de lletres: 6:55-9:47
3.- Pengeu la pàgina web dins de l'FTP de les pràctiques.
Extra per assolir l'Excel·lent:
Crear una segona pàgina web que anomenareu pagina1.html que ampliï la informació d'un dels llocs que visiteu.
Data de lliurament de la pràctica 2:
Data d'entrega 14/11/2025.