martes, 30 de octubre de 2018

CREACION DE PAGINAS WEB


DISEÑO DE PAGINAS 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.

   
    Resultado de imagen para ¿Qué es Hipertexto?
  • ¿Qué es Hipertexto?  Sistema de organización y presentación de datos que se basa en la vinculación de fragmentos textuales o gráficos a otros fragmentos, lo cual permite al usuario acceder a la información no necesariamente de forma secuencial sino desde cualquiera de los distintos ítemes relacionados

  • ¿Cuál es la estructura básica de un documento Web o HTML?   Para crear un verdadero documento HTML comenzará con tres elementos contenedores:
    • <html>
    • <head>
    • <body>
    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..
    Sólo hay una manera correcta de combinar estos tres elementos. He aquí su colocación exacta, con el doctype al comienzo de la página:
    <!DOCTYPE  html>
    <html>
     <head>
       ...
     </head>
     <body>
      ...
     </body>
    </html>
                
    Toda página Web utiliza esta estructura básica. Los puntos suspensivos (...) muestran dónde insertaría la información adicional.
    Una vez colocado el esqueleto XHTML, debe añadir dos conectores más a la mezcla.
    Toda página Web requiere un elemento <title> en la sección del encabezado. A continuación, deberá crear un contenedor para el texto en la sección del cuerpo de texto (<body>).
    Un elemento contenedor de texto multiuso es <p>, que representa un párrafo. Veamos con más detalle los elementos que hay que agregar:
    • <title>: Establece el título de la página Web, el cual tiene varias funciones. Primero, los navegadores lo muestran en la parte superior de la ventana. Segundo, cuando un visitante crea un marcador para la página, el navegador emplea el título para etiquetarlo en el menú Marcadores (o favoritos). tercero, cuando la página aparece en una búsqueda Web, el motor de búsqueda suele enseñar este título como primera línea en los resultados, seguido de un fragmento del contenido de la página.
    • <p>: Indica un párrafo. Los navegadores no los sangran pero añaden un pequeño espacio entre varios consecutivos para mantenerlos separados.
    He aquí la página con estos dos nuevos ingredientes:
    <!DOCTYPE  html>
    <html>
     <head>
      <title>Bienvenido  a mi sitio Web</title>
     </head>
     <body>
      <p></p>
     </body>
    </html>
                 
    Si abre este documento en un navegador Web, verá que la página está vacía, pero ahora aparece el título.

  • ¿Qué programas podemos utilizar para el diseño de una página web?

Editores WYSIWYG para Crear Páginas Web
    Imagen relacionada
  • Adobe Dreamweaver. Seguramente esta es una de las herramientas que conoces o que almenos haz escuchado mencionar desde hace tiempo. ...
  • WebSite X5 Evolution. Ahora bien. ...
  • Avanquest WebEasy Professional. ...    
  • MAGIX Web Designer 11. ...
  • Jimdo. ...
  • Wix. ...
  • Weebly. ...
  • OK Builder.








  • ¿Que son los Enlaces (vínculos) y cuantos tipos hay?
es una unión, relación o atadura de una persona o cosa con otra. Por lo tanto, dos personas u objetos vinculados están unidos, encadenados, emparentados o atados, ya sea de forma física o simbólica. ... De ahí que surjan términos tales como vínculo de sangre.


  • ¿Cuáles son los tipos formatos de Imágenes compatibles con la Web?
Los más utilizados en la actualidad son: BMP, GIF, JPG, TIF y PNG.
  • BMP (Bitmap = Mapa de bits)

  • GIF (Graphics Interchange Format = Formato de Intercambio Gráfico)


  • JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos)

Imagen relacionada



  • ¿Cuáles son las etiquetas para Insertar tablas, instrucciones HTML y videos?
Resultado de imagen para ¿Qué entiendes por nube?
Es un nuevo modelo de uso de los equipos informáticos. Traslada parte de tus archivos y programas a un conjunto de servidores a los que puedes acceder a través de Internet. Permite almacenar tus cosas en esos servidores.Resultado de imagen para ¿Qué entiendes por nube?
Llego el momento de insertar nuestra primera imagen con HTML, la etiqueta que sirve para agregar imágenes es <img> pero al igual que la etiqueta para crear enlaces, necesitamos agregar un atributo para especificar la ubicación, en este caso, de la imagen.
Para insertar una imagen lo haremos así:

<img src="ubicación"

Donde SRC corresponde al inglés Search y es el recorrido del que el navegador saca la imagen (en este caso "immagine.gif"). Como hemos señalado, esta marca es única en el sentido de que NO lleva como cierre el correspondiente </IMG>.

Los navegadores (Netscape, MsIe, Opera etc.) reconocen numerosos formatos gráficos, aunque los más utilizados son dos: GIF (Graphics Interchange Format) y JPEG (Joint Photographics Experts Group). En los últimos meses, asistimos a la difusión a nivel internacional de otro formato:PNG (Portable Network Graphics).
perros ordenador GIF















Resultado de imagen para ¿Qué entiendes por nube?¿Qué entiendes por nube?
La computación en la nube (del inglés cloud computing),​ conocida también como servicios en la nube, informática en la nubenube de cómputo, nube de conceptos o simplemente "la nube", es un paradigma que permite ofrecer servicios de computación a través de una red, que usualmente es Internet.







  • ¿Qué es la nube?
Resultado de imagen para ¿Qué entiendes por nube? es un nuevo modelo de uso de los equipos informáticos. Traslada parte de tus archivos y programas a un conjunto de servidores a los que puedes acceder a través de Internet. Permite almacenar tus cosas en esos servidores.





  • ¿Como puedes crear una red social y que es? 

1. Elgg

 es una de las herramientas más recomendadas por sus múltiples funcionalidades y soporte multilenguaje. Permite a las empresas, escuelas, universidades y asociaciones crear sus propios entornos sociales con todas las características y aplicaciones más comunes.
Elgg es de código abierto. Integra RSS, perfiles para usuarios, soporte para celulares, personalización mediante plantillas y plugins y usa Open ID. La ONG internacional Oxfam, el gobierno australiano, entre otros, la usan.

2. Budypress

 también es un software libre y open source. Su comunidad de programadores se encarga de dar soporte a su código, crear plugins y temas.
A diferencia de los servicios alojados, BuddyPress permite mantener el control de tu sitio y crear una experiencia única, totalmente personalizada. Pueden crearse perfiles para usuarios, grupos, integrar un sistema de mensajería, blogs, foros y chat.

3. Pligg

es una plataforma de red social con la que puedes generar sitios como Digg y Menéame. Una red colaborativa con sistemas de votación en donde los usuarios comparten sus contenidos y los valoran.
Integra perfiles de usuarios, correo, sistema de comentarios, RSS, soporte multilenguaje, entre otros. Para hacer uso de esta herramienta se requieren PHP y MySQL.

4. AroundMe

 es un proyecto que nace para brindar software libre para ayudar a que las organizaciones sociales en todo el mundo se comuniquen y comparten en comunidad.
Permite crear sitios web de colaboración social (como Ning, MySpace, Yahoo o Google groups). Cada grupo puede crear una página web, libro de visitas, blog, foro y wiki. Es multilenguaje y soporta personalización mediante temas.
Cada grupo es totalmente personalizable utilizando XHTML, CSS, JavaScript y PHP. Se puede interactuar con otras redes sociales y actualizarlas o revisar sus últimas noticias.

5. SocialEngine

 es la herramienta de pago mas usada para crear redes sociales, esta desarrollada en PHP. La secuencia de comandos le permite crear fácilmente su propia red social o comunidad en línea. Incluye grupos personalizados, álbumes de fotos, mensajes, perfiles de miembros, videos, noticias. Usa arrastrar y soltar como funcionalidad para administrar el CMS, y mucho más.

6. Mahara

 es un sistema de código abierto que permite crear comunidades en línea y redes sociales a través de grupos, blogs y foros.
Los usuarios pueden crear sus portafolios con carpetas y subcarpetas y cargar múltiples archivos, gestionar un blog, crear listas de amigos, incluye un constructor de currículum vitae.

7. CrowVine

 ofrece un entorno social muy fácil de crear para fines más específicos. Ayuda a organizadores de conferencias y seminarios a generar una comunidad alrededor de su evento.
Los usuarios pueden crearse perfiles. Integra un sistema de preguntas y comentarios, búsqueda mediante etiquetas, un sistema de mensajería y contacto, grupos de interés. Además pueden compartir un calendario con las fechas del evento y agregar un sistema de puntuación. Permite exportar contactos y usa OpenID.

8. SocialGO

 te permite crear una red social totalmente gratis. Es altamente personalizable con plugins y temas. Puedes crear para tu comunidad perfiles de usuarios, Blogs, foros, moderación de contenidos, compartir imágenes y vídeos, chat, correo interno, boletines informativos y calendarios. Ofrece integración con Facebook y Twitter.

9. Lovdbyless

 es otra solución de código abierto escrito en Ruby on Rails. Los usuarios pueden seguir a otros usuarios, realizar comentarios en los perfiles, enviar mensajes internos, crear blogs, galería de fotos, buscar amigos y ver su actividad reciente. Ofrece integración con Flickr y YouTube.

10. iSocial

 es una forma rápida y fácil para crear una red social. Incluye soporte para OpenID y autenticación abierta, así como Facebook Connect. Una vez que la red esté en funcionamiento, los usuarios pueden compartir archivos multimedia como fotos y vídeos y añadir eventos.
Resultado de imagen para ¿Como puedes crear una red social y que es?


lunes, 8 de octubre de 2018

Mostrar la relevancia de la tecnología en su entorno y en el desarrollo humano mediante su explicación en presentaciones gráficas.

Resultado de imagen para GIF
 4.1 Identificación del papel de la tecnología en el desarrollo humano

HOLA 
INTERNAUTAS 





De seguro te preguntas 
¿Las actividades cotidianas en la tecnología?

La tecnología a avanzado un largo tiempo 
desde un radio aun pequeño artefacto del tamaño
 de una cartera en tus manos donde puedes hacer mas
cosas que en una computadora y eso es un "CELULAR"

Imagen relacionada
Pero esto afecta a diferentes ámbitos humanos y uno de esos es nada menos a la comunicación  humana y al socializar 




¿PERO QUE ES LO QUE AFECTA ?

Las principales consecuencias de la tecnología que impactan en nuestra vida diaria son la dificultad para comunicarnos y relacionarnos con otras personas, por lo que se debe tener especial cuidado en no caer en este tipo de situaciones

Si los nuevos medios electrónicos han empobrecido nuestro lenguaje y la capacidad de comunicarnos y expresarnos, y puede que esta sea una pregunta que habríamos de responder cada uno de manera individual, pero lo cierto es que, la forma en que nos comunicamos actualmente ha sufrido una notable transformación

Si nos remontamos a analizar los cambios que han sufrido las tecnologías de la escritura a lo largo de la historia de la humanidad nos daremos cuenta que todos han tenido consecuencias en las prácticas sociales.


pc mac GIF4.2 Elaboración de presentaciones gráficas

De seguro te preguntas como 
hacer una presentación gráfica


Lo primero que tienes que hacer es aprenderte para
que sirve todo 

1-Para qué sirve un programa como PowerPoint:
Se puede decir que PowerPoint es una aplicación que está dirigida fundamentalmente a servir de apoyo en presentaciones o exposiciones de los más diversos temas, proyectando una serie de diapositivas a través del ordenador. 




2-Ventana principal de la aplicación:
En informática, una ventana es un área visual, normalmente de forma rectangular, que contiene algún tipo de interfaz de usuario, mostrando la salida y permitiendo la entrada de datos para uno de varios procesos que se ejecutan simultáneamente.



3-Barras de herramientas:
Es un componente de la interfaz gráfica de un programa y es mostrado en pantalla a modo de fila, columna, o bloque, que contiene iconos o botones, que al ser presionados, activan ciertas funciones de una aplicación.
Resultado de imagen para barras de herramientas power point


4-Asistente de diapositiva:
El Asistente es una utilidad de PowerPoint que nos permite crear multitud de documentos de manera interactiva y completamente guiada. Con él podemos obtener resultados asombrosos con unos pocos pasos y sin necesidad de poseer unos conocimientos avanzados sobre la aplicación.
Imagen relacionada

5-Diseño de diapositiva y tipos:
Marcadores de posición son los contenedores en diseños que contienen este tipo de contenido como texto (incluido el texto de cuerpo, listas con viñetas y títulos), tablas, gráficos,películas, sonidos, imágenes y imágenes pre diseñadas.
Resultado de imagen para Diseño de diapositiva y tipos
6-Modos de visualización:
Es importante que sepas cómo acceder a los diferentes modos de visualización de diapositivas y utilizarlos para diversas tareas. Éstos se encuentran en la parte inferior derecha de la ventana.
Resultado de imagen para Modos de visualización power point

4.3 Herramientas especiales

Bueno amigos aquí les explicare
Resultado de imagen para gif cell ponte vergas
mas conciso todo   













1-Gráficos:Puede crear un gráfico en PowerPoint o Excel. Si tiene una gran cantidad de datos para el gráfico, crear el gráfico en Excel y, a continuación, cópielo en la presentación. También es la mejor manera si periódicamente los cambios de datos y desea que el gráfico para reflejar siempre los números más recientes. En ese caso, cuando copia y pega el gráfico, mantenerlo vinculado al archivo original de Excel.
Resultado de imagen para gráficos power point


2-Organigramas: es la representación gráfica de la estructura de una empresa o cualquier otra organización, incluyen las estructuras departamentales y, en algunos casos, las personas que las dirigen, hacen un esquema sobre las relaciones jerárquicas y competencia les de vigor.
Resultado de imagen para organigramas powerpoint



Resultado de imagen para notas powerpoint3-Notas:Puedes añadir notas a las diapositiva. Pueden ayudarte a preparar tu presentación. Puedes entrar y verlas, utilizando el panel de notas.

4-Platillas de diseño y patrones:Microsoft PowerPoint proporciona plantillas de diseño (plantilla de diseño: archivo que contiene los estilos de una presentación, incluido el tipo y el tamaño de las viñetas y fuentes; posiciones y tamaños de los marcadores de posición, diseño de fondo y combinaciones de colores de relleno y un patrón de diapositivas y el patrón de títulos opcional.) que puede aplicar a las presentaciones para que tengan un aspecto y un diseño totalmente profesionales
.

5-Audio:Para reproducir una canción en todas las diapositivas en PowerPoint 2010. En la pestaña Insertar, haga clic en Audio y luego en Audio de archivo. En el explorador de archivos, busque el archivo de música que quiera usar y seleccione Insertar.
Resultado de imagen para audio power point

6-Vídeo:Cuando realiza una grabación de una presentación, todos sus elementos (narración, animación, movimientos del puntero, intervalos, etc.) se guardan en la propia presentación. Básicamente, la presentación se convierte en un vídeo que el público puede ver en PowerPoint.}
Resultado de imagen para Video power point

7-Importar objetos:Insertar un objeto incrustado


  1. Haga clic en la diapositiva donde desee colocar el objeto.
  2. En la pestaña Insertar, en el grupo Texto, haga clic en Objeto.
  3. Siga uno de estos procedimientos: Si ya no existe el objeto, haga clic en Crear nuevo. ..
  4. .Resultado de imagen para importar objetos powerpoint

8-Inserción de objetos, imágenes,figuras, sonidos:

En PowerPoint se puede insertar una imagen pre-diseñada o una imagen de la Galería de imágenes, o bien insertar imágenes o fotografías procesadas por escáner importadas de otros programas y lugares. Abra la diapositiva a la que desea agregar una imagen y luego coloque la imagen

9-Transacciones entre diapositivas:Agregar transiciones entre diapositivas. ...Transiciones de diapositiva son los efectos que se producen al pasar de una diapositiva a la siguiente durante una presentación. Puede controlar la velocidad, agregar sonido y personalizar las propiedades de efectos de transición.
Resultado de imagen para Transiciones entre diapositivas

10-Animación:Puedes animar texto, imágenes, formas, cuadros, gráficos SmartArt y otros objetos en una presentación MicrosoftPowerPoint 2010 para darles efectos visuales, incluido efectos de principio, efectos de fin, cambios de tamaño o de color e incluso movimiento.

11-Reproducción de la presentación:Reproducir un vídeo automáticamente cuando se muestre una diapositiva enpresentación con diapositivas. En la vista Normal, haga clic en el vídeo de su diapositiva. En Herramientas de vídeo, haga clic en la pestaña Reproducción. Junto a Inicio, haga clic en la flecha hacia abajo y seleccione automáticamente

A qui acabamos chicos

muchas gracias .

goku GIF

8.1-Riesgos Tecnológicos

INTERNET; Riesgos Y Consecuencias De Un Uso Inadecuado Las nuevas tecnologías incorporan como parte de nuestra vida social y personal, ...