Sol·licita informació
Campus
Online i sense horari
Matrícula oberta

Assignatura Online d'HTML i CSS

Presentació

En el panorama actual, el suport en què arriben a l'usuari la majoria de productes multimèdia és el web. Per tant, és essencial dominar els diferents aspectes de la creació de pàgines web, començant pels llenguatges que componen el web: HTML per al contingut, CSS per a la presentació, JavaScript per al comportament i els diferents llenguatges de programació de servidor i gestors de bases de dades per a la creació d'aplicacions.
Matrícula oberta

No et perdis les nostres assignatures lliures!

Assignatures lliures

Coneix la metodologia UOC amb assignatures de graus i màsters universitaris.

En aquesta assignatura es tracten els dos primers aspectes: els llenguatges HTML i CSS.
  • Inici

    18 febr. 2026

  • Online

    100%

  • Idiomes: Català, Castellà

  • Preu: 432 €

Matricula't

Metodologia 100% online

1a. universitat online del món

Acompanyament personalitzat

Assignatura d'HTML i CSS

Continguts

Continguts

Introducció i conceptes bàsics

  • Introducció al currículum d'estàndards web / continguts
  • La història d'internet i el web i l'evolució dels estàndards web
  • Com funciona internet?
  • El model d'estàndards web: HTML, CSS i JavaScript
  • Estàndards web: un somni bonic, però quina és la realitat?
  • Arquitectura de la informació: planificació d'un web
  • Què necessita una bona pàgina web

Fonaments d'(X)HTML i CSS

  • Conceptes bàsics d'HTML
  • L'element de l'HTML
  • Escollir el doctype correcte per als documents HTML
  • Etiquetar contingut textual en HTML
  • Conceptes bàsics de CSS
  • Herència i cascada
  • Creació d'estils de text amb CSS
  • Construcció de l'esquelet d'una pàgina web

Llistes, imatges, enllaços, div, span i el model de caixes

  • Llistes HTML
  • Imatges en HTML
  • Enllaços HTML:

Continguts


Introducció i conceptes bàsics

  • Introducció al currículum d'estàndards web / continguts
  • La història d'internet i el web i l'evolució dels estàndards web
  • Com funciona internet?
  • El model d'estàndards web: HTML, CSS i JavaScript
  • Estàndards web: un somni bonic, però quina és la realitat?
  • Arquitectura de la informació: planificació d'un web
  • Què necessita una bona pàgina web

Fonaments d'(X)HTML i CSS

  • Conceptes bàsics d'HTML
  • L'element de l'HTML
  • Escollir el doctype correcte per als documents HTML
  • Etiquetar contingut textual en HTML
  • Conceptes bàsics de CSS
  • Herència i cascada
  • Creació d'estils de text amb CSS
  • Construcció de l'esquelet d'una pàgina web

Llistes, imatges, enllaços, div, span i el model de caixes

  • Llistes HTML
  • Imatges en HTML
  • Enllaços HTML: construïm un web!
  • Imatges de fons en CSS
  • Estils de llistes i enllaços
  • Contenidors genèrics: els elements div i span
  • El model de composició de CSS: caixes, vores, marges, farciment 
  • Combinacions de color i models de disseny

Validació i accessibilitat

  • Validar l'HTML
  • Conceptes bàsics d'accessibilitat
  • Proves d'accessibilitat

Taules

  • Taules HTML
  • Estils de les taules
  • La tipografia al web

Formularis

  • Formularis HTML: conceptes bàsics
  • Disseny, composició i presentació de formularis amb CSS 
  • Elements semàntics menys coneguts

"Layout"

  • Creació de múltiples pàgines amb menús de navegació
  • Elements flotants i clearing
  • Posicionament estàtic i relatiu amb CSS
  • Posicionament absolut i fix amb CSS 
  • Encapçalaments, peus, columnes i plantilles

Objectius i competències

Objectius

  • Comprendre la necessitat de la utilització dels estàndards web i els avantatges del seu ús.
  • Crear pàgines web d'acord amb els estàndards.
  • Assegurar l'aplicació correcta de les normes i millors pràctiques d'accessibilitat.

Competències

  • Capacitat per crear i dissenyar els elements gràfics i visuals d'un producte o aplicació multimèdia usant procediments creatius, fonaments bàsics del disseny i un llenguatge formal.
  • Capacitat per utilitzar de manera apropiada els llenguatges de programació i les eines de desenvolupament per a l'anàlisi, el disseny i la implementació d'aplicacions.
  • Capacitat d'organitzar i gestionar la informació fent servir tecnologies de bases de dades, llenguatges i models estàndard.
  • Capacitat per integrar i gestionar continguts digitals en aplicacions multimodals d'acord amb criteris estètics, tècnics i funcionals.

Objectius i competències


Objectius

  • Comprendre la necessitat de la utilització dels estàndards web i els avantatges del seu ús.
  • Crear pàgines web d'acord amb els estàndards.
  • Assegurar l'aplicació correcta de les normes i millors pràctiques d'accessibilitat.

Competències

  • Capacitat per crear i dissenyar els elements gràfics i visuals d'un producte o aplicació multimèdia usant procediments creatius, fonaments bàsics del disseny i un llenguatge formal.
  • Capacitat per utilitzar de manera apropiada els llenguatges de programació i les eines de desenvolupament per a l'anàlisi, el disseny i la implementació d'aplicacions.
  • Capacitat d'organitzar i gestionar la informació fent servir tecnologies de bases de dades, llenguatges i models estàndard.
  • Capacitat per integrar i gestionar continguts digitals en aplicacions multimodals d'acord amb criteris estètics, tècnics i funcionals.
  • Conèixer els llenguatges de marcatge i les tecnologies per manipular-los.
  • Ser capaç d'organitzar el contingut i dissenyar la interacció (arquitectura de la informació, guions, hipertext, hipermèdia).
  • Tenir coneixements de percepció visual, composició (cognició, emoció i atenció).

Recursos per a l'aprenentatge

Responsive Web Design. Wiki

Web

Vídeo de presentació de l'assignatura

Audiovisual

H2PAC

Web

Elements flotants i clearing

Audiovisual

Currículum d'estándards Web Opera

PDF
Assignatura d'HTML i CSS

Professorat

Assignatura d'HTML i CSS

Requisits d'accés

Requisits previs

Aquesta assignatura no requereix coneixements previs.

Requisits tecnològics

  • Ordinador amb arquitectura Intel/AMD de 64 bits, 8 GB mínim de memòria i 40-80 GB d'espai de disc lliures. 
  • Sistema operatiu: preferiblement Windows 11 (o 10, però caducarà el 2025) i/o GNU/Linux (Ubuntu, Fedora, Debian). Es pot tenir qualsevol dels dos, un com a sistema operatiu principal i l'altre virtualitzat (per exemple, mitjançant VirtualBox). 
  • Per a ordinadors Apple MacOS amb Apple Silicon (M1/M2), l'estudiantat ha de ser conscient que no podrà fer servir bona part del programari docent. Es recomana disposar d'un ordinador amb un sistema alternatiu.

 

Titulació

El seguiment i la superació de les assignatures cursades porta a l'obtenció d'un certificat de la UOC. Aquest document permetrà la convalidació -o reconeixement- amb les assignatures dels estudis universitaris de la UOC sempre que es reuneixin els requisits previs determinats.

La UOC, la millor universitat online

  • Rànquing CYD
    La universitat online més ben valorada

    La UOC és la universitat en línia més ben valorada de l'Estat pel rànquing CYD 2025.

  • Rànquing THE
    La millor universitat online

    La UOC és la universitat en línia de l'Estat més ben posicionada al rànquing THE World University Rankings 2025.

  • Rànquing CWUR
    Entre les millors universitats del món

    La UOC està en el 7 % de les millors universitats del món, segons el World University Rankings 2025 (CWUR).

Assignatura d'HTML i CSS

Matrícula i preu

Procés de matrícula

Emplena el formulari de matrícula del curs concret que t'interessa, que trobaràs a la part inferior de la pàgina.

Campus Virtual

Un cop sol·licitat l'accés, rebràs un nom d'usuari i una contrasenya que et permetran accedir al Campus Virtual, on trobaràs tota la informació i els recursos que et poden ser necessaris.

Tutoria

Un cop al Campus Virtual, tindreu accés al suport permanent de tutoria que us assessorarà i orientarà en l'elecció d'assignatures, d'acord amb el bagatge acadèmic previ que teniu, els vostres interessos i el temps de què disposeu.

Espai de tràmits

El Campus Virtual disposa d'un espai de tràmits on podreu consultar i gestionar totes les qüestions de caràcter acadèmic, com ara matricular-vos, consultar les formes de pagament i descomptes disponibles, demanar una beca o convalidar els estudis anteriors.

Quan et pots matricular?

A la UOC et pots matricular en dos moments diferents de l'any. Trieu l'opció que millor s'adapti a les vostres necessitats. Consulta el termini de matriculació i l'inici de curs a la pàgina dels estudis que t'interessin cursar.

Matriculació a partir de l'abril

per començar el curs al setembre o octubre

Matriculació a partir de l'octubre

per començar el curs al febrer o març

El preu d'aquest programa serà el vigent en el moment de formalitzar la matrícula. Subjecte a revisió anual.
Concepte Preu
Preu del curs
432 €
  • Facilitats econòmiques

  • Descomptes per a matrícula anticipada

  • Pagament fraccionat en quotes

  • Beques, ajuts i descomptes

  • Condicions especials per a empreses

  • Suport a esportistes de competició

Informa-te'n

122.750 graduats i graduades

89 % d'estudiants que estudien i treballen

79 % tornaria a escollir la UOC

Formes de pagament

El pagament dels cursos es fa amb targeta.

  1. TPVV: pagament amb una targeta de crèdit o de dèbit de qualsevol entitat financera, mitjançant el TPVV (terminal de punt de venda virtual) de «la Caixa».

Informació sobre el desistiment de matrícula

Descomptes

La UOC ofereix un seguit de descomptes. Si et pots acollir a algun, caldrà que en el moment de fer la matrícula el triïs en el desplegable de l'apartat Descomptes. En cas que et puguis acollir a més d'un, hauràs de triar el més beneficiós.

L'estudiantat beneficiari del títol de família nombrosa reconegut per la resta de països té dret als descomptes següents, en funció de la categoria:

  • Famílies nombroses de categoria especial: descompte del 15% sobre els preus dels recursos per a l'aprenentatge i els serveis de suport a l'aprenentatge.
  • Famílies nombroses de categoria general: descompte   del 7,5% sobre els preus dels recursos per a l'aprenentatge i els serveis de suport a l'aprenentatge.

Els estudiants amb un grau de discapacitat igual o superior al 33% reconegut per l'Estat espanyol, o el grau equivalent per qualsevol altre país, tenen dret a un descompte del 15%.

Els estudiants (o els seus fills o cònjuges) que hagin estat reconeguts com a víctima d'actes terroristes per l'organisme competent en l'Estat espanyol, o de qualsevol altre país, tenen dret a un descompte del 15%.

Els estudiants (i els seus fills o filles dependents) que hagin estat reconeguts com a víctima de violència de gènere , per l'organisme competent en l'Estat espanyol, o de qualsevol altre país, tenen dret a un descompte del 15%.

 

  • UOC Alumni: 10% de descompte

Pots obtenir aquest descompte si has obtingut un títol oficial (de grau, llicenciatura, diplomatura, enginyeria o màster universitari) o un màster o postgrau propi a la UOC.

  • Descomptes per a empreses

Si la teva empresa o organització té un acord amb la UOC, podràs beneficiar-te de descomptes i avantatges a la teva matrícula.

Consulta les condicions dels descomptes per empreses

L'estudiantat considerat esportista de competició té dret a un descompte sobre l'import de la matrícula.

+ Consulta la informació del programa

Formació contínua UOC

Marina, Cristina i Isaac: tres històries inspiradores

 

Tres estudiants de la UOC ens expliquen com aconsegueixen els seus reptes estudiant amb nosaltres.

Deixa't inspirar per aquestes càpsules breus en què la Marina, la Cristina i l'Isaac arriben a la conclusió que formar-se sempre és una bona idea.

Marina, estudiant de la UOC video link
19s
"Jo pensava que no podria amb tot, però ara estic molt contenta!"

Marina, estudiant de la UOC

Cristina, estudiant de la UOC video link
17s
"Els anys passen, però sempre et pots reinventar, oi?"

Cristina, estudiant de la UOC

Isaac, estudiant de la UOC video link
19s
"Si això no és evolució, digue'm què ho és."

Isaac, estudiant de la UOC

Marina, estudiant de la UOC video link
19s
"De no saber què estudiar a descobrir la meva vocació! Fort, eh?"

Marina, estudiant de la UOC

Cristina, estudiant de la UOC video link
17s
"Quan canvies la mirada, veus tot el que et queda per aprendre."

Cristina, estudiant de la UOC

Isaac, estudiant de la UOC video link
19s
"Quan estudies online, és fonamental no sentir-te sol."

Isaac, estudiant de la UOC

Vols més informació?

Envia les teves dades i rebràs informació d'aquest programa i relativa a productes, serveis i activitats promocionals de la UOC.

Gènere
En quin idioma desitges rebre la informació?
logo uoc

En vols saber més?

Envia'ns les teves dades i descobreix tot el que vols saber.

Sol·licita informació