Nivelacion Segundo Periodo

Html 5 

La ultima version de este lenguaje basico corresponde al html5, donde se introducen nuevos elementos que mejoran la navegacion y la usabilidad de los sitios web en los distintos navegadores, como por ejemplo el uso de <canvas>, <video> o <footer>.

Esta nueva version no se trata solamente de cambiar y eliminar etiquetas. va mucho mas alla.

En todo sitio web hay elementos que se utilizan. El encabezado (headerA, barras laterales (sidebars), el pie de pagina (footer), los menus de navegacion, se utilizan en esta nueva version como etiquetas ya establecidas, brindando una mejora en la intuicion para el desarrollo.

Asi mismo una de las mayores mejoras es la utilizacion de "canavas" o marcos de trabajo, que sirven para utilizar animaciones sin necesidad de instalar plugins ni usar un reproductor Adobe Flash para videos web, estandar considerado de facto. Esta opcion es un gran avance, ya que Flash tiene grandes desventajas en los grafiocs web, como que los motores de busqueda no puedan leer el texto dentro, que pesan mucho y tardan en cargar. Al implementarse con canvas, se usara unicamente codigo javascript aligerando el peso de la pagina. 

Tambien quedan obsoletos algunos elementos de html4, razon por la cual es conveniente repasar acerca de las novedades que incluye html5, cuyo lenguaje es regulado por W3C.

CSS3 

Css3 es un lenguaje utilizado en la presentacion de documentos Html. un documento Html viene siendo coloquialmente"una pagina web". Entonces podemos decir que el lenguaje css3 sirve para organizar la presentacion y aspecto de una pagina web. Este lenguaje es principalmente utilizado por parte de los navegadores web de internet y por los programadores web informaticos para elegir multitud de opciones de presentacion como colores, tipos y tamaños de letra, etc.

Algunas opciones basicas del lenguaje CSS3 por ejemplo pueden ser el poder cambiar el color de algunas tipicas etiquetas Html como <h1> (h1 es una etiqueta en el lenguaje Html destinada a mostrar un texto como encabezado, en tamaño grande). pero tambien hay funciones algo mas complejas, como introducir espacio entre elementos <DIV> (div es una etiqueta Html para identificar una determinada region o division de contenido dentro de una pagina web) o establecer imagenes de fondo.

CSS3 es muy intuitivo y sencillo una vez se llega a aprender, ya que para su definicion siempre se hace uso de un identificador de etiqueta Html (como por ejemplo <h1> y luego indicamos con que aspecto queremos que se muestren todas las etiquetas <h1> que aparezcan en un documento. ALigual que con <h1> podemos definir como queremos que se muestren las distintas partes del documento Html, pudiendo en cada caso definir sus propiedades( color, tipo de fuente, tamaño, espacio, imagen) con algun dterminado valor deseado.

Ejemplo de página web con HTML5 y CSS3 dando clic aquí





TRABAJOS REALIZADOS CON GIMP

Nivelación De Informatica Primer Periodo

¿Que es html?

Html es un lenguaje demarcado que se utiliza para el desarrollo de paginas de internet. se trata de la sigla que corresponde a Hypertext Markup Language, es decir, lenguaje de marcas de hiprtexto, que podria ser traducido como lenguaje de formato de documentos para hipertexto.

se trata de un formato abierto que surgio a partir de las etiquetas SGML (standard Generalized Markup Language). Concepto traducido generalmente como "estandar de lenguaje de marcado generalizado" y que se entiende como sistema que permite ordenar y etiquetar diverosos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se utilizaran al ordenar, no existen reglas para dicha organizacion, por eso se dice que es un sistema de formato abierto.

El html se encarga de desarrollar una descripcion sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotogafias, animaciones, etc).

¿cual es la estructura basica de html?

Todos los documentos html tienen la estructura que se muesta a continuación, aunque la etiqueta <body puede ser sustituida por <frameset> para un tipo de páginas que dividen la ventana del navegador en varios cuadros (frames).
<HTML> 

<HEAD>

         <TITLE>Título de la página</TITLE> ... </HEAD> <BODY> Aquí iría el contenido de la página

 </BODY>

 </HTML>

Vamos a analizar más detenidamente las distintas secciones que componen la página

 Entre las etiquetas <html>  y <head>  se suelen colocar otras opcionales, como por ejemplo:<meta name="description" content="Información sobre el Centro,las enseñanzas que se pueden cursar, los departamentos didácticos"><meta name="keywords"
 content="educación,enseñanza,instituto, profesores, alumnos">

En este caso las etiquetas le indican a los buscadores el contenido de nuestras páginas (description) y algunas palabras clave (keywords) para su localización.

 La cabecera  es la sección comprendida entre < head> y </head> En ella se encuentra necesariamente el título (entre las etiquetas <title> y</title).

El título de la página debe describir su contenido por ejemplo:

<TITLE>Colegio Público de Villamañán - Ámbito de Influencia - </TITLE> no valdría en cambio<TITLE>Página de Inicio</TITLE> ya que esto no dice nada por si solo.

Dentro de la cabecera también se suele incluir código en JavaScript, que se reconoce porque va comprendido entre las etiquetas
<script language="JavaScript"><!--Aquí iría el código// --></SCRIPT>

 El cuerpo (body) del documento html es normalmente lo más importante. Es aquí donde debemos colocar el contenido de nuestra página: texto, fotos, etc.

El cuerpo está delimitado por las etiquetas <body> y </body> La etiqueta <body> suele contener algunos atributos, a saber:

Bgcolor parámetro usado para especificar el color de fondo de la página. El color se define como una terna de números (RRGGBB) en base hexadecimal en el orden rojo, verde, azul (Red, Green, Blue). También se puede usar el nombre en inglés de los colores predefinidos en los navegadores.

ETIQUETAS

<img>

representa una imagen.

<body>

Representa el contenido principal de un documento html. solo hay un elemento <body> en un documento.

<head>

Representa una coleccion de metadatos acerca del documento incluyendo enlaces o definiciones de scripts y hojas de estilo.

<title>

Define el titulo del documento, el cual se muestra en la barra de titulo del navegador o en las pestañas de pagina. solamente puede contener texto y cualquier otra etiqueta contenida no sera interpretada.

<center>

No soportado en html5. Despreciado en html 4.01. Define el texto centrado

<html>

Define el inicio y el final de un documento

<h1>...</h1>o<h2>...</h2>(hasta 6) parrafos que son encabezamientos (con distintos niveles).

<p>...</p>parrafos normales.

<p aling="center">...</p>

Elatributo aling permite alinear el texto del parrafo. se puede aplicar igual a las etiquetas <h1>,<h2>,etc...

<BR>permite partir un parrafo empezando una linea nueva pero sin dejar espacio.

<HR>pone una linea horizontal de separacion.

Ejemplo de página web en HTML dando clic aquí

Taller final tercer periodo

Cubo

Acontinuacion dire para que sirven las herramientas mas utilizadas en sketchup:

-Seleccionar: Selecciona las entidades que se modificaron al utilizar otras herramientas o                           comandos.

-Rectangulo: Dibuja entidades de cara rectangular.

-Circulo: Dibuja entidades de circulo.

Figuras

-Arco: Dibuja entidades de arco.

-Borrar: Borra entidades.

-Medir: Mide distancias, crea lineas o puntos guia o cambia la escala de un modelo.

Silla

-Pintar: Asigna materiales y colores a las entidades.

-Empujar/Tirar: Empuja entidades de caras o tira de ellas para añadir o reducir volumen en los            modelos 3d.

-Mover: Mueve, alarga o copia identidades.

Estanteria

-Rotar: Rota, alarga, distorsiona o copia entidades siguiendo un recorrido redondeado.

-Equidistancia: Crea copias de lineas a una distancia uniforme de las originales.

-Orbitar: Rota la camara alrededor del modelo.

Oficinas

-Dezplazar: Mueve la camara horizontal o verticalmente.

-Zoom: Acerca o aleja la camara.

Evaluacion

Maqueta

Estas son mis 5 propuestas para las tarjetas de presentacion de mi empresa.

Propuesta 1 

Propuesta 2

Propuesta 3

Propuesta 4

Propuesta 5

Este es mi primer trabajo de gimp

http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Boton1-Round%20Button.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Boton2-Simple%20Beveled%20Button.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/ejercicio%201-%20amador.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/ejercicio%201-%20amador.png
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/ejercicio%202-%20amador.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/ejercicio%202-%20amador.png
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Fondo1-3D%20Truchet.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Fondo2-camouflage.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Fondo3-Flatland.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Fondo4-Land.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Fondo5-Render%20Map.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Fondo6-swirl-tile.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Fondo7-swirly.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Fondo8-truchet.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Logo1-Alien%20Neon.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Logo2-3D%20Outline.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Logo3-alien%20glow.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Logo4-Basic%20I.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Logo5-Frosty.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/Logo6-Chalk.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/microfono.jpg

Este es mi segundo  trabajo de gimp

http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%201.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%201.png
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%202.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%202.png
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%203.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%203.png
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%204.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%204.png
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%205.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%205.png
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%206.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%206.png
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%207.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/imagen%207.png

Este es mi taller numero 2

http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/taller%202%20-%20amador.html

Este es mi taller numero 3

http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/taller%203%20-%20amador.html
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/altavoces.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/escaner.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/impresora.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/microfono.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/monitor.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/mouse.jpg
http://2016-101-amadorjarvei.neocities.org/segundo%20periodo/teclado1.jpg

SALIDA PEDAGÓGICA A MALOKA 

         Al llegar a maloka nos formaron en un patio o en la terraza luego nos pusieron unas manillas y ingresamos a expetacular cine domo en el cual nos presentaron un documental sobre la union entre los delfines y los humanos, alli me pude dar de cuenta q estos animales son lo mejor ya que si tu los tratas ellos seran cariñosos y muy buenos confidentes.

Cuando nos retiramos del cine domo pudimos observar las instalaciones de maloka aprendiendo y solucionando la guia que nos dieron, fue chebre ya que a medida que leiamos los puntos de la guia podiamos ir visitando nuevos lugares uno de los atractivos de maloka que mas me gusto fue el simulador de terremoto, alli ingrese con unos compañeros y  nos proyectaron un video enseñandonos las medidas de prevencion en caso de un verdadero terremoto luego pudimos sentir la experiencia de un terremoto de 7.1 en la escala de Richter.

Vivido todo esto nos llevaron a un experimento en un aula llamada mediateka alli leimos 2 articulos y tubimos que decidir cual de los 2 era el cientifico despues de obtener el verdadero articulo cientifico empezamos a realizar el procedimiento, primero insertamos una bomba en un recipiente y pudimos observar que no se iva al fondo ya que el agua es muy densa, luego hicimos lo mismo pero en un recipiente con alcohol y como el alcohol es menos denso la bomba se fue al fondo y luego le colocamos una cucharada de agua a otro recipiente con agua y la bomba se quedaba en la superficie y despues cuando finalmente le introdujimos un poco de alchol la bomba se fue al fondo y asi terminamos este extraordinario exerimento.

En un sitio en donde se encontraban los objetos que transportaban energia y alli pude observar una dona en metal la cual si la tocabamos se nos colocaban los pelos de punta y hicimos una cadena y nos pego un pequeño corrientaso y fue muy divertido.

tambien pude observar la jaula de faraday en la cual se presenciaba un escalofrio y muchos nervios de que le pasara coriente ademas su sonido era muy duro eso era lo que mas miedo nos daba algunas niñas gritaban mucho y era muy inquietante bueno pero finalmente todo salio bien y salimos con el corazon latiendonos muy fuerte.

Solo me queda decir que en maloka tendras una experiencia inolvidable despues de todo la pasamos super bien y no nos queriamos regresar de alla pero bueno finalmente lo importante fue la diversion en MALOKA.