MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

Marcatge d'una carta

This translation is incomplete. Please help translate this article from English.

Tots aprenem a escriure una carta, tard o d'hora; També és un exemple útil per posar a prova les vostras habilitats de format de text! En aquesta avaluació se us donarà una carta per al seu marcatge per posar a prova les habilitats bàsiques i avançades de format de text HTML, incloent hipervincles, a més provareu la vostra familiaritat amb alguns continguts HTML <head>.

Requisits Previs: Abans de procedir a aquesta avaluació ja hauríeu d'haver treballat Inici en HTML, Què hi ha en el head? Metadades in HTML, fonaments de text HTML, Crear hipervincles, i format de text avançat.
Objectiu: Provar el format bàsic i avançat de text HTML i habilitats en hipervincles, i el coneixement del que succeeix en el codi HTML <head>.

Punt de partida

Per obtenir aquesta avaluació inicial, cal anar i agafar el text sense format que necessiteu per marcar, i el CSS que cal incloure en el codi HTML. Crear un nou arxiu .html amb el vostre editor de text per treballar-ho (o, alternativament, utilitzar un lloc com JSBin o Thimble per fer la avaluació.)

Resum del projecte

Per a aquest projecte, la tasca consisteix a marcar una carta que ha de ser allotjada en una intranet de la universitat. La carta és una resposta d'un investigador a un futur estudiant doctorat sobre la seva sol·licitud per treballar a la universitat.

Bloc/semàntica estructural:

  • S'ha d'estructurar el document general amb una estructura adequada que inclogui doctype, i els elements <html>, <head> i <body>.
  • La carta, en general, s'ha de marcar amb una estructura de paràgrafs i encapçalats, amb l'excepció dels següents punts. Hi ha un encapçalat de nivell superior (el "Re:" línia) i tres encapçalats de segon nivell.
  • Les dates d'inici del semetre, els temes d'estudi i balls exòtics han de ser marcats utilitzant un tipus de llista apropiat.
  • Les dues direccions només es poden posar dins dels paràgrafs, o es pot utilitzar l'element <address> de manera apropiada; cada línia de la direcció ha de seure en una nova línia, però no ha d'estar en un nou paràgraf.

Semàntica en línia:

  • S'ha de marcar el contingut del cos amb elements apropiats:
  • Els noms del remitent i receptor (i "Tel" i "Email") han de ser marcats amb una forta (strong) importància.
  • Les quatre dates en el document han de tenir els elements adequats que continguin dates llegibles per la màquina.
  • La primera direcció i la primera data en la carta se li ha de donar un valor d'atribut class de "receiver-column"; la CSS s'afegirà més tard, fent que aquests siguin alineats a la dreta, com hauria de ser en el cas d'un disseny de lletres clàssiques.
  • Els cinc acrònims/abreviatures en el text principal de la carta s'han de marcar per proporcionar expansió de cada acrònim/abreviatura.
  • Els sis sub/superíndexs han d'estar marcats de forma apropiada.
  • Els símbols de grau, major que i multiplicació han de ser marcats usant les referències a entitats apropiades.
  • Intentar marcar almenys dues paraules apropiades en el text amb una forta (strong) importància/èmfasi.
  • Hi ha dos llocs en què s'ha d'afegir un hipervincle; afegir enllaços adequats amb els títols. Per la ubicació que els enllaços apunten, només s'ha d'utilitzar http://example.com.
  • La cita del lema de la universitat i la citació s'han de marcar amb elements apropiats.

La capçalera del document:

  • El conjunt de caràcters del document s'ha d'especificar com UTF-8 utilitzant la etiqueta meta apropiada.
  • L'autor de la carta ha de ser especificat en una etiqueta meta apropiada.
  • El CSS proporcionat ha de ser inclòs dins d'una etiqueta propiada.

Consells i suggeriments

  • Utilitzar el validador de W3C HTML per validar el codi HTML; obtindreu punts de bonificació si es valida.
  • No es necessita saber res de CSS per fer aquesta avaluació; només s'ha de posar el CSS, proporcionat, a l'interior d'un element HTML.

Exemple

La següent captura de pantalla mostra un exemple del que la carta podria ser després del seu marcat.

Evaluació

Si esteu seguint aquesta avaluació com a part d'un curs organitzat, heu de ser capaços de donar al vostre treball al vostre professor/tutor per qualificar-vos. Si sou d'auto-aprenentatge, llavors podeu obtenir la guia de qualificació, amb molta facilitat, preguntan a la llista de correu dev-mdc o al canal IRC #mdn en Mozilla IRC. Proveu el primer exercici - no hi ha res a guanyar amb trampa!

Document Tags and Contributors

 Contributors to this page: Legioinvicta
 Last updated by: Legioinvicta,