Introducción a la edición de

recursos con código HTML

Introducción a la edición de
recursos con código HTML
Practicas Pedagógicas
Objetivo

Orientar a los instructores de formación

complementaria, titulada virtual y a distancia
sobre las acciones técnico-pedagógicas a
efectuar durante el proceso formativo
desarrollado en la plataforma institucional
(Territorium).
Metodología

• Instalación y registro de asistencia.

• Presentación de la temática.
• Atención a la inquietudes.
Generalidades

Conceptos y Condicionar
Reconocimiento plantilla en
de código HTML Código HTML

Publicar
Editar o Crear
plantilla en
plantilla
Anuncios
Código HTML

¿Qué es código HTML?

Hyper Text Markup Language
Lenguaje de marca de hipertextos

• Crear Paginas Web

• Insertar Texto
• Insertar Imágenes
• Insertar Videos
• Insertar enlaces o hipervínculos
Código HTML

¿Dónde escribir código HTML?

Bloc de Notas
Word

Procesador de Texto Editor de Texto o Archivo Plano (txt)

Word Bloc de Notas - Notepad++
Lenguaje de Marca (Etiquetas)

¿Qué es una ETIQUETA?

Conjunto de símbolos que permiten crear y
organizar una pagina Web

< etiqueta > Apertura de la Etiqueta

</ etiqueta > Cierre de la Etiqueta

Lenguaje de Marca (Etiquetas)

Crear secciones o contenedores

Etiqueta <div>
< div >
Contenido de texto, imágenes, tablas e hipervínculos
</div >

<div>
Imagen
</div>

<div>
Texto
</div>
 Lenguaje de Marca (Etiquetas)

Etiqueta <div>

< div >

Contenido de la imagen
Bienvenida
<div>
Contenido del Texto Cordial saludo, apreciados Aprendices, es un place para i como su tutora
darle en nombre del Servicio Nacional de Aprendizaje SENA, una calurosa
</div> bienvenida a su programa de formación.
El Curso inicia el 1 de abril y cierre definitivo el 30 de abril, tiene una
</div > duración de 40 horas (se recibirán evidencias hasta el 28 de abril).

Los invito a interactuar en los foro denominados Foro Social (este es un

espacio de presentación y de interacción con todos los aprendices y tutora)
y Foro de Dudas (Este es el espacio para resolver inquietudes presentadas
en el proceso del desarrollo del curso)
Lenguaje de Marca (Etiquetas)

Insertar párrafo de texto

Etiqueta <p>
< p > Servicio Nacional de Aprendizaje SENA </p >

Resultado:

Servicio Nacional de Aprendizaje SENA

Lenguaje de Marca (Etiquetas)

Insertar Salto de Línea

Etiqueta <br>
<p>
Servicio Nacional de Aprendizaje SENA <br>
Equipo de Ejecución de la Formación
</p >

Resultado:
Servicio Nacional de Aprendizaje SENA
Equipo de Ejecución de la Formación
Lenguaje de Marca (Etiquetas)

Crear un Hipervínculo

Etiqueta <a>
< a href = "https://sena.territorio.la/cms/index.php/videos-instructivos" > AQUI </a >

Resultado:

AQUI
Lenguaje de Marca (Etiquetas)

Insertar una imagen

Etiqueta <img>
< img src = “https://archivos.territorio.la/fotos/clases/5e591e346a52f.png“ />

Resultado:
Lenguaje de Marca (Etiquetas)

Insertar una imagen

Etiqueta <img>
< img src = “logoSena.jpg“ alt= width="250" height="250" "logo Sena"/>

width Ancho
Resultado:
height Alto
px Pixeles
left Izquierda
top Arriba
¿Cómo convertir una imagen en HTML?

Código HTML
 ¿Cómo convertir una imagen en HTML?

Antes

Bienvenida
Cordial saludo, apreciados Aprendices, es un place para i como su tutora darle en nombre del
Servicio Nacional de Aprendizaje SENA, una calurosa bienvenida a su programa de formación.
El Curso inicia el 1 de abril y cierre definitivo el 30 de abril, tiene una duración de 40 horas (se
recibirán evidencias hasta el 28 de abril).

Los invito a interactuar en los foro denominados Foro Social (este es un espacio de
presentación y de interacción con todos los aprendices y tutora) y Foro de Dudas (Este es el
espacio para resolver inquietudes presentadas en el proceso del desarrollo del curso)
Después
¿Cómo convertir una imagen en HTML?
Identificar la imagen…
 ¿Cómo convertir una imagen en HTML?

Cortar y guardar la imagen con la herramienta de RECORTES

¿Cómo convertir una imagen en HTML?

Administrador de Archivos.
Abrir la imagen en Paint…
¿Cómo convertir una imagen en HTML?
Limpiar texto con Herramienta de Paint
¿Cómo convertir una imagen en HTML?

Identificar el icono de Borrador…

¿Cómo convertir una imagen en HTML?
Imagen limpia de texto
¿Cómo crear una imagen propia?
Creación de imagen en Power Point
 Subir plantilla al servidor Territorium

LMS
Territorium
Anuncios
 Subir plantilla al servidor Territorium

LMS Territorium
Anuncios
 Subir plantilla al servidor Territorium

LMS
Territorium
Anuncios
 Subir plantilla al servidor Territorium

LMS Territorium
Anuncios
URL de imagen o plantilla

LMS Territorium
Anuncios

https://archivos.territorio.la/archivos/clases/Banner3___885f27a91a6c243___.png
Plantilla cargada al servidor Territorium

LMS Territorium
Anuncios
Código HTML de plantilla

LMS Territorium
Anuncios
Plantilla publicada a la comunidad

LMS Territorium
Anuncios Cordial saludo, apreciados Aprendices, es un placer para mi como su
tutora darle en nombre del Servicio Nacional de Aprendizaje SENA, una
calurosa bienvenida a su programa de formación.
El Curso inicia el 1 de abril y cierre definitivo el 30 de abril, tiene una
duración de 40 horas (se recibirán evidencias hasta el 28 de abril).

Los invito a interactuar en los foro denominados Foro Social (este es un

espacio de presentación y de interacción con todos los aprendices y
tutora) y Foro de Dudas (Este es el espacio para resolver inquietudes
presentadas en el proceso del desarrollo del curso)

Instructor Humberto Amaya Alvear Centro Agroempresarial y Minero

Regional Bolívar
Plantilla publicada a la comunidad

LMS Territorium
Anuncios Cordial saludo, apreciados Aprendices, es un placer para mi
como su tutora darle en nombre del Servicio Nacional de
Aprendizaje SENA, una calurosa bienvenida a su programa de
formación.
Inicio el 1 de abril 2020.
Cierre el 30 de abril 2020.
Duración de 40 horas (se recibirán evidencias hasta el 28 de
abril).
Los invito a interactuar en los foro denominados Foro Social
(este es un espacio de presentación y de interacción con todos
los aprendices y tutora) y Foro de Dudas (Este es el espacio para
resolver inquietudes presentadas en el proceso del desarrollo del
curso)
Instructor Humberto Amaya Alvear Centro Agroempresarial y Minero
Regional Bolívar
 Navegación Guía AVA Versión 04

CompromISO Guía Interactiva

http://compromiso.sena.edu.co/documentos/vista/descarga.php?id=3133 https://ejecuciondelaformacion.sena.edu.co/acompanamiento/
guiainteractiva/