Detras del Codigo: 2020

lunes, 26 de octubre de 2020

Pagina web y Blog

Videos

¿Qué elementos componen una página web?

Diferencia entre páginas web estáticas y dinámicas

Elementos de la pagina web

Dominio: El dominio web de un sitio web es el equivalente de una dirección física en el cual se encuentra la pagina web

Host: El host es el equivalente al terreno donde puede estar ubicado un sitio. en este caso el host el el lugar donde se almacena toda nuestra pagina web

Programación: es la constitución de la pagina web el cual se hace por medio de códigos tales como HTML Javascript CCS entre otros

Diseño: Es la parte gráfica de la pagina el cual es la que vemos al visitar cualquier pagina.

Que es un Servidor web?

*/**

*Video realizado en RenderFores - **Cancion empleada: Pompeii by bastille

Que es un blog?

Un blog es un sitio web en el que se publica información por cada cantidad de tiempo en forma de articulos o POSTS ordenados pir fechas para que el post mas reciente aparezca primero.

Caracteristicas:

+ los articulos pueden contener varios tipos d archivos tales como imagenes, audios, videos, etc.

+ el blog proporciona una interfaz para administrar los contenidos y moderar comentarios de los lectores.

+los articulos tienen un orden cronologico mostrando lo mas reciente primero

Un blog sirve para varios objetivos, desde promocionar algun producto o servicio hasta encontrar trabajo, cada blog tiene una funcionalidad diferente con respecto al tema que trata y la información que se trabaja en un blog.

Para mas información visitar Mi Posicionamiento Web

viernes, 16 de octubre de 2020

HTML

El HTML es un lenguaje de edición para la creación de páginas web que nos permite definir por medio de etiquetas la estructura basica y en si la definición del contenido de la pagina por medio de codigos. Estos pueden ser imagenes, textos, videos, juegos etc.

Los elementos del HTML tienen 2 propiedades basicas: Atributos y contenido. Un elemento tiene generalmente una etiqueta de inicio (<nombre-del-elemento>) y una etiqueta de cierre (</nombre-del-elemento>). los atributos estan contenidos en la etiqueta inicial y el contenido está ubicado en la mitad de las 2 etiquetas

<Nombre-de-elemento atributo="valor"> este es el contenido </nombre-de-elemento>

Rojo Etiqueta

Azul Atributo

Verde Contenido

Para realizar un documento HTML es necesario un editor de texto como por ejemplo el bloc de notas de windows, pero tambien es utilizado programas como Notepad++, Adobe Dreamweaver, sublime text entre otros.

Etiquetas Basicas del HTML

<html>: esta etiqueta define el inicio del documeto e indica al navegadir web que lo que viene a
continuación es interpretado en codigo HTML

<head> Define la cabecera del documento. por lo general dentro de dicha cabecera se suele encontrar

<title> esta etiqueta define eltitulo de ;a pagina que aparece en la pestaña del navegador

<body> define el cuerpo del documento. por lo general dentro de esta etiqueta se suele encontrar etiquetas tales como:

<a> hipervinculo o enlace dentro o fuera del documento HTML.

<img> etiqueta para insertar imagen. esta requiere del atributo src el cual indica de donde vendrá la imagen

<br> Sirve para provocar un salto de linea. esta etiqueta no necesita etiqueta de cierre

jueves, 15 de octubre de 2020

Mis infografias

Mis Infografias

una infogragia es una representación visual de datos, o una colección de imagenes, graficos y textos que resumen un tema para facilitar su entendimiento. Los pasos para crear una infografía son:

1. Determinar los puntos clave del contenido

2. Definir titulos, encabezados, subtitulos y hechos

3. tener en consideración el largo de parrafos y puntos

4. Escojer una plantilla para la infografía

Una infografía sirve para entender mejor la información. Ya que 90% de la información que pasa por nuestro cerebro es visual. Los seres humanos procesamos un elemento visual 60.000 veces más rápido que cuando leemos la misma idea en un texto.

esta es la primera infografía que realizé este año. en esta infografia me tarde alrededor de 20 minutos y los pateriales que utilize para esta infografía fueron lapices, colores, boligrafo y hoja cuadriculada.

Estas otras infografias fueron realizadas por medio de la herramienta digital Adobe Illustrator CS6 en cada infografia digital gracias a esta herramienta me tardo entre 20 y 30 minutos ya que tengo que dibujar las flechas, buscar las imagenes y redactar la informacion.

martes, 22 de septiembre de 2020

"Así soy yo"

Soy Miguel Ángel Martínez.

uno de mis gustos es la computación y como los codigos varian en ciertas formas un dispositivo determinado, tengo conocimientos basicos en HTML y espero obtener mas conocimientos no solo en ese metodo de codificacion sino tambien en otros.

con este blog quiero dar a conocer como se hacen las paginas web, como funcionan y como nos puede ser util en nuestras actividades diarias. El nombre Detras del Codigo da significado de aquellos ingenoeros web que trabajan dia a dia para mantener funcionando correctamente las páginas que utilizamos a diario.