Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Narrativa pagina-web-welinton-burgos
1. Bachillerato técnico en Desarrollo y
administración de aplicaciones
informáticas.
Materia:
Diseñar portales web y recursos
multimedia.
Tema:
Desarrollo y Diseñar Pagina web, HTML
y Estructura
Prof: Welinton Burgos
Instituto Tecnológico San Ignacio de Loyola
[ITESIL]
HTML
2. Competencias o resultados
esperados a seguir.
• RA7.1: Determinar las herramientas de desarrollo web
para el diseño de la aplicación, utilizando lenguaje de
marca HTML y la estructura para crear a pagina web
según metodología definida y requerimientos de la
institución.
2
3. ¿Qué es pagina web?
Es un documento o información electrónica capaz de
contener texto, sonido, vídeo, programas, enlaces,
imágenes y muchas otras cosas, y que puede ser accedida
mediante un navegador web. Esta información se
encuentra generalmente en formato HTML o XHTML, y
puede proporcionar acceso a otras páginas web mediante
enlaces de hipertexto.
3
4. ¿QUÉ ES HTML?
El HTML (Hyper Text Markup Language). Estos
documentos pueden ser mostrados por los visores
de páginas Web en Internet, como Firefox,
Chrome o Microsoft Explorer.
Básicamente, HTML consta de una serie de
etiquetas, que indican al visor que se esté
utilizando, la forma de representar los elementos
(texto, gráficos, etc...) que contenga el
documento. La pagina se desarrollan con editores
de pagina web. Ejemplo
4
5. ¿Qué es HTML?
Las etiquetas de HTML pueden ser de dos tipos, cerradas o
abiertas.
Las etiquetas < “Menor que” y > “Mayor que ”
Las etiquetas cerradas incluyen el carácter / antes de la
palabra clave para indicar el final de la misma. Ejemplo
</html>
5
6. Estructura básica de HTML
Un documento escrito en HTML contendría
básicamente las siguientes órdenes:
6
<HTML> Indica el inicio del documento.
<HEAD> Inicio de la cabecera.
<TITLE> Inicio del título del documento.
</TITLE> Final del título del documento.
</HEAD> Final de la cabecera del documento.
<BODY> Inicio del cuerpo del documento.
</BODY> Final del cuerpo del documento.
</HTML> Final del documento.
7. La página web está compuesta
por:
HTML
7
CSS
JavaScript
Estructura
Contenido
Apariencia
Comportamiento
− Párrafos
− Encabezados
− Listas
− Tabla
− Capas
− Etc.
− Textos
− Imágenes
− Enlaces
− Colores
− Tipografía
− Alineación
− Fondo
− Tamaños.
− Efectos
− Validaciones
− Automatización
Diseño
de
página web.