CORELDRAW

CORELDRAW

El programa CorelDraw es parte del paquete de Corel Graphics Suite diseñado por Corel Corporation, que cuenta con varias versiones desde la más básica hasta la más avanzada y reciente.

Este software se utiliza en ámbitos de artes gráficas y comunicación con el propósito de producir, editar y transformar imágenes a nivel digital. Se trata de una aplicación de dibujo vectorial, con herramientas de diagramación, efectos y funciones sobre imágenes y páginas y alternativas de retoque y edición múltiples.

Se utiliza a menudo para generar imágenes y gráficos desde cero, pero también permite editar fotografías, dibujos y otro tipo de grafismos para corregir imperfecciones o defectos o incluso para brindar diversos efectos de cromatismo, brillo, contrate, curva tonal, efectos especiales, transparencias, mezclas y fundidos y otros.

El programa CorelDRAW es parte del paquete de Corel Graphics Suite diseñado por Corel Corporation, que cuenta con varias versiones desde la más básica hasta la más avanzada y reciente.
Entre sus características más reconocidas en el mercado, se cuentan la versatilidad que tiene para usarlo en diferentes tareas y operaciones de diseño gráfico, publicidad, prensa, diseño web, arquitectura, diseño industrial y textil, gigantografías y otros, la compatibilidad con archivos de diversos formatos de gráficos vectoriales, mapas de bits y otros, y con programas similares y la usabilidad en cuanto a posibilidades de personalizarlo al gusto y elección de cada usuario.

LINK

https://es.wikipedia.org/wiki/CorelDRAW

FUENTE

ILUSTRADOR

  ILUSTRADOR

El ilustrador es un programa de adobe  de dibujo vectorial que lleva más de 25 años de existencia, este se ha destacado dentro de la industria del diseño.

Ilustrador conocida como una aplicación informática dedicada al dibujo vectorial y al diseño de elementos gráficos casi cualquier tipo de soporte y dispositivo pudiendo ser usado tanto en diseño editorial dibujo profesional, maquetación web, gráficos para móviles, interfaces web, o diseños cinematográficos. Esta aplicación junto con adobe Photoshop forman la base actual creative cloud.

Dentro de lo que podemos llamar Imagen digital, existen dos tipos bien diferenciados: las imágenes vectorizadas y los Bitmaps (o Mapa de bits).

Las imágenes vector izadas o vectoriales, se componen de puntos en un espacio virtual que vamos uniendo por medio de trazados, para rellenarlos luego y así obtener imágenes de gran calidad que tienen coherencia a cualquier tamaño.

Los Bitmaps o Mapas de bits, son imágenes basadas en una retícula ortogonal coloreada, cuya mínima expresión son unos pequeños cuadraditos llamados Pixel. Estos pixeles todos juntos dan forma, color e intensidad a la imagen, sin embargo dependen de una resolución para poder ser escalados y que tengan sentido a la hora de imprimirse. Las fotos son imágenes rasterizadas o Mapas de bits.

LINK

http://www.creativosonline.org/blog/adobe-illustrator-que-es-y-para-que-sirve.html

FUENTE

DREAMWEAVER

                                        ¿QUÉ ES EL DREAMWEAVER?

El Dreamweaver, es un programa de la empresa Adobe que se utiliza para diseño y programación de una página web, básicamente para hacer o modificar páginas de Internet. Para utilizar el Dreamweaver se necesita tener  conocimiento de lenguaje Html o PHP, los cuales son muy importantes para crear una página web.

El programa es realmente muy completo y sus nuevas versiones son cada vez más sencillas, aunque siempre necesitarás conocer algo del tema para poder utilizarlo.\

¿Qué nos puede brindar?

- Entorno de desarrollo compatible con PHP, J2EE y Microsoft.NET
- Diseño de páginas Webs con un interfaz completamente gráfico
- Barra de herramientas de programación, que facilita las operaciones de programación más usuales

-Contracción del código, para centrarse solo en el que se está utilizando
- Barra de herramientas de reproducción de estilos, con la que se puede ver el resultado final.

-Comparar archivos para ver qué ha cambiado

-Facilidad para añadir vídeos Flash.

VENTAJA:

-La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en JavaScript-C, que nos permite una flexibilidad en materia .    

-     Identifica los códigos por colores para poder localizarlos más rápido.

·      -   Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código

VIDEO 

FUENTE:

https://sites.google.com/site/dramweber/blog

INFOGRAFÍA:

TAMAÑO DEL DISEÑO DE UNA PÁGINA WEB

¿QUÉ MEDIDA DEBE TENER UNA PÁGINA WEB?

Al momento que crear una página web debemos tener en cuenta no solo el diseñó debemos cuidar sobre todo las medidas que ésta debe poseer Durante muchos años el desarrollo web estuvo basado en la resolución 1024×768. En la actualidad ya no es la resolución más utilizada, actualmente es1366×768 px es la resolución más utilizada en internet y es la resolución estándar de Windows 8.

¿Cuál es el mejor tamaño para la pantalla?

No se está confirmado el tamaño o perfecto pero si cabe recalcar  que lo principal es adaptar la resolución del sitio, pensando en el target de gente que usará el sitio. Una solución bastante nueva y realmente excelente, es lo que llamamos el Diseño
 Responsivo.

El diseño Responsivo, es aquel que nos permite desarrollar un sitio web SIN una medida estándar, ya que por medio de esta tecnología, el sitio se adaptará automáticamente a la resolución del dispositivo resultando ésta  mucho más atractiva.

Si cuidamos tanto de las medidas como otro punto muy importante como lo son:

 ¿A quién va dirigida nuestra página web? :

Antes de crear una página web debemos de pensar a quién estará dirigida pues por muy llamativa que sea hay que tener en claro que no todas las personas tendrán los mismos gustos, razón por la que al tener nuestro público específico podremos ya emplear un contenido que resulte de acuerdo a ello, ya sea para adolescentes o adultos. 

El tipo de contenido:

Nuestro contenido no solo debe basarse en letras, éste debe de contener imágenes, vídeos pero de buena resolución .Hay que tener en cuenta que por muy atractivo que sea nuestro diseño eso no será suficiente porque, si no posee un contenido totalmente productivo o simplemente no vaya de acuerdo con nuestra página  muchas personas dejaran de entrar a tu web.

                                                                             vídeo 

fuente

https://www.google.com.ec/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=TAMA%C3%91O+DEL+DISE%C3%91O+DE+UNA+P%C3%81GINA+WEB

DIFERENCIAS ENTRE BLOG Y PÁGINA WEB

¿CUÁL ES LA DIFERENCIA ENTRE BLOG Y PÁGINA WEB? 

BLOG

Un blog es un sitio web que recopila información y se actualiza de manera cronológica por lo cual habitualmente permite que se puedan escribir comentarios ya sea de forma positiva o negativa depende de cómo lo vea el lector. Es decir brinda la oportunidad de establecer un diálogo.

Otra diferencia es que es fácil compartirla a través de redes sociales y puede así tener mas visitas.

 PÁGINA WEB

La página web es un poco más complicado pues se necesita de previos conocimientos, una de las cosas que la diferencian de un blog actualización de sus contenidos se realiza de vez en cuando.

Es mucho más estática, formal, se utiliza para promocionar un producto o servicio. Sobre todo hay que tener en cuenta que es complicado compartirla en las redes sociales más de una vez porque en ella no hay novedades que les pueda interesar a nuestros seguidores.

por lo tanto una página web si no contiene un blog dentro pocas veces sera visitada.

                                                              vídeo 

infografía

fuente 

http://a-tres.com/cuales-son-las-diferencias-entre-una-pagina-web-y-un-blog/

CREAR UNA PÁGINA WEB

 ¿ CÓMO CREAR UNA PÁGINA WEB?

¿Qué es una página web?

Una página web es un documento el cual es parte de un sitio web, el cual contiene enlaces conocidos como hipervínculos o links los cuales facilitan la navegación en los usuarios.

Es muy importante tener en cuenta que las páginas webs cuentan con información textual y audiovisual, posee un diseño atractivo y es conocido como la tarjeta de presentación.

¿Cómo creamos una página web?

Una página web debe contener los siguientes puntos:

HTML:

Es el lenguaje de programación que se emplea para poder crear una página web por lo que éste es el que se encarga de desarrollar la descripción de contenidos que  aparecen como textos y que van acompañados por imágenes,  animaciones, etc.

DOMINIO Y SERVIDOR

 El dominio:

Es el nombre que identifica un sitio web el cual debe ser único en internet.

El servidor:

Va de la mano con el dominio ya que un servidor web puede servir para múltiples páginas web, ese permite que la información este protegida y evitar problemas al momento de abrir para tratar de visualizar la información.

ESTILOS CSS

Se debe tener en cuenta que las hojas de cascada se deben de escribir dentro de código del HTML y no en un documento aparte porque eso solo se realiza en casos avanzados , es decir cuando ya se tiene un conocimiento sobre las hojas de cascadas.

CMS Y PLANTILLAS:

Los CMS son aquellas plataformas que permiten hacer que tu sitio web funcione de una manera profesional.

Mientras que las plantillas nos dan la facilidad de poder descargarlas y usarlas fácilmente pues las encontramos en diversos modelos según nuestra necesidad

SEO:

El seo nos permite posicionar nuestra página web en google y cuando los usuarios de Internet busquen alguna información puedan leer la nuestra, por lo que se encuentra en un motor de búsqueda y de esta manera compartimos nuestros conocimientos a los demás.

REDES SOCIALES:

Al momento de crear una página web las redes sociales nos brinda la oportunidad de poder dar a conocer a nuestros amigos y distribuir e invitar a que visiten nuestra página logrando que se vuelva conocida.

                                                                 VIDEO

FUENTE

http://definicion.de/pagina-web/

INFOGRAFÍA:

TIPOS DE REDES

LAN, MAN Y WAN

LAN (Local Área Network/Red de Área Local).

Una red de área local o LAN es una red que conecta los ordenadores en un área pequeña y predeterminada. 

Permite conectar ordenadores, impresoras, escáneres, fotocopiadoras y otros periféricos entre sí, para cambiar datos y ordenes desde los diferentes nodos de la oficina. 

MAN (Metropolitan Área Network/Red de Área Metropolitana).

Man es una red de alta velocidad o banda ancha que da cobertura en un área geográfica extensa, se utiliza en espacios metropolitanos, proporciona capacidad de integración de múltiples servicios mediante la transmisión de datos, voz y vídeo.

Este tipo de redes se las suele utilizar cuando las administraciones públicas desean crear zonas wifi en grandes espacios.

WAN (Wide Área Network/Red de Área Amplia).

Este tipo de red es capaz de cubrir distancias desde unos 100 hasta unos 1000 km, abasteciendo del servicio a un país o un continente. 

Muchas Wan son construidas por y para una organización o empresa particular y son de uso privado, otras son construidas por los proveedores de internet (ISP) para proveer de conexión a sus clientes. 

  VIDEO

INFOGRAFÍA
https://www.youtube.com/watch?v=DBbKoO2jPn0

http://www.mailxmail.com/curso-que-son-redes/redes-lan-man-wan

EL USO DE LAS MÚLTIPLES PANTALLAS EN LOS JÓVENES.

LOS CHICOS Y EL USO DE LAS PANTALLAS 

En la actualidad la tecnología está al alcance de muchos exclusivamente en los jóvenes, aunque el hecho de que las utilicen  no significa que sean capaces de extraer un provecho razonable de su uso.

Los jóvenes actuales (nativos digitales), utilizan redes sociales y otras herramientas como manera de entretenimiento, para poder vincularse con los demás en cualquier parte del mundo, el buscar información es el método más utilizado por los docentes de escuelas, colegios, para enriquecer el conocimiento de sus estudiantes.

No podemos olvidar que actualmente la tecnología avanza cada vez más rápido, el uso de pantallas es algo inevitable pues los niños son los de última generación aquellos que no necesitan de que les enseñen de como utilizar un celular o de simplemente jugar un videojuego, los que de una manera inevitable tienen acceso a cualquier dispositivo ya sea por simple distracción si no se les enseña de pequeños  a como utilizarlos correctamente podría ser perjudicial tanto física o psicológicamente.

Según una encuesta hecha por la UNICEF "Hoy en día los jóvenes  usan las redes sociales por la adicción  al chat, para conversar con los amigos y familiares (79%), seguido nuevamente por la posibilidad de jugar (52%), compartir información (52%), enterarse de las novedades de sus amigos (56%). Es decir, prima la cuestión social del uso de las redes aunque también los adolescentes utilizan las redes como un modo de trasmisión de información.

Muchas personas se preguntan hoy en día si es bueno o malo que los niños,  adolescentes pasen horas frente a una pantalla ya sea la de su Tablet, laptop e incluso la de su móvil pues esta es la más utilizada por jóvenes en su mayoría pues a través del uso,  ellos (as) se sienten en onda, ya sea porque tengan el último modelo de dispositivo, porque brinda opciones de conectividad, fácil uso, de tamaño accesible para sus bolsillos.

En varios estudios realizados confirman que esta herramienta a pesar de ventajas que brinda también tiene sus desventajas, las cuales no son tomadas en cuenta entre ellas tenemos: por ejemplo un chico que pasa muchas horas frente a la pantalla, seguramente va a tener trastornos visuales y musculares, cefalea, molestias en la muñeca ,lo que se llama síndrome carpiano- y obesidad por el simple hecho de pasar mirando la pantalla cada segundo sin importar que esto sea hasta altas horas de la noche, el ya no hacer deportes , y el no recrearse ,destrucción en el círculo familiar las cuales son vistas muchas veces en los hogares , pues un claro ejemplo cuando hay reuniones familiares en las cuales ya no se acostumbra a conversar verbalmente de las cosas que han sucedido, por el contrario a pesar que no hayan tenido el tiempo para conversar , la mayoría se dedica a estar con sus móviles.

Otro claro ejemplo las personas hoy en día,  ya no se expresan como en tiempos pasados con palabras te quiero, te amo,  ni nada , lo que la mayoría hace es  el uso de emoticonos para expresar sus "sentimientos" los cuales sin duda alguna, nunca reemplazara sentimientos verdad.

Es muy importante que los padres conversen con sus hijos, sobre el uso de pantallas, dejarles en claro que no todo lo que sale en una pantalla es real pues detrás de una pantalla se ocultan diferentes personas que en ocasiones buscan dañar la integridad de las personas ya sea por medio de (acoso, burlas, etc.) hablar de las consecuencias que traería el uso adictivo a ciertos dispositivos, el respeto hacia los demás, explicarles lo importante que es pasar tiempo con la familia, la importancia de vivir los momentos en el presente, que entiendan el significado de la palabra unión familiar, y sobre todo, emplear como objetivo hacer que la comunicación verbal no quede en el olvido.

VIDEO

INFOGRAFÍA

http://www.fce.com.ar/ar/libros/detalles.aspx?IDL=7432

http://www.educ.ar/sitios/educar/recursos/ver?id=120888

LOS CÓDIGOS DE TERCEROS.

           ¿QUÉ SON LOS CÓDIGOS DE TERCEROS?          

¿Por qué código de un tercero?

La primera ventaja que nos debe venir a la cabeza es que ahorras tiempo. Evidentemente, incorporar a tu programa una librería ya existente y probada puede serte de gran ayuda para cumplir un plazo. Es muy popular esta solución en el mundo de las webs. Por ejemplo, los populares CMS Joomla o WordPress, cuentan con un amplísimo conjunto de extensiones (Joomla) o plugins (WordPress) desarrollados por una inmensa comunidad que incluye a empresas especializadas, profesionales independientes y voluntarios que ofrecen los complementos gratis, por venta o por suscripción temporal.

Si, por ejemplo, te han encargado el desarrollo de una herramienta para anunciar y gestionar eventos con inscripciones, número máximo de plazas, cancelaciones, etc., en una web, vas a tardar menos de una semana en tener la solución al gusto exacto del cliente. Si, por el contrario, optaras por desarrollarla tú mismo, seguramente tardarás un mes o más, depuración aparte.

Otra gran ventaja: vas a evitar errores. Si desarrollas tú, sabes que cuando pongas el producto en manos del cliente y tu código sea sometido a una verdadera prueba, los errores comenzarán a aparecer. Habías hecho mil y una pruebas y estabas convencido de que estaba todo perfecto. Pero no hay ninguna prueba mejor que poner el producto en manos del cliente. Puedes quedar mal ante él y las correcciones te consumirán más tiempo, por el que no vas a cobrar.

El código de terceros, generalmente, tiene ya una larga vida. Muchas versiones anteriores le han ayudado a madurar. Las opiniones de sus numerosos usuarios han sido tenidas en cuenta, los errores reportados por éstos, corregidos.

 INFOGRAFÍA

http://www.viveinternet.es/tic-izate/tips-tricks/540-cuando-usar-codigo-de-terceros-y-cuando-hacerlo-tu-mismo

ESCRIBIR PARA LA WEB

¿CÓMO ESCRIBIR PARA LA WEB?

Recomendaciones de estilo

·                     Reduce a longitud del texto

Recorta todo lo posible el texto. Los grandes bloques de texto asustan al usuario, que no los leerá. Con textos más cortos se siente menos intimidado. Como media piensa que debes reducir un 50% la longitud del texto pensado para papel.

·                     Una idea por párrafo

Al ser breves y estar organizados visualmente, de un vistazo se obtiene mucha más información. Dos o tres líneas pueden ser pocas para el papel, pero pueden ser suficientes en una web.

Nota: utiliza las etiquetas <p></p>

·                     Utiliza un estilo directo

No des vueltas innecesarias. Olvídate de tus días de estudiante en donde la nota de los trabajos se medía por el peso del taco de folios que entregabas.

Evita las oraciones en pasiva.

No utilices dobles negaciones. Acuérdate de la frase del abogado que decía "No es verdad que no es mentira que..." y piensa en lo difícil que es descifrarla.

·                     Estilo periodístico

Comienza con la conclusión y ve desarrollando el argumento a medida que avances.

Recomendaciones para orientar al usuario

Evita que los usuarios se pierdan en la estructura de tu sitio web. Los usuarios pueden llegar a nuestra página por muchos caminos (desde buscadores a enlaces de otras páginas). Si le ayudamos a situarse en nuestra web, le haremos sentir más cómodo y habrá menos posibilidades de que abandone la página.

·                     Coloca enlaces para situar al usuario en contexto

Ofrece enlaces con acceso a información que apoye lo que ofreces en la página. Antecedentes, enlaces a otras webs que traten el mismo tema.

·                     Escoge títulos explicativos para las páginas

El título es el texto de presentación de tu página, ayuda a que la gente se fije en tu página en los listados de los buscadores, favoritos, historiales de navegación y pestañas.

Debería explicar lo mejor posible en contenido de la página, pero de forma concisa.

·                     Encabezados de 2 ó 3 niveles

Utiliza los encabezados para establecer una jerarquía visual clara. Más grande = más importante. De esta forma facilitamos la búsqueda rápida de información por la página.

·                     Encabezados significativos

Escoje frases descriptivas para que sea fácil saber si la información que viene debajo es importante o te la puedes saltar sin perder el tiempo leyendo el párrafo.

·                     Resalta las palabras clave

Utiliza negrita para hacer más visible las palabras clave. El texto en pantalla se ve como una masa gris en la que es difícil distinguir palabras que puedan dar una idea del contenido del párrafo. Utilizando palabras en negrita podemos dirigir la mirada al lugar que nos interesa.

Utilizar bien el hipertexto

·                     Coloca los enlaces al final de la frase

Por ir subrayados en color azul (recomendado), los enlaces atraen mucho la atención. Si los colocamos en mitad de una frase, pueden frenar la fluidez y desorientar al usuario. Procura colocarlos al final de la frase.

·                     Los enlaces y destinos deben parecerse

Haz que el texto del enlace coincida con el título de la página que refiere o con el texto de su encabezado principal. No siempre es posible, pero cuanto más se parezcan el usuario se sentirá más seguro de que ha hecho clic en el lugar correcto.

·                     Enlaces con pocas palabras

No utilices textos largos en los enlaces. Añaden mucho ruido y son difíciles de leer. Aunque pienses que por llevar más palabras clave en un enlace vas a subir en los buscadores, si tu página es difícil de utilizar, las probabilidades de que alguien te enlace disminuyen.

INFOGRAFÍA

http://www.notuslink.com/blog/10-10-consejos-sencillos-para-redactar-contenido-para-un-sitio-web