PAGINAS WEB Y SITIOS WEB

¿QUÉ ES UN SITIO WEB?

Un sitio web es un conjunto de páginas web. Está compuesto por archivos, imágenes, textos y otros elementos que se combinan mediante el código HTML para formar una página web. Los sitios web se almacenan en servidores, los cuales son computadoras de alta potencia, en estos servidores que tienen gran espacio se pueden almacenar cientos de páginas web.

Típicamente los sitios web se buscan a través de un dominio o subdominio.

DOMINIO

 

 

Un dominio es el nombre que se le da a una página web en internet, son importantes ya que brindan la posibilidad de darle a la página web un aspecto profesional. Todos pueden acceder a un dominio, ya sea una empresa o persona natural; en ocasiones suelen tener un costo para poder acceder a ellos. Se caracterizan por tener terminaciones como “.com”, “.net”, “.org”.

Existen dos tipos de dominios: Territoriales y genéricos, y son considerados dominios de primer nivel.

•  Territoriales: Se denominan ccTLD (Dominio de nivel superior de código de país o Country Code Top level Domain). Estos tipos de dominios son usados por un país o un territorio dependiente. Los dominios territoriales son gestionados por organismos de cada país al que pertenecen. Por ejemplo: “.es” (España), “.ar” (Argentina), “.fr” (Francia), “.mx” (México), “.ec” (Ecuador), etc.
•  Genéricos: Denominados Gtld (Dominio de nivel superior genéricos o Generic Top Level Domain). Representan a nombres y a los diversos tipos de organizaciones. Los dominios genéricos se gestionan mediante los organismos internacionales como la Corporación de Internet para la Asignación de Nombres y Números (ICANN). Por ejemplo: “.com”, “.info”, “.org”, “. net”.

SUBDOMINIO

Un subdominio es una subclasificación del nombre del dominio, este es definido con fines organizativos o administrativos, pueden considerarse dominios de segundo nivel. Los subdominios se suelen escribir normalmente antes del dominio. En internet los subdominios se utilizan para referirse a una dirección web que trabaja como un adjunto de un dominio principal.

DISEÑO DE UNA PÁGINA WEB

Una página web es como un documento electrónico que contiene información textual, visual o sonora; se encuentran alojadas en servidores y se puede acceder a ellas mediante navegadores. La creación y desarrollo de una página web se realiza mediante un lenguaje de programación (HTML, PHP, RUBY, etc.), que se pueden interpretar por los navegadores.

Elementos que conforman una página web:

• Imágenes. Son un elemento de suma importancia ya que atrapan la atención del usuario.
• Textos. Debe tener contenido interesante, atractivo y que llame la atención del usuario. La información está expresada en hipertexto.
• Animaciones. Ayudan a darle dinamismo a la página, pero no se debe abusar de ello.
• Hipervínculos. Colocar enlaces a otros sitios o redes sociales permite la interacción con facilidad del usuario.

TIPOS DE PÁGINAS WEB

Estática. Aquellas que no se pueden adaptar a las múltiples pantallas.

Fluida. Estas se ajustan automáticamente a cualquier tipo de pantalla.

Adaptable. Diseñadas para que se adapten a cualquier pantalla, ya sean celulares, tablets o computadoras de escritorio.

VIDEO 

 

APLICACIONES QUE FACILITAN LA COMUNICACION

BAMBUSER

 

 

Es un servicio de streaming, es decir una aplicación en la que se pueden realizar, visualizar y compartir videos.

Para poder tener acceso a una cuenta se debe acceder a https://bambuser.com/ o descargarla desde Play Store.

Es un aliado de los periodistas, ya que le permite realizar coberturas de una manera fácil.

Los videos se pueden etiquetar y darles like. Pueden ser marcados como públicos o privados antes o después de grabarlos y también pueden ser descargados. Los videos publicados muestran la geolocalización en el mapa si está activado y también el modelo del teléfono que se usó.

El usuario puede seguir a otros, crear eventos, suscribirse a otros perfiles. Se recuentan los seguidores (followers) y se muestra la cifra de vídeos subidos y cuantas veces han sido visualizados por otros.

Esta aplicación se puede instalar en iphone, Android, Windows mobile, Nokia, entre otras.

STACKEDIT

Es un editor de texto Markdown que permite crear documentos, es una aplicación de código abierto en el cual se puede pre visualizar lo que se va escribiendo.

Es una herramienta muy útil para los comunicadores ya que ahorra tiempo a la hora de realizar una nota gracias a las opciones que tiene.

No es necesario instalarla, solo se puede ir la página https://stackedit.io/ y ya se puede empezar a utilizarla.

Este editor online permite escribir las publicaciones de blogs sin necesidad de usar el editor interno.

Se puede usar el lenguaje Markdown, y también se puede usar los botones que tiene esta aplicación.

Permite importar documentos desde Google Drive o Dropbox, pero necesita total acceso a estos y los documentos se guardan directamente en el navegador que se esté utilizando. Y exportar documentos a la nube siempre y cuando sean soportados por StackEdit.

Se pueden exportar los documentos a Markdown, HTML o PDF.

Los documentos se pueden publicar en blogs o Tumblr, Google Drive o Dropbox.

PIKTOCHART

Piktochart es una aplicación de infografía basada en la web que permite a los usuarios sin una gran experiencia como diseñadores gráficos crear fácilmente infografías de nivel profesional con plantillas temáticas.

Para acceder a ella se hace mediante la página https://piktochart.com/ , se puede crear una cuenta con Gmail o Facebook.

Una característica importante de Piktochart es su capacidad de publicación HTML, que genera infografías que se pueden ver en línea con múltiples elementos seleccionables para los usuarios.

Además, el programa proporciona herramientas para agregar gráficos, videos e hipervínculos.

La herramienta Piktochart se enfocó en capacitar a los usuarios para crear infografías que estén listas para la publicación en la web, capaz de funcionar como una pieza de contenido multimedia enriquecido.

Piktochart proporciona más de 400 plantillas que los usuarios pueden editar simplemente, o mediante el uso de funciones más avanzadas, personalice según lo desee.

LUCIDCHART

Esta herramienta presenta numerosas opciones para crear diagramas de flujo, diagramas de Venn, mapas mentales, organigramas, diagramas de proceso, e incluso para el diseño de pantallas para aplicaciones para Smatphones y tabletas.

Se accede a ella mediante https://www.lucidchart.com/

Se puede compartir de manera colaborativa a través de la red de forma que se permite el trabajo simultáneo y colaborativo de un grupo de personas.

Tiene un soporte web basada en sistema de arrastre de los elementos. Permite crear todo tipo de diagramas de forma colaborativa y sin necesidad de instalar ningún software, a partir de un completo set de elementos visuales y una intuitiva interfaz.

Nociones básicas:

• Lienzo o canvas: Coge y arrastra formas al canvas para comenzar, redimensiona el lienzo para adaptarlo al tamaño de tu diagrama.
• Barra de menú o Menu bar: Muestra una lista de opciones de trabajo dentro del editor. Muestra los atajos de teclado, para acciones dentro de cada menú drop-down.
• Barra de propiedades o Properties bar: Permite cambiar rápidamente las propiedades de: Temas (contiene estilos predefinidos para tu diagrama, incluyendo relleno y color de línea, color, estilos de línea y texto.
• Herramientas o Toolbox: Las herramientas de la izquierda contienen todos los tipos de formas necesarios para crear los diagramas.
• Dock: En el lado derecho del editor, se encuentra el dock con unos elementos esenciales.
• Controles de página o Page controls: En la parte superior derecha del editor, se encuentran los controles de página desde donde se puede controlar fácilmente las páginas.

CALL RECORDER

Es la grabadora de llamadas automática pro, la mejor grabadora de llamadas telefónicas gratis para Android. Se la puede descargar desde Play Store.

Se puede grabar cualquier llamada entrante y saliente con alta calidad.

Permite realizar entrevistas a través de una llamada telefónica, facilitando la disponibilidad de tiempo.

Marca las conversaciones importantes.

La aplicación se ejecuta sin ningún problema de fondo.

Bloquea y protege los elementos grabados para evitar la limpieza automática

Se puede administrar sus archivos de grabación, escucharlas, agregar notas y compartirlas.

La ordenación se da por tiempo y nombres.

Establece contraseña para proteger la privacidad.

STORIFY

Permite crear historias mediante fotos, imágenes o texto, recopilando contenido de las otras redes sociales, integrarlo, editarlo y construir en pocos minutos una historia que puede exportarse a cualquier sitio web.

Creada en el 2010, es usada por periodistas ya que permite contar noticias de última hora o recolectar opiniones sobre un tema de interés desde Twitter.

Se puede crear una cuenta en su página www.storify.com o crear desde una cuenta de Facebook o Twitter.

Se puede publicar la historia en Facebook o Twitter y blogs, dependiendo de que cuenta se elija y siempre y cuando estas cuentas estén asociadas con Storify.

Permite editar una historia, aunque ya haya sido publicada.

 VIDEO

CODIGOS DE TERCEROS

CÓDIGO DE TERCEROS

¿QUÉ ES UN CÓDIGO?

 

Al hablar de código en informática se refiere al código fuente y texto escrito, el cual representa un lenguaje de programación. Este código debe ser compilado y luego podrá ser interpretado y ejecutado por los ordenadores. 

Un ejemplo de código informático es el lenguaje ASCII, el cual facilita la comunicación entre los dispositivos digitales por medio de caracteres alfanuméricos.

 

 

 

¿QUÉ ES UN CÓDIGO DE TERCEROS?

 

El código de terceros es desarrollado por empresas o personas, y es ofrecido de forma gratuita o de pago para incorporarlo como complemento o extensión a nuestras propias necesidades, como la realización de algún trabajo.

Una de las ventajas de usar códigos de terceros es que se ahorra tiempo al momento de realizar un trabajo.

Otra ventaja que tiene el código de terceros, es que si es desarrollado por uno mismo se pueden evitar errores, cuando si es la primera vez que se desarrolla por uno mismo, en el momento que el cliente lo ponga a prueba pueden surgir errores, sin embargo esto nos ayudará a corregir, mejorar y seguir creando y compartiendo con aquellos que tengan la necesidad de usar uno.

 

 

Al hacer uso de códigos de terceros estamos ayudando a aquellos que invierten su tiempo en la creación de éstos y en el momento que los creemos nosotros mismos ayudaremos a otros a realizar sus trabajos.

El código de terceros gracias a versiones anteriores y a las actualizaciones que existen hoy en día, ha ido mejorando con el paso del tiempo, es por eso que éste tiene una larga vida y es seguro que cada vez mejorará más y más.

ALMACENAMIETNO EN LA NUBE

ALMACENAMIENTO EN LA NUBE

Almacenamiento en la Nube o Cloud Storage, es un servicio que permite guardar información de un sistema de cómputo, se almacenan, administran y respaldan en servidores que están en la nube y que son administrados por proveedores del servicio.

Una de las ventajas del almacenamiento en la nube es la capacidad de espacio disponible, que puede ir desde los 5GB hasta los 30 GB o 100GB.

Las empresas son las que más utilizan el almacenamiento en la nube para respaldar información por el gran espacio que posee. Existen servicios que permiten almacenar datos de forma privada y gratuita, pero tienen límite de espacio, pero que permiten respaldar información, se puede acceder a ella fácilmente desde cualquier computador o solo compartirla.

Entre los servicios de almacenamiento en la nube tenemos:

• Google Drive
• Onedrive

GOOGLE DRIVE

 

 

• Servicio de almacenamiento en la nube de Google.
• Es uno de los servicios más usados ya que ofrece 15GB de almacenamiento en la nube de forma gratuita.
• Se puede acceder a ella por medio de una cuenta de Gmail y permite acceder a la información almacenada desde cualquier computadora.
• Permite crear carpetas que se pueden compartir con otros usuarios.

 

ONE DRIVE

• Servicio de almacenamiento en la nube de Hotmail.
• Ofrece 5GB de almacenamiento gratuito.
• Se puede acceder a One Drive por medio de una cuenta de Hotmail.
• Permite a los usuarios crear, editar y compartir documentos de Microsoft Office (Word, Excel, PowerPoint, OneNote) a través de Office Online, los cuales se pueden compartir con otros usuarios.

 VIDEO

APLICACIONES ONLINE Y MOVILES

APLICACIONES ONLINE Y MOVILES

Existen una gran variedad de aplicaciones móviles y plataformas online, que pueden ser de mucha ayuda para un comunicador al momento de realizar un trabajo. Entre estas tenemos:

• Videos en directo
• Gráficos interactivos
• Mapas – infografías
• Otros, que por ejemplo sirven para escanear documentos

¿Qué es una Aplicación?

Una aplicación es un programa que puede instalarse ya sea en un dispositivo móvil o una tablet. Estas aplicaciones se actualizan constantemente y se añaden automáticamente nuevas características por medio de las actualizaciones.

Aplicaciones online

Las aplicaciones online son programas creados por desarrolladores y permiten a los usuarios conectados a internet utilizar las herramientas que contengan.

Algunas de estas herramientas pueden ser:

• Herramientas multimedia
• Herramientas para convertir a diferentes formatos
• Herramientas para buscar diferentes contenidos
• Herramientas que permiten crear contenidos, ejemplo: prezi
  
  VÍDEO

MULTIMEDIA

MULTIMEDIA

La palabra multimedia significa “múltiples medios”, en otras palabras la multimedia se refiere a la combinación de varios medios para transmitir información, ya sea como imágenes, videos, sonidos, esta permite combinar estos elementos para transmitir la información de manera más atractiva.

La multimedia permite el rápido aprendizaje ya que por lo general hace uso de imágenes y videos estimulando así los sentidos como la vista y oídos.

APLICACIONES MULTIMEDIAS

Las aplicaciones multimedia son los elementos que permiten la combinación de elementos para poder visualizar información. La mayoría de las aplicaciones multimedia están asociadas a enlaces o hipervínculos que facilitan al usuario navegar entre la información.

Estas aplicaciones multimedia pueden residir en páginas web y estar almacenadas en un dispositivo.

GENERACIONES DIGITALES

EL INTERNET

El internet ha evolucionado a través de las generaciones, entre las décadas 70 – 80 nace el boom del internet y este se lo puede clasificar en tres versiones que son:

WEB 1.0

•  Se la denominó como Web estática, y en ese momento no todos tenían acceso al internet.
• Era una web básica, ya que carecía de dinamismo y/o multimedia.
• Se navegaba entre bloques o ventanas.

Desventajas:

•  Sólo era de lectura.
•  Los datos eran poco actualizados.

                                     

WEB 2.0

• Se la conoce como la web de los prosumidores y red dinámica.
• También es conocida como web social ya que los usuarios podían comunicarse entre sí.
• Permitía la interacción de los usuarios, ya que pueden crear su propia información y tenían el control de publicar sus datos y compartirlos con los demás.

Desventajas:

•  Información pública.

WEB 3.0

•  Conocida también como web semántica.
• Se relaciona más con la inteligencia artificial y está presente más en la telefonía móvil.
•  La búsqueda de la información es más rápida.
• Aparecen las redes sociales.
•  Transmisión de videos a más velocidad.

Desventajas:

•  Tiene más costo el actualizar la información.

GENERACIONES X, Y y Z

GENERACIÓN X

•  Nacidos entre los años 70 y 80.
•  Fueron testigos de muchos cambios tecnológicos en el mundo.
• En esta época todo era analógico y manejaban mucho texto.

GENERACIÓN Y

•  Nacidos entre los años 1979 y 1996.
•  Son conocidos también como “Milennians”.
•  A esta generación les tocó vivir el auge del internet, como el cambio del DOS al Windows, del Atari al PlayStation 2.

GENERACIÓN Z

• Nacidos desde los últimos años 90 hasta la actualidad.
•  Son conocidos como Nativos Digitales.
• Están muy conectados con las redes sociales.

VIDEO

BLOG, PÁGINA WEB Y DREAMWEAVER

DIFERENCIA ENTRE UN BLOG Y UNA PÁGINA WEB 

Son varias las diferencias entre una página web y un blog, una de ellas es que ambas pueden ser vistas por internet y se pueden colocar textos, fotos o vídeos. Pero la gran diferencia entre ambos es que van dirigido a públicos y usuarios totalmente distinto.

Una página web actualmente es un medio por donde se da a conocer la publicidad de un negocio, empresa, colegios, universidades etc. En esta pueden crearse más páginas, crear algunos efectos y hasta vender variedades de productos, la información publicada es más estática; no necesariamente tiene que ser cambiada constantemente. Sin embargo un blog es más bien una orientación o vinculo que tienes con otras personas para que puedan encontrar información y la cual permite dejar comentarios respecto a esta, la idea de este sitio es actualizarla momentáneamente porque las personas con las que se mantiene el vínculo esperar información nueva; un ejemplo claro sobre un blog es que si una persona está interesada por la moda y tu blog es relacionada totalmente con esta; hará que la persona se registre, comience a dejar comentarios, hasta deje información referente al tema o simplemente recomendaciones para mejorar el articulo.

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

No existe una medida especifica para una pagina we, o que si existe son parámetros de usabilidad por los cuales uno se puede guiar al momento de diseñar, pero lo principal es adaptar la resolución del sitio.

 ¿CÓMO SE CREA UNA PÁGINA WEB? 

Los pasos para crear una página web son los siguientes: 

-Elegir y comprar un nombre de dominio

-Contratar un buen proveedor de hosting

-Instalar un CMS (Content Management System)

-Editar la información básica de nuestra web

-Elegir una plantilla predeterminada para nuestro sitio

-Diseñar los menús de navegación

-Crear las páginas estáticas de nuestro site

-Instalar un paquete SEO y asegurarnos de que el archivo sitemap.xls está en orden

-Crear un archivo robots.txt

-Empieza a publicar tus primeros posts        

¿QÚE ES DREAMWEAVER?

Dreamweaver es el programa mas utilizado en el sector del diseño y programación de web mas avanzada; sus dos principales competidores son Microsoft Expression Web y BlueGriffon.

CARACTERISTICAS 

 

-Es un software fácil de usar que permite crear paginas web profesionales.

-Permiten agregar rápidamente diseños y funcionalidad de las paginas sin la necesidad de crear manualmente el codgo HTML.

-En esta se pueden crear tablas, editar marcos y trabajar con capas.

-Permite ocultar el código HTML, dejando la posibilidad de que cualquiera pueda crear paginas y sitios web sin la necesidad de escribir códigos.

Bibliografía: 

http://es.slideshare.net/teresaaAlvarez/dreamweaver-7985603

http://www.ticbeat.com/tecnologias/como-crear-pagina-web/