jueves, 3 de septiembre de 2015

Noticias tecnológicas #1

Noticias tecnológicas #1

Smartwatches

Este año en la convención IFA 2015, la más grande de tecnología en Europa, los relojes inteligentes se imponen como "la tendencia más interesante" del salón berlinés, augura Ian Fogg, analista del gabinete IHS. "Muchos fabricantes entran en su segundo o tercer año de producción de 'smartwatches'. Es sorprendente ver cómo han tenido en cuenta sus diseños para que sus productos sean más atractivos a ojos de los consumidores", explica el analista.

Los 'smartwatches' parecen optar por la redondez, pues los fabricantes han dejado de lado la pantalla rectangular para recuperar las formas tradicionales de la relojería.

Samsung, pionero de los relojes inteligentes, presenta el jueves un Gear S2 con pantalla circular, igual que los de LG y Motorola, que hicieron también esta elección. E incluso el chino Huawei ha redondeado los ángulos de su futuro reloj, y espera que este primer modelo sea aceptado en joyerías y tiendas de deporte.

Estos relojes son la punta de lanza de una tendencia mucho más amplia: la de los objetos conectados, muy presentes entre los 1.500 expositores del salón, repartidos en 149.500 m2.


Por otro lado, la compañía taiwanesa Asus anunció hoy en Berlín que su reloj inteligente ZenWatch 2, equipado con Android Wear, se pondrá a la venta en octubre por 149 euros (167 dólares). La tecnológica explicó, en una rueda de prensa previa al comienzo de la feria IFA de Berlín, que comercializará este reloj cuadrado en dos tamaños: 1,6 pulgadas y 1,45 pulgadas, ambos modelos con pantalla táctil cuadrada. El modelo de 1,6 pulgadas costará 149 euros, mientras que el más pequeño tendrá un precio de 169 euros (190 dólares).

Nombres: Johan David Velasquez Benavides
Leider Steban Cataño Velez

jueves, 13 de agosto de 2015

Trabajo de Ofimatica

TRABAJO DE OFIMATICA











LEIDER ESTEBAN CATAÑO VELEZ
JOHAN DAVID VELASQUEZ BENAVIDES









INSTITUCION EDUCATIVA ELEAZAR LIBREROS SALAMANCA
ANDALUCIA, VALLE DEL CAUCA
2015



TEMARIO
NORMAS ICONTEC PARA TRABAJADORES ESCRITOS
Papel
La calidad del papel debe ser optimo para facilitar la lectura y la impresión del trabajo escrito. El tamaño del papel deberá ser seleccionado de acuerdo con el tipo de trabajo o en base a los requisitos que establezca la institución. Desde la última actualización de las normas Icontec (NTC 1486) se permite la impresión del documento por las dos caras de la hoja (sólo desde la página del contenido).
Numeración
La numeración de las páginas debe hacerse de forma consecutiva con número arábigos a excepción de la cubierta y la portada  que no se enumeran (pero se deben tener en cuenta).
Tipo de letra
Se recomienda el uso de la fuente Arial con un tamaño de 12.
Redacción
Se deben seguir las reglas ortográficas de la lengua española. La redacción debe ser en tercera persona.
Márgenes
Se deben conservar los siguientes márgenes en el documento:
  • Superior: 3 cm
  • Izquierdo: 4 cm
  • Derecho: 2 cm
  • Inferior: 3 cm
En caso de ser impreso por ambas caras todas las márgenes deben ser de 3 cm. Los títulos de cada capítulo deben estar en hojas independientes a 3 cm del borde superior.





PARTES DE UN TRABAJO ESCRITO CON LAS NORMAS ICONTEC

Las partes del trabajo escrito se dividen en tres: Los preliminares, el cuerpo del documento y los complementarios.
·         Cubierta
·         Portada
·         Página de aceptación
·         Página dedicatoria
·         Página de agradecimientos
·         Contenido
·         Listas especiales (tablas)
·         Listas especiales (figuras)
·         Lista de anexos
·         Glosario
·         Introducción
·         Ilustraciones (figuras)
·         Ilustraciones (tablas)
·         Conclusiones
·         Bibliografía
·         Índice























PRELIMINARES

En los preliminares deben ir cada uno de los elementos que preceden al cuerpo del trabajo y además no deben llevar una numeración:
Pastas: Láminas de cartón o plástico para proteger el trabajo escrito. *
Guardas: Son hojas en blanco que deben ir al principio y al final del documento. *
Cubierta: Presenta información del trabajo como el nombre de los autores, título del documento, ciudad, entre otros. *
Portada: Otra página informativa pero que además del contenido de la cubierta incluye la clase de trabajo (tesis, informe, entre otros) y el nombre de quien lo dirigió con su respectivo título académico o cargo.
Página de aceptación: Contiene las firmas de las personas encargadas de aprobar el trabajo. *

Página de dedicatoria: Nota del autor con dedicatoria a personas u organizaciones. *
Página de agradecimientos: Nota de agradecimientos a personas u organizaciones con el reconocimiento por haber aportado de alguna forma con el documento. *
Contenido: Permitir al lector encontrar una parte especifica del documento de una forma rápida.
Listas especiales:  Se listan y se relacionan con los títulos de cada una de las tablas, gráficos, cuadros, anexos, ilustraciones y demás. *
Glosario: Lista de términos y definiciones necesarios para la compresión del trabajo. *
Resumen: Resumen del contenido del documento, para ensayos y monografías no debe ser mayor de 250 palabras. Para otro tipo de trabajos extensos no se debe exceder de 500 palabras.
Las partes con * son opcionales.




CUERPO DEL DOCUMENTO

El cuerpo del documento es la parte central del documento:
Introducción: Se describe de forma concisa los alcances del documento, sus objetivos, limitaciones, metodologías empleadas y sus aplicaciones.
Capítulos: Divisiones mayores del trabajo.
Conclusiones: Se presentan los resultados del trabajo que deben dar respuesta a los objetivos y propósitos descritos en los preliminares.
Recomendaciones: Sugerencias sobre cualquier situación especifica del trabajo.

COMPLEMENTARIOS

Dentro de los complementarios se puede encontrar:
Bibliografía: Fuentes consultadas para sustentar el trabajo. Es obligatorio en todo trabajo de investigación.
Índice: Lista opcional con diversos términos precisos que se incluyen en el documento para facilitar su ubicación.













CINCO BLOGS DE COMERCIO ELECTRONICO
CINCO BLOGS DE TIPO PERSONAL

QUE ES LA HOJA DE ESTILOS CSS
CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille.
¿Para que sirve?
CSS es una especificación desarrollada por el W3C (World Wide Web Consortium) para permitir la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentacin del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando as la apariencia de una página web de una forma más sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos.
¿Cómo funciona?
El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en los documentos estructurados, y que forman la sintaxis de las hojas de estilo. Cada regla consiste en un selector y una declaración, esta última va entre corchetes y consiste en una propiedad o atributo, y un valor separados por dos puntos.


COMO HACER UNA PLANTILLA WEB EN PHOTOSHOP

Paso 1 – Creación y configuración del documento en photoshop


Creamos un documento nuevo en photoshop con unas medidas de 960x800 píxeles. Una vez creado añadimos a los bordes del documento unas guías para delimitar el borde del diseño de la plantilla y ampliamos las medidas del documento mediante Ajustes > Tamaño del lienzo.

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/crear-una-plantilla-web-01.gif


Paso 2 – Creación del fondo de la plantilla web


Algo fundamental para que el diseño de un sitio sea atractivo es crear un fondo llamativo y para ello existen varias técnicas como la que vamos a usar ahora.

Primero rellenamos una capa del documento con franjas de color gris claro con un fondo gris oscuro, quedándonos al terminar algo así:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/crear-una-plantilla-web-02.gif

Tras esto en una capa superior usaremos la herramienta degradado con varios colores llamativos y ajustaremos dicha capa superior (en ajustes de capa) como “multiplicar”, quedándonos algo así:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/crear-una-plantilla-web-04.gif

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/crear-una-plantilla-web-03.gif

A continuación usaremos una textura de calidad y la misma técnica para conseguir un fondo espectacular para una web. Ya sabéis, aplicamos la textura en una capa superior y ajustamos la capa como “multiplicar”. Nos debería quedar algo así:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/crear-una-plantilla-web-05.gif

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/crear-una-plantilla-web-06.gif

Ahora para darle más detalle con la herramienta pincel iremos sombreando los bordes de la plantilla web en photoshop. Ajustamos el valor del pincel y lo vamos aplicando por los bordes hasta conseguir algo así… también en útil ajustar la opacidad del pincel o de la capa donde lo estamos aplicando.

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/crear-una-plantilla-web-07.gif

Este sería el resultado final:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/crear-una-plantilla-web-08.gif


Paso 3 – Creación del menú principal


Esta web es de fotografía así que necesitaremos un menú principal para mostrar los mejores trabajos, etc.

Para empezar crearemos con la herramienta de forma > rectángulo un rectángulo de color negro sobre la parte media de la plantilla como podéis ver…

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/crear-una-plantilla-web-09.gif

Tras esto nos vamos a los ajustes de capa y aplicamos estos valores:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-10.gif

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-11.png

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-12.png

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-13.png

Una vez aplicados deberíamos tener algo así:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-14.png

Tras todo esto debemos crear las formas donde irán las distintas fotografías y para conseguir un poco más de realismo hemos aplicado un poco desombreado justo debajo de donde irán dichas formas:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-15.png

Ahora con la herramienta rectángulo vamos añadiendo las distintas formas de color blanco sobre las cuales irán las distintas fotografías:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-16.png

Cuando las tengamos todas nos quedaría algo así:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-17.png

Ahora añadimos las fotografías para que veáis el resultado final del menú principal:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-18.png


Paso 4 – Barra de navegación


Para crear la barra de navegación de la plantilla web utilizaremos la herramienta de rectángulo redondeado con una configuración de radio de unos 6 píxeles y en un tono gris medio.

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-19.png

Ahora aplicaremos los distintos estilos de capa:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-20.png

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-21.png

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-22.png

Nos quedaría algo así:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/Efecto-en-barra-de-navegacion-21.jpg

Tras esto añadimos las distintas secciones del sitio web en un tono rosa medio y a los cuales le aplicaremos estos estilos de capa.

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/Efecto-en-barra-de-navegacion-22.jpg

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-23.png

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-24.png

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-25.png

Tras añadirlos todos y aplicarle a todas las capas los estilos, el resultado será este:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-26.png


Paso 5 – Interfaz baja con la información


Ya tenemos el menú principal y la barra de navegación, así que nos queda únicamente diseñar una interfaz con más información sobre el trabajo que realizamos, como lo hacemos, etc…

Para colocar esa información hemos elegido una interfaz básica debajo del menú principal que haremos de la siguiente forma:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-27.png

Con la herramienta de rectángulo redondeado diseñamos una interfaz en color negro a la que aplicamos estos valores en los estilos de capa:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-28.png

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-29.png

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-30.png

El resultado sería este:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-31.png


Paso 6 – Finalización con los detalles de la plantilla


Ya tenemos lo más importante así que solamente nos quedan los pequeños detalles como el logotipo que queráis ponerle al sitio o rellenar con información los apartados correspondientes.

Como veréis este es el logotipo que he diseñado para la plantilla:

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-33.png

Y aquí podéis ver la información correspondiente (generada claro):

Descripción: http://www.cristalab.com/images/tips/photoshop/diseno-web/efecto-photoshop-32.png