TEMÁTICA. Páginas web // Lenguaje de Marcado HTML5
Los sitios web se pueden clasificar en dos tipos:
Sitios Web Estáticos: Se denomina sitio web estático a aquellos que no acceden a una base de datos para obtener el contenido. Por lo general un sitio web estático es utilizado cuando el propietario del sitio no requiere realizar un continuo cambio en la información que contiene cada página.
Sitios Web Dinámicos: Por el contrario los sitios web dinámicos son aquellos que acceden a una base de datos para obtener los contenidos y reflejar los resultados obtenidos de la base de datos, en las páginas del sitio web. El propietario del sitio web podrá agregar, modificar y eliminar contenidos del sitio web a través de un “sistema web”, generalmente con acceso restringido al público mediante usuario y contraseña, el cual se denomina BACK END.
Cada página web perteneciente al sitio web tiene como objetivo publicar contenido, y este contenido podrá ser visible o no al público.
Fuente: Google imagenes
Clasificación de Sitios Web
Clasificación de Sitios Web
Los sitios web se pueden clasificar en dos tipos:
Sitios Web Estáticos: Se denomina sitio web estático a aquellos que no acceden a una base de datos para obtener el contenido. Por lo general un sitio web estático es utilizado cuando el propietario del sitio no requiere realizar un continuo cambio en la información que contiene cada página.
Sitios Web Dinámicos: Por el contrario los sitios web dinámicos son aquellos que acceden a una base de datos para obtener los contenidos y reflejar los resultados obtenidos de la base de datos, en las páginas del sitio web. El propietario del sitio web podrá agregar, modificar y eliminar contenidos del sitio web a través de un “sistema web”, generalmente con acceso restringido al público mediante usuario y contraseña, el cual se denomina BACK END.
Fuente: Google
Fuente: Google imagenes
HTML:
HTML, sigla en inglés de HyperText Markup Language
(lenguaje de marcas de hipertexto), hace referencia
al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto,
imágenes, videos, juegos, entre otros. Es un estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Se considera el lenguaje web más importante siendo su invención crucial en la aparición, desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto en la visualización de páginas web y es el que todos los navegadores actuales han adoptado.
Fuente: Google
Fuente: Google imagenes
Vídeo 1:¿Que es una pagina web?
Vídeo 2: ¿Que es html?
ETIQUETAS APRENDIDAS EN ESTA GUÍA
<!doctype html>
|
Indicamos que es un documento HTML5, es lo primero en escribirse
|
<html></html>
|
Esta es la raíz de una página web, va al principio y al final
|
<head></head>
|
Contiene información del encabezado y las metas del documento
|
<title>Texto</title>
|
Contiene el título de la página, debe estar entre el <head></head>
|
<body>Texto</body>
|
Aquí va el contenido de la página (Texto, imágenes, Tablas, Vínculos)
|
<h1>Texto</h1>
|
Para encabezados (Va de <h1> hasta <h6> siendo éste el más pequeño)
|
<p>Texto</p>
|
Elemento que crea un párrafo
|
<hr>
|
Elemento que traza una línea horizontal
|
Experiencia guía 1
Aprendimos las etiquetas necesarias par el desarrollo y diseño de una pagina web usando el lenguaje html.
Primero tuvimos que crear una carpeta en documento con nuestro nombre posteriormente fuimos al bloc de notas y pusimos las etiquetas aprendidas en la guía. Después la guardamos en la carpeta creada anteriormente y ´por ultimo la abrimos mediante un navegador.
Compilación: guía 1
Fuente: Angie Mariana Luna
Experiencia: guía 2
Complementamos lo dejado en la anterior guía en el bloc de notas donde ponemos mas etiquetas que nos ayudan a las características de la pagina web.
Posteriormente guardamos y lo abrimos con un navegador el cual nos va a mostrar el resultado de todas las etiquetas que pusimos en nuestra pagina web.
Complicación: guía 2
Fuente: Angie Mariana Luna
Experiencia: guía 3
Continuando con lo dejado en la guía pasada en esta vemos "los atributos" usando para dar información adicional a una etiqueta y poder modificarlo
Experiencia: guía 3
Continuando con lo dejado en la guía pasada en esta vemos "los atributos" usando para dar información adicional a una etiqueta y poder modificarlo
Las etiquetas que conocemos y usamos en esta guía son:
<i>Texto</i> Coloca el texto en cursiva
<em>Texto</em> Cursiva para marcar texto importante.
<b>Texto</b> Coloca el texto en negrilla
<strong>Texto</strong> Negrilla para marcar texto importante.
<u>Texto</u> Coloca texto subrayado
<ins>Texto</ins> coloca texto nsertado
<s>Texto</s> Coloca el texto tachado
<del>Texto</del> coloca el texto eliminado
Los atributos aprendidos en esta guía son:
tittle:"nuevo" Atributo que agrega un tooltip a los elmentos
color:"blue"Atributo que agrega un color al elemento
width:"400" Atributo que agrega un ancho a los elementos
size: "S" Atributo que agrega una talla a los elementos.
Copilacion guia 3
Fuente: Angie Mariana Luna
No hay comentarios:
Publicar un comentario