lunes, 29 de octubre de 2018

7.0 CREAR ENTORNOS DIGITALES A TRAVÉS DEL DISEÑO DE UNA RED DE APRENDIZAJE PARA LA COMUNICACIÓN Y EL INTERCAMBIO DE INFORMACIÓN MEDIANTE EL USO DE HERRAMIENTAS DE PROCESAMIENTO DE INFORMACIÓN MEDIANTE EL USO DE HERRAMIENTAS DE PROCESAMIENTO DE INFORMACIÓN EN LA NUBE

DISEÑO DE UNA PAGINA WEB

-CONOCIMIENTO TECNOLÓGICO DE INTERNET:


El conocimiento tecnológico se refiere a un conjunto de saberes dirigido a la creación, manipulación y evaluación de artefactos tecnológicos:

Es una forma de conocimiento que va más allá de la observación de los fenómenos existentes. Su interés está puesto en la creación de nuevos artefactos o sistemas y en la solución de problemas o necesidades a través de nuevos instrumentos tecnológicos.Tiene como fundamento la inventiva y la innovación, ya que, está orientado a la fabricación de cosas que no existen. Artefactos posibles que están basados en principios naturales y científicos pero que requieren de la chispa creativa para volverse realidad.

Este tipo de conocimiento nace de la curiosidad, de un problema para resolver o una necesidad que requiere satisfacción. Por eso es fundamental en el desarrollo de la sociedad y tiene un gran impacto.

-¿QUE ES ELHIPERTEXTO?
El hipertexto es un concepto asociado a la informática haciendo referencia al sistema que permite enlazar fragmentos de textos entre sí, permitiendo al usuario acceder a la información no de forma secuencial sino a través de los ítems relacionados.

El concepto de hipertexto fue creado en la década de los 60 por el filósofo y sociólogo estadounidense Theodor Holm Nelson para designar la nueva lectura no lineal e interactiva que surgió con la informática y la aparición del internet. Para llevar a cabo el proceso de hipertexto, la World Wide Web utilizó el protocolo HTTP, acrónimo de Hyper Text Transfer Protocol que en español significa Protocolo de Transferencia de Hipertexto, que consiste en un protocolo de comunicación entre sistemas de información que permite la transferencia de dados entre redes de computadores para enlazar páginas HTML o páginas web y archivos multimedia.

-¿CUAL ES LA ESTRUCTURA BÁSICA DE UN DOCUMENTO WEB Y HTML?


Estos tres se combinan para describir la estructura básica de la página:

-<html>: Este elemento envuelve todo el contenido de la página (excepto la DTD)

-<head>: Este elemento designa la parte de encabezado del documento. Puede incluir información opcional sobre la página Web, como puede ser el título (el navegador lo muestra en la barra de título), palabras clave de búsqueda opcionales y una hoja de estilo opcional.

-<body>: Este elemento alberga el contenido de su página Web, es decir, aquello que queremos que aparezca en el área de navegación del navegador..

-¿QUE PROGRAMAS PODEMOS UTILIZAR PARA EL DISEÑO DE UNA PAGINA WEB?

PROGRAMAS GENERALES
Son programas que su utilidad es del interés general, no exclusivos para programadores o desarrolladores. Entre los programas mas representativos se encuentran: Mozilla, Xenu Link, Opera (Navegador), FileZilla (Cliente FTP), Open Office, Picasa2, Skype, PDFill, 7-Zip, etc.
PROGRAMAS DE DISEÑO
Programas que son útiles en el diseño de paginas Web en general. Entre esta categoría de programas se encuentran: PhotoShop Elements 3.0, Flash, Dreamweaver, Corel Ventura 10, Adobe PhotoShop, Photo Impact, Xara X1, Deep Paint 3D, solo por mencionar algunos.
PROGRAMAS PARA CREAR PAGINAS WEB CON COSTO
Lo recomendable antes de utilizar algún programa, es buscar en la Web algún tutorial sobre recomendaciones de programas para generar páginas Web sencillas.
 Aquí mostramos a continuación un listado de los más conocidos y recomendados:
Dreamweaver: Fue creado por Macromedia, aunque en la actualidad lo produce Adobe Systems, este es el programa mas utilizado para programación Web, por sus funciones, la integración con otras herramientas como el adobe flash y sus recientes agregaciones a soporte de los estándares Web Consortium. Cuenta con soporte para editar imagines y crear animaciones a través de su integración con otras. Una de las desventajas mas duramente criticadas en este programa es que hasta la versión MX, no contaba con soporte de los estándares Web, el código generado solo podía ser visualizado en Internet Explorer y no era validado como HTML estándar.

-¿QUE ES UN ADMINISTRADOR DE SITIOS EN LA WEB?
Los administradores de sitios web son los responsables de los sitios web de internet.
Se aseguran de que la información del sitio web es correcta, segura y está actualizada. Trabaja estrechamente con diseñadores y programadores y con los departamentos de ventas y marketing.
Alguno administradores también diseñan y configuran los sitios. Se los conoce también como administradores web o webmasters.

Los administradores de sitios web planifican y organizan el desarrollo técnico de uno o más sitios web. Esto puede incluir seleccionar el hardware y el software que permita a la empresa realizar negocios a través de internet (el denominado comercio electrónico).

Las responsabilidades principales de los administradores incluyen garantizar que el sitio web funciona correctamente y de forma precisa y que está actualizado. Esto es clave ya que las organizaciones usan los sitios web para proporcionar un servicio y mostrar su imagen y su esencia.

El administrador también se encarga de que cualquier adición al sitio web sigue el estilo existente, por ejemplo, en términos de diseño, plantilla y estructura. Deben comprobar que toda la información nueva coincida con el estilo editorial existente y realizar cambios cuando se precie. Pueden emplear un sistema de gestión de contenido web para actualizar el sitio.
A menudo trabajan con los departamentos de comunicación, relaciones públicas y marketing. Deben procurar que el sitio web transmita la imagen adecuada a los clientes de la organización y que el sitio sea fácil de encontrar mediante los motores de búsqueda. Se aseguran de que el sitio web cumple con la ley y que es accesible para todos los usuarios, por ejemplo, facilitando una versión de texto ampliado o subtítulos en los videos.

Los administradores procuran obtener información de los usuarios del sitio web. Reúnen estadísticas mensuales que muestran cuánta gente ha visitado el sitio durante este tiempo y qué páginas y funciones han usado. Esta información ayuda a la empresa a comercializar sus servicios con mayor eficacia.

¿QUE SON LOS ENLACES (VÍNCULOS) Y CUANTOS TIPOS HAY?
Los enlaces, links o vínculos, son los elementos más característicos de un hipertexto ya que a ellos se debe la posibilidad de de conectar la información. El World Web Consortium enHypertext Terms, define un enlace como:
"Una relación entre dos anclas (anchors), guardadas en la misma o diferente base de datos".
Los enlaces interconectan nodos o bloques de información de todo tipo y morfologías (texto, imágenes, audio, vídeo, etc.) y cada enlace puede conducir a un documento, parte de él, a un índice, al resultado de una búsqueda indexada, etc. Los enlaces son los que permiten una estructura no secuencial o multisecuencial del hipertexto al ofrecer la posibilidad de ir de un nodo a otro. Así, es posible saltar de un nodo A a un nodo C sin pasar por el nodo B, al contrario de lo que ocurre en una estructura secuencial que, inevitablemente, obliga a pasar del nodo A al nodo B y del nodo B al C.

TIPOS DE ENLACE

Existen diferentes tipos de enlaces que detallo a continuación:
Enlaces internos entre archivos .html
Son los enlaces principales de un sitio. Si en el archivo index.html, queremos agregar un vínculo a contacto.html el código sería así:<a href="contacto.html">Contáctenos</a>.El texto que queda encerrado entre las etiquetas <a> es lo que ve el usuario en color azul y subrayado.
Enlaces externos
Son los enlaces entre diferentes sitios web. Si queremos vincular un sitio web con otro, tenemos que indicar la ruta absolutadel sitio escribiendo la url completa que conviene copiarla del navegador. En este caso, es común usar el atributo target=""que nos permite abrir el enlace en una pestaña nueva. Por ejemplo, si quisiera poner un vínculo a Google y que éste abra en pestaña nueva, sería así: <a href="http://google.com" target="_blank">Ir a Google</a>
Enlaces internos: anclas
Las anclas son enlaces hacia un punto determinado dentro de un html. Se usa en varios casos, por ejemplo en una página de preguntas frecuentes donde las respuestas están desarrolladas debajo de las preguntas, o en Wikipedia, cuando el texto es extenso el menú tiene vínculos con anclas. También en los textos largos, al finalizar muchas veces se coloca un botón para subir. En los sitios de una sola página donde los botones en realidad hacen scroll, esas son anclas.


El punto de destino tiene que estar marcado con el atributo id="algo" y en el enlace se coloca un # (numeral) seguido del nombre. Por ejemplo:<a href="#respuesta4">Pregunta 4</a>"salta" a este párrafo: <p id="respuesta4">acá está escrita la respuesta</p>
Enlaces para ampliar una imagen


Es común armar una galería de fotos con imágenes miniaturas que vinculan a imágenes ampliadas. Si combinamos este recurso con código javascript, logramos galerías de fotos muy atractivas. El código HTML es así:<a href="imagenes/foto1-ampliada.jpg"><img src="imagenes/foto1-miniatura.jpg" alt="descripción de la foto"></a> El navegador le muestra al usuario la foto miniatura y si cliquea en ella, le muestra la foto ampliada.
Enlaces para descargar archivos


En realidad, dentro del atributo href="" podemos colocar la ruta hacia cualquier tipo de archivo. Si el navegador reconoce la extensión, lo abre por ejemplo: html, jpg, png, gif, svg, pdf, etc. Pero si no lo reconoce o es un archivo comprimido (.rar, .zip), el navegador le ofrece al usuario descargarlo. Ejemplo:

<a href="fotos.rar">Descargá todas las fotos</a>
Enlaces a una dirección de correo


Se puede vincular una dirección de correo para que abra en el programa de correo predeterminado. El código se escribe así:<a href="mailto:info@dominio.com">Consúltenos a info@dominio.com</a>

Este recurso está bastante cuestionado por dos razones: primero porque muchos usuarios utilizan correo webmail (Gmail, Yahoo, Hotmail) por lo que este enlace no les sirve (incluso molesta) y segundo porque les estamos facilitando a los robots que encuentren nuestro correo y lo incluyan en una base de datos para spam.
¿CUALES SON LOS TIPOS FORMATOS DE IMÁGENES COMPATIBLES EN LA WEB?

Las imágenes son parte fundamental de cualquier sitio web. Pero cuando se trabaja con ellas debe tenerse en cuenta el equilibrio necesario entre su calidad y el tamaño de descarga de las mismas. Un sitio web con imágenes de alta calidad consumirá mucho ancho de banda y será lento a la hora de renderizarse en los navegadores, lo que puede penalizar el comportamiento: los usuarios abandonarán el sitio web si tarda mucho en mostrarse.


Por lo tanto, es necesario conocer los distintos formatos de imágenes que pueden utilizarse en una web y saber en qué ocasiones elegir uno u otro. Los formatos más utilizados actualmente son tres: JPG o JPEG, GIF y PNG. Los tres son formatos de imagen de mapa de bits, es decir, que representan una imagen mediante la codificación de los valores del color y de la transparencia de cada píxel en contraposición a los formatos vectoriales (como SVG) que almacenan líneas, puntos y polígonos para crear la imagen.


La gran ventaja de los formatos de mapa de bits es que permiten una gran compresión de la información, dando lugar a archivos poco pesados. Sin embargo, cuando se realiza un zoom sobre ellos, la imagen puede acabar distorsionada o difuminada, apreciándose los píxeles. Por consiguiente, saber optimizar las imágenes para que parezcan de buena calidad y tengan poco tamaño de bytes es una labor que exige cuidado y conocimiento.

¿CUALES SON LAS ETIQUETAS PARA INSERTAR TABLAS,INSTRUCCIONES HTML Y VÍDEOS?
Las tablas son una de las herramientas más útiles de que disponemos en HTML, ya que nos van a permitir en cierto modo "maquetar" nuestro documento, ayudándonos a situar dentro del mismo los diferentes elementos que lo componen, siendo esta la única forma coherente que había antes de la introducción de las Hojas de Estilo y de las etiquetas.


Las tablas están formadas por filas, columnas y celdas. Cada espacio horizontal continuado es una fila y cada espacio vertical continuado esuna columna, definiéndose una celda como el espacio formado por la intersección de una fila y una columna.

columna 1

columna 2

columna 3


fila 1



celda(1,1)

celda(1,2)

celda(1,2)


celda(2,1)

celda(2,2)

celda(2,3)


celda(3,1)

celda(3,2)

celda(3,3)



fila 2


fila 3



Lo primero que tenemos que hacer cuando queremos introducir una tabla es decirle al navegador dónde empieza y dónde acaba esta; esto se consigue mediante la etiqueta de inicio <TABLE> y su correspondiente de cierre </TABLE>.


Seguidamente debemos decirle cuantas filas vamos a tener en nuestra tabla, cosa que hacemos con las etiqueta de inicio de fila <TR>> y su correspondiente de cierre de fila</TR>, por lo que deberenos insertar una pareja de etiquetas por cada fila que queramos que tenga la tabla.


Por último, dentro de cada fila deberemos indicar cuantas celdas va a haber, que inicialmente deben corresponderse con el número de columnas que deseemos tenga la tabla. Esto se consigue mediante las parejas de etiquetas <TD> y </TD>.


La cantidad de celdas debe ser el mismo en cada uno de las filas, para que la tabla tenga la misma cantidad de columnas. Se debe definir la cantidad de columnas que va a tener la tabla mediante el número de celdas que definamos en la primera fila.
Estructura de una página web 

<html>

<head>

<title>Primera pagina de Pepe</title>

</head>

<body>

&Eacute;sta es la primera p&aacute;gina de Pepe

</body>

</html>

VÍDEOS


EJEMPLO:


<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

Your browser does not support the video tag.

</video>


¿QUE ES LA NUBE?


La nube o computación en la nube concepto conocido también bajo los términos informática en la nube, nube de cómputo o nube de conceptos, del inglés Cloud computing, es un paradigma que permite ofrecer servicios de computación a través de Internet


n este tipo de computación todo lo que puede ofrecer un sistema informático se ofrece como servicio, de modo que los usuarios puedan acceder a los servicios disponibles “en la nube de Internet” sin conocimientos (o, al menos sin ser expertos) en la gestión de los recursos que usan.


"Cloud computing” es un nuevo modelo de prestación de servicios de negocio y tecnología, que permite al usuario acceder a un catálogo de servicios estandarizados y responder a las necesidades de su negocio, de forma flexible y adaptativa, en caso de demandas no previsibles o de picos de trabajo, pagando únicamente por el consumo efectuado.


¿COMO PUEDO CREAR UNA RED SOCIAL Y QUE ES?


Las redes sociales son sitios de Internet formados por comunidades de individuos con intereses o actividades en común (como amistad, parentesco, trabajo) y que permiten el contacto entre estos, de manera que se puedan comunicar e intercambiar información.

Los individuos no necesariamente se tienen que conocer previo a tomar contacto a través de una red social, sino que pueden hacerlo a través de ella, y ese es uno de los mayores beneficios de las comunidades virtuales.

Las empresas pueden crear una red social para fortalecer la comunicación entre sus clientes y empleados. Un colegio o universidad para los alumnos y toda la comunidad educativa. También se puede aprovechar para el lanzamiento de un nuevo producto.

En internet podemos encontrar herramientas para crear nuestra propia red social, aquí hemos compilado 10 de las plataformas más usadas para crear redes sociales.


No hay comentarios.:

Publicar un comentario

PROGRAMACION EN PSEUDOCODIGO Y ESTRUCTURADO

La informática se suele definir como la ciencia que estudia el tratamiento automatizado de la información. Para realizar dicho tratamiento...