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