El Blog de Joseca

Artículos variados de Educación, Informática y otras cosas más.

Articles by "Diseño y Desarrollo Web"

Adobe Photoshop es un editor de fotografías desarrollado por Adobe Systems Incorporated. Usado principalmente para el retoque de fotografías y gráficos. Es conocido mundialmente. Fue creado en 1986 por los hermanos Thomas Knoll y John Knoll, desde entonces se ha convertido en una marca de uso común.

Photoshop de hecho se ha convertido, casi desde sus comienzos, en el estándar para el retoque fotográfico, pero también se usa extensivamente en multitud de disciplinas del campo del diseño y fotografía, como diseño web, composición de imágenes en mapa de bits, estilismo digital, fotocomposición, edición y grafismos de vídeo y básicamente en cualquier actividad que requiera el tratamiento de imágenes digitales.

Photoshop ha dejado de ser una herramienta únicamente usada por diseñadores, para convertirse en una herramienta usada profusamente por fotógrafos profesionales de todo el mundo, que lo usan para realizar el proceso de retoque y edición digital, no teniendo que pasar ya por un laboratorio más que para la impresión del material.

 
DESCARGAS
 
Descargar Adobe PhotoShop CS6
 



EJERCICIOS DE PRÁCTICA


[accordion]
[item title="Texto de Fuego"]
  1. Comenzamos con una imagen nueva de 300 x 150 píxeles de tamaño, aproximadamente. Color de fondo blanco y modo en escala de grises. En la foto de abajo se enseña como debe ponerse. Advertencia: Es importante poner el modo en Escala de grises Grayscale o no funcionará el tutorial.

  2. Rellenamos la imagen de negro y después con la herramienta de texto escribimos nuestro texto usando color blanco y un tamaño de letra grande (pues es un efecto que sale mejor en texto ancho). Luego vamos a Capa > Rasterizar > Texto y a Capa > Acoplar imagen.

  3. Seguidamente vamos a Imagen > Rotación de imagen > 90° ACD, tras lo cual vamos a Imagen > Ajustes > Invertir. Le aplicamos ahora el filtro de viento: Filtro > Estilizar > Viento y en la opciones elegir desde la derecha. De nuevo vamos a Imagen > Ajustes > Invertir.

  4. Aplicamos 2 veces más el efecto de viento Filtro > Estilizar > Viento. Y rotamos la imagen a su posición original Imagen > Rotación de imagen > 90°AC. 

  5. A continuación vamos a Filtro > Distorsionar > Rizo y le asignamos un valor de 100 (este valor es opcional podéis experimentar con otros).

  6. Para terminar vamos a Imagen > Modo > Color indexado y después a Imagen > Modo > Tabla de color y elegimos la tabla Cuerpo negro. 
[/item]
[item title="Cambiar Color del Cabello"]
  1. Abrimos la imagen. 

  2. Toma un pincel de bordes suaves acorde al tamaño de tu imagen. 

  3. Presiona la letra “Q” para entrar en Modo Mascara Rápida. Marca toda el área cubierta por el cabello, si tienes problemas y te pasas en algún, usar el borrador para corregir.

  4. Empieza por los bordes como vemos arriba y termina rellenando como vemos a continuación:

  5. Presiona nuevamente la letra “Q” para salir  del  modo mascara rápida. Con esto resulta una selección alrededor del cabello, pero lo que necesitamos es la selección en el cabello, por lo que hay que invertir la selección: Selección > Invertir

  6. Ahora hay que teñir el área de la selección. Esto lo hacemos con una capa de relleno. Capa > Nueva Capa de Relleno > Color Sólido (Uniforme). Nos aparecerá un cuadro con las propiedades básicas de la nueva capa de relleno, de aquí cambiamos el modo de Normal a Luz Suave y cuando sean necesario se puede cambiar el nombre de la capa. Damos clic en Aceptar. 

    A continuación aparece el selector de color y desde ahí tomamos distintos colores y podemos ver como va cambiando el color del cabello. 

  7. Selecciona el que mas te agrade y listo. 

[/item][item title="Efecto Matrix"]
  1. Creamos un archivo nuevo del tamaño que quieras. En este caso usaremos el tamaño de 500x500.

    Abrimos el menú de colores (doble clic sobre color frontal) y ponemos los valores como se indica en la imagen: #05FB28 

  2. En el color de fondo escogemos el color negro: #000000, quedando así.

  3. Luego  vamos  a  Filtros  -->  Galería de Filtros  -->  Textura -->  Granulado, y  les  damos valores de Intensidad:100 Contraste: 100 y Tipo de Granulado: Vertical

  4.  Luego vamos a Filtros  -->  Galería de Filtros  --> Artístico ----> Resplandor de Neón. Ponemos en Tamaño de Resplandor:5 Brillo de Resplandor: 15 y el color debe ser el mismo que escogimos al principio: #05FB28 
  5. Ahora vamos a Filtros  -->  Galería de Filtros --> Estilizar --> Bordes Resplandecientes. Podemos poner los siguientes Valores:  Anchura del Borde: 1 Brillo del Borde: 15 Suavizado: 1. Aunque podemos jugar con estos valores y darle un acabado a nuestro gusto... 


[/item]
[/accordion]



Te presento ejemplos de código HTML y CSS que podrás incluir en tus proyectos de páginas web.

Fondo Fijo



Fondo Degradado



Fondo Degradado Animado



Botón 1



Botón 2



Botón 3 - Animado



Botón 4 - Animado



Botón 5 - Animado



Contenido con Animación



Menú - 1



Menú - 2



Menú - 3



Menú - 4



Menú - 5



Menú - 6



Imagen con marco fotográfico



Imagen redonda



Galería imágenes 1



Galería imágenes 2



Galería imágenes 3



Galeria imagenes texto 4



Tabs



Acordeón




¿Cuál es la diferencia entre los formatos de archivo de imagen JPEG/JPG y PNG? Esta pregunta seguramente te las hayas hecho alguna que otra vez, ya que estos dos en concreto son muy utilizados actualmente en multitud de contextos. 

A primera vista, pueden parecer similares, pero en realidad, hay diferencias bastante importantes entre ellos. Tanto los archivos JPEG como los PNG tienen sus propias características y ventajas, y entender estas diferencias puede ayudarte a elegir el formato más adecuado para tus necesidades.

El JPEG o JPG, abreviatura de Joint Photographic Experts Group, es un formato de archivo de imagen muy común y popular. Se utiliza principalmente para fotografías digitales debido a su capacidad para lograr un equilibrio entre el tamaño del archivo, la calidad y el color. 

Además, si te has dado alguna vez cuenta, es el formato predeterminado y, si no, normalmente puedes cambiarlos, como cuando tu iPhone está configurado en formato HEIC, mientras que los PNG son más bien opcional.



Estos son compatibles con una amplia gama de dispositivos y aplicaciones, lo que los hace ideales para su uso en páginas web, correos electrónicos y todo lo que te puedas imaginar, ya que, su punto fuerte, su compresión, reduce el tamaño del archivo, lo que facilita su almacenamiento, transferencia y edición.

El problema de este formato, porque sí, tiene alguna que otra desventaja, es que al igual que es perfecto para los casos antes mencionados, hay que elegirlo con cautela, ya que no es tan eficiente para otros en los que necesitas resoluciones muy altas de imagen. Al final, si buscas un tamaño reducido, no es compatible con una calidad excepcional.




Por otro lado, el formato PNG, que significa Portable Network Graphics, ofrece algunas características únicas en comparación con el JPEG. Aunque también puede mostrar hasta 16 millones de colores como el JPEG, el PNG no utiliza compresión con pérdida, lo que significa que conserva una mayor calidad de imagen pero a costa de un tamaño de archivo también más grande. 

Este formato es popular para gráficos digitales, como logotipos e ilustraciones, gracias a su capacidad para admitir fondos transparentes, lo que permite que esa imagen pueda integrarse en fondos u otros diseños, creando grandes combinaciones.




¿Entonces, cuál debes elegir? ¿JPEG o PNG?

Como se decía al principio, a la hora de elegir entre JPEG y PNG, no hay una respuesta única, ya que depende del contexto y los requisitos específicos que tú necesites. Si te preocupa el tamaño del archivo y estás trabajando con fotografías, es probable que el JPEG sea la mejor opción debido a su compresión. 

Sin embargo, si priorizas la calidad de la imagen y necesitas fondos transparentes, el PNG que claro que es el más adecuado para lo que buscas. Al final, ambos formatos tienen sus propias ventajas y desventajas, y la elección entre uno u otro dependerá de tus preferencias personales y las necesidades que tengas con respecto al proyecto con el que está trabajando.



HTML es el lenguaje con el que se define el contenido de las páginas web. Básicamente son un conjunto de etiquetas que el navegador interpreta y se emplean para definir el texto y otros elementos que compondrán una página web, como imágenes, listas, tablas, vídeos, etc.


Instrucciones: 
  • No te precipites en contestar. Es preferible que leas bien cada pregunta.
  • La evaluación es personal y cualquier intento de copia será sancionado con el art. 41-42-43-44 del reglamento LOEI.
  • Señale las respuestas con tranquilidad, tiene suficiente tiempo.
  • Debe contestar todas las preguntas para poder enviar las respuestas.


UNIDAD EDUCATIVA ATI II PILLAHUASO
Año Lectivo 2019 - 2020
Evaluación Parcial 2 Quimestre 1
Segundo Informática Bachillerato Técnico
Asignatura:  Diseño Web
Docente: José Cruz Abril
Instrucciones: 
  • No te precipites en contestar. Es preferible que leas bien cada pregunta.
  • La evaluación es personal y cualquier intento de copia será sancionado con el art. 223-224-225-226.
  • Señale las respuestas con tranquilidad, tiene suficiente tiempo.
  • Debe contestar todas las preguntas para poder enviar las respuestas.

EL OBJETIVO DE CLOUDFARE CON ESTAS DNS ES GARANTIZAR UNA MAYOR PRIVACIDAD Y UNA MEJOR NAVEGACIÓN POR INTERNET
Apunta este número: 1.1.1.1. O mejor, apunta dos: 1.1.1.1 y 1.0.0.1. Si cambias tus actuales DNS de tu ordenador, móvil, consola y demás dispositivos conectados por estas nuevas claves no sólo puedes conseguir una mayor privacidad, algo que ahora mismo todo el mundo quiere; sino que también pueden acelerar tu navegación por Internet.

Si sólo tienes contratado 5 'megas' no hará magia y funcionará como una conexión de 50MB, pero seguramente notes cómo las páginas cargan un poco más rápido que si no las utilizaras.

Esos números tan extraños son las nuevas DNS que la empresa Cloudflare ha reservado para su nuevo servidor de resolución de direcciones. Y sobre el papel, son las más rápidas que existen ahora mismo: tienen un tiempo de respuesta de apenas 14 milisegundos frente a los más de 30 que tienen muchas de sus alternativas, como las muy conocidas DNS de Google (8.8.8.8) o las que utilizan teleoperadoras como Movistar, Vodafone y demás.

Cloudfare es una compañía conocida por sus soluciones de protección contra ataques de denegación de servicio para páginas web y ha anunciado este nuevo proyecto durante el día de los inocentes del mundo anglosajón, pero en realidad tiene poco de broma. "La poca seguridad en torno a la infraestructura DNS nos parece uno de los grandes errores del corazón de Internet y queríamos hacer algo para arreglarlo", asegura en su web.

Para tratar de corregirlo, el nuevo servidor soporta conexiones bajo HTTPS (de momento no muy extendidas para este uso concreto, pero más seguras) y varias funciones destinadas a proteger la privacidad de los usuarios. Por ejemplo, cada día borran todas las consultas realizadas usando esas DNS, algo que ni Google ni nadie hace en la actualidad.

¿Qué son las DNS y por qué importan estas nuevas?

Estás leyendo una página web dentro del dominio 'joseca.net' pero para el protocolo TCP/IP -el conjunto de reglas que dirigen el tráfico en Internet- esas letras no significan nada. Lo único que TCP/IP sabe hacer es buscar la ruta idónea para que los paquetes de información (los bytes que forman cada imagen y texto de esta página) viajen desde un punto A (en este caso un servidor web) a un punto B de la red (en este caso tu ordenador o móvil) de manera eficiente, incluso si hay cortes imprevistos.

Esos puntos se identifican por un número único, el conocido como número IP, que en el caso del servidor de EL KARAOKE DE JOSECA es 216.239.32.21 (puedes poner ese número en la barra del navegador y hacer la prueba).

Esto ocurre con todas las direcciones de Internet. Cada vez que mandamos un correo electrónico, usamos una app o visitamos una web, alguien tiene que "traducir" ese gmail.com o twitter.com o yahoo.es por el número IP al que están asociados esos dominios. Ese alguien es el servidor de resolución DNS, unos repositorios constantemente actualizados y sincronizados que funcionan -simplificando en extremo- como un extenso directorio.

Tres razones para usar una DNS alternativa

Normalmente la operadora que nos da acceso a Internet se encarga de proporcionar a nuestro PC o móvil la dirección de estos directorios de forma automática pero los usuarios también pueden escoger un servidor DNS alternativo y esto es recomendable por muchas razones.

La primera es que los servidores DNS dan información a quien los controla de qué IPs solicitan información de qué IPs. Cada vez que tu ordenador pide conocer la dirección IP de joseca.net, queda anotado en un registro al que tu operadora tiene acceso.

La segunda, que estos servidores pueden ser alterados o controlados para bloquear ciertos accesos, censurar páginas o espiar sobre los usuarios. Si un gobierno fuerza a las operadoras a bloquear Twitter, estas pueden hacerlo simplemente impidiendo a los servidores DNS dar al usuario el número IP del dominio twitter.com. No es la única forma de bloquear el acceso a un servicio, ni la más sofisticada, pero es una técnica muy fácil de implementar.

La tercera, simplemente, es que los servidores de las operadoras suelen ser lentos. 20 o 40 milisegundos de diferencia en cada petición puede no parecer mucho pero cuando navegamos hacemos cientos de peticiones y a la larga acaban sumando un retardo considerable.

Compañías como Google ofrecen servidores más rápidos y libres de censura o control, teóricamente. Pero estas empresas también sacan beneficio del tráfico que registran estos servidores. Son datos que pueden sumar a su inmensa colección.

Esta alternativa de Cloudflare se posiciona como una alternativa sin interés ninguno en los datos de los usuarios. "Para nosotros son un activo tóxico", llegan a decir los responsables.Lo único que necesitaba Cloudflare, que ya posee amplia experiencia en infraestructura web, para lanzar el servicio era en realidad un número memorable, algo que pudiera rivalizar con los sencillos 8.8.8.8 y 8.8.4.4 de Google.

Lo han conseguido gracias a un acuerdo con APNIC, la organización sin ánimo de lucro que gobierna sobre las direcciones IP de Asia Pacífico y tenía el control de estos dos números sencillos.

APNIC, en realidad, tenía un problema. 1.1.1.1 es un número que muchos administradores de red utilizaban para pruebas, y eso acaba desviando una importante cantidad de tráfico a una dirección IP que, en principio, no están siendo utilizada. Ahora, gracias al acuerdo con Cloudflare, tratarán de analizar ese tráfico para entender de donde viene y lo desviarán para que no consuma los recursos de la organización.

¿Cómo se puede cambiar el servidor DNS en nuestros dispositivos? Una página web alojada también en 1.1.1.1 explica las diferentes formas de hacerlo según el sistema operativo. Merece la pena, aunque sólo sea por la mayor velocidad.

MKRdezign

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Con tecnología de Blogger.
Javascript DisablePlease Enable Javascript To See All Widget