CÁPSULA – TALLER TIC NIVEL 3
EL rol del profesor en una plataforma Moodle
El lenguaje HTML
18 de 18
0%

El lenguaje HTML

Copiar contenido de un procesador de texto

  • Escribe un texto simple con algo de formato en un procesador de textos, algo similar a esto:

El baloncesto

El baloncesto es un deporte grupal, cuyo objetivo consiste en introducir un balón en un aro.

  • Copia el texto del procesador y pégalo en un recurso de tipo página web, en tu plataforma Moodle. Observa el código generado. Aquí se muestra sólo un fragmento de ese código:

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><meta content="Word.Document" name="ProgId" /><meta content="Microsoft Word 12" name="Generator" /><meta content="Microsoft Word 12" name="Originator" /><link href="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_filelist.xml" rel="File-List" /><!--[if gte mso 9]><xml>

<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>72</o:PixelsPerInch>
<o:TargetScreenSize>1024x768</o:TargetScreenSize>
</o:OfficeDocumentSettings>
</xml><![endif]--><link href="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_themedata.thmx" rel="themeData" /><link href="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_colorschememapping.xml" rel="colorSchemeMapping" /><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>

</xml><![endif]--><style> &lt;!-- /* Font Definitions */ @font-face {font-family:&quot;Cambria Math&quot;; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-1610611985 1107304683 0 0 159 0;} @font-face {font-family:Cambria; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-1610611985 1073741899 0 0 159 0;} @font-face {font-family:Tahoma; panose-1:2 11 6 4 3 5 4 4 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-520082689 -1073717157 41 0 66047 0;} @font-face {font-family:&quot;Tekton Pro Ext&quot;; panose-1:0 0 0 0 0 0 0 0 0 0; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-format:other; mso-font-pitch:variable; mso-font-signature:7 1 0 0 147 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:&quot;&quot;; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:0cm; mso-pagination:widow-orphan; font-size:11.0pt; mso-bidi-font-size:12.0pt; font-family:&quot;Tahoma&quot;,&quot;sans-serif&quot;; mso-fareast-font-family:Cambria; mso-bidi-font-family:&quot;Times New Roman&quot;; mso-ansi-language:ES-TRAD; mso-fareast-language:EN-US;} p {mso-style-priority:99; mso-style-unhide:no; mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; font-size:11.0pt; mso-bidi-font-size:12.0pt; font-family:&quot;Times New Roman&quot;,&quot;serif&quot;; mso-fareast-font-family:&quot;Times New Roman&quot;;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:10.0pt; mso-ansi-font-size:10.0pt; mso-bidi-font-size:10.0pt; mso-ascii-font-family:Cambria; mso-fareast-font-family:Cambria; mso-hansi-font-family:Cambria;} @page WordSection1 {size:612.0pt 792.0pt; margin:70.85pt 3.0cm 70.85pt 3.0cm; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.WordSection1 {page:WordSection1;} --&gt; </style><!--[if gte mso 10]>

  • La primera acción que se puede realizar con un texto así es pulsar el botón Limpiar Word HTML:

botón Limpiar Word HTML

  • Después, será recomendable eliminar los encabezados que determinan el formato de acuerdo al texto original, es decir, todo el código hasta llegar al contenido:

Código a eliminar

  • Luego se podrá observar el código para buscar errores o elementos innecesarios:

Vista de código

Algunos ejemplos:

  • Usar <h1> para el encabezado.

  • Reemplazar códigos incorrectos como <i> (forma antigua de utilizar las cursivas) por <em> (cursiva).

  • Si los hubiese, quitar los <span style=…> utilizados para determinar un estilo de letra. De esa manera se utilizará la fuente determinada por el diseño de la plataforma.

El resultado de la limpieza sería:

<h1> El baloncesto </h1>

<p> El <strong> baloncesto </strong> es un deporte grupal, cuyo objetivo consiste en introducir un balón en un <em> aro </em>.</p>

Ayuda

ayuda
  1. Menú izquierdo (en orden de arriba a abajo): icono página principal del curso (home), icono tamaño de la fuente, icono impresión del módulo, icono acceso a la ayuda e icono índice del contenido.
  2. Barra nombre del material y título de la sección actual.
  3. Flechas de navegación (página siguiente o anterior).
  4. Espacio para el contenido.

Autor:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Paradigma

Conjunto cuyos elementos pueden aparecer alternativamente en algún contexto especificado.
Inicio
Disminuir tamaño de letra
Aumentar tamaño de letra
Ayuda
Anterior
Siguiente
Apartados
Debes visitar los apartados anteriores antes de visitar éste