Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • GUIA DE APRENDIZAJE Tecnología e Informática

    Cargado por

    Yilmer Yesid Gaitan Perez
    19 vistas7 páginas

    Título original

    GUIA DE APRENDIZAJE Tecnología e informática

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    19 vistas7 páginas

    GUIA DE APRENDIZAJE Tecnología e Informática

    Cargado por

    Yilmer Yesid Gaitan Perez

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 7

    GUIA DE APRENDIZAJE – CICLO VI: 11º

    Tecnología e informática - 10 Horas


    Ejercicio tema 1
     nombra las partes del documento HTML
    El encabezado, delimitado por <head> y </head> donde colocaremos etiquetas de índole
    informativo como por ejemplo el título de nuestra página.
    El cuerpo, flanqueado por las etiquetas <body> y </body>, que será donde colocaremos
    nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.
    Posee los atributos:
    Bgcolor="#78BA46" establece el color o la imagen de fondo de la página.
    Background="archivo de imagen" Establece la imagen de fondo indicando la ruta en la que
    se encuentra la imagen. Si está en el mismo directorio en el que se encuentra guardada la
    página es suficiente poner el nombre.
     Que es un editor
    Un editor es un programa que nos permiten redactar documentos. Hoy en día existen un
    gran número de editores que permiten crear páginas web sin la necesidad de escribir ni una
    sola línea de código HTML. Estos editores disponen de un entorno visual, y generan
    automáticamente el código de las páginas. Al poder ver en todo momento cómo quedará la
    página en el navegador, se facilita la creación de las páginas, y el uso de menús permite
    ganar rapidez.
     Nombra las características de un documento HTML
     Una característica de HTML es que es pasivo. Esto es no interactúa con el usuario.
     De una forma directa un documento de HTML no puede pedir información al
    usuario, procesarla y desplegarla.
     Es un lenguaje muy parecido a cómo trabaja un procesador de textos. HTML es un
    lenguaje transferible, es decir, se pueden visualizar las páginas con cualquier
    sistema operativo
     Una de las características más importantes del HTML es el hipertexto. Esto quiere
    decir que las páginas no son elementos aislados, sino que están unidas a otras
    mediante los links o enlaces hipertexto
     Que es el lenguaje HTML
    El HTML es un lenguaje de marcas que basa su sintaxis en un elemento de base al que
    llamamos etiqueta. A través de las etiquetas vamos definiendo los elementos del
    documento, como enlaces, párrafos, imágenes, etc. Así pues, un documento HTML estará
    constituido por texto y un conjunto de etiquetas para definir la forma con la que se tendrá
    que presentar el texto y otros elementos en la página.
    Ejercicio tema 2
     Consultar cuales son las características principales de Dreamweaver
    Adobe Dreamweaver CC es una aplicación de diseño y desarrollo web que usa una área de
    diseño visual exitosa como Live View, un editor de código con propiedades estándar como
    consecuencia de sintaxis, finalización de código y colapso de código y funcionalidades más
    avanzadas como tiempo real, comprobación de la sintaxis e introspección de código para
    crear recomendaciones de código para auxiliar al cliente a escribirlo. Combinado con una
    pluralidad de herramientas de gestión de sitios, Dreamweaver posibilita a sus usuarios
    diseñar, codificar y regir sitios web y contenido móvil. Dreamweaver es un ámbito de
    desarrollo incluido (IDE). Dreamweaver se posiciona como un instrumento versátil de
    diseño y desarrollo web que posibilita la visualización del contenido web a medida que se
    codifica.
     Ventajas y desventajas de Dreamweaver
     VENTAJAS
    ·Como editor WYSIWYG que es, Dreamweaver posibilita ocultar el código HTML de cara
    al cliente, realizando viable que alguien no entendido logre generar páginas y sitios web de
    forma fácil sin necesidad de redactar código.
    ·Un aspecto de alta importancia de Dreamweaver es su funcionalidad con extensiones. Las
    extensiones, tal y como se conocen, son pequeños programas, que cualquier creador web
    puede redactar (normalmente en HTML y JavaScript) y que cualquier persona puede bajar
    e instalar, ofrendando de esta forma funciones añadidas a la aplicación.
     DESVENTAJAS
    Precio bastante elevado
    A la fecha de abril del 2011, Dreamweaver tiene un costo de comercialización de alrededor
    de 600 dólares, centenares de dólares más caros que los programas semejantes, como por
    ejemplo Front Page y NVU. Si no, puedes sencillamente ingresar el código de un website o
    una página completa usando el editor de Windows "built-in-text", Notepad.

    Interfaz caótica
    Dreamweaver tiene una interfaz caótica que puede intimidar a los usuarios nuevos. Para
    convertirte en un experto en Dreamweaver, necesitas mercar una guía Dreamweaver y
    leerla de inicio a fin, lo que puede llevar bastante tiempo.
    Falta de código
    La interfaz fácil apunta-y-cliquea de Dreamweaver anima a los usuarios, y en especial a los
    estudiantes adolescentes, a no involucrarse en aprender el lenguaje de los códigos, como
    por ejemplo HTML y PHP. Además, Adobe, el autor de Dreamweaver, saca una totalmente
    nueva versión cada 3 o 4 años.
    Espacio en el disco duro
    Si solo estuvieras por redactar el código en Notepad, casi no ocuparías espacio. Además,
    cada plan puede utilizar centenares de megabytes de espacio, según qué tan enorme sea.

     Utilidad de esta plataforma en programación HTML


    Adobe Dreamweaver es una aplicación enfocada a la construcción y edición de sitios y
    aplicaciones Web, creadas inicialmente por Macromedia (actualmente producido por
    Adobe Systems).
    Adobe define a Dreamweaver CS3 como un editor HTML profesional para diseñar,
    codificar y desarrollar sitios, páginas y aplicaciones Web. Tanto si desea controlar
    manualmente el código HTML, como si prefiere trabajar en un entorno de edición visual.
    Dreamweaver CS3 le proporciona útiles herramientas que mejorarán su experiencia de
    creación Web. Las funciones de edición visual de Dreamweaver CS3 permiten crear
    páginas de forma rápida, sin escribir una sola línea de código.
    Ejercicio tema 3
    1. ¿Qué es multimedia?
    El concepto multimedia se refiere a cualquier objeto o sistema que usa diversos
    medios de expresión físicos o digitales electrónicos para exponer o comunicar
    información. Además se puede calificar como multimedia a los medios electrónicos
    u otros medios que permiten guardar y exponer contenido multimedia. Multimedia
    es parecido al trabajo clásico de medios mixtos en las artes plásticas, sin embargo
    con un alcance más extenso.

    2. ¿Qué formatos de archivos se usan en multimedia?


    Podemos mencionar los siguientes:
    MP4 / AVI / MKV / FLV / MOV / WMV
    DIVX / H.264 / XVID / RM

    3. ¿Qué es animación?
    La animación es el proceso por el que se logra dar movimiento a dibujos u objetos
    inanimados. Ya sean dibujos, renders o fotografías (Animación 3d, dibujo
    tradicional, figuras de Stop Motion, etc.). Técnicamente, la animación viene a ser
    una secuencia imágenes, que al mostrarlas de forma consecutiva, logran generar un
    efecto de movimiento creíble en nuestro cerebro.
    Sin embargo, la animación es mucho más que eso. Animar tiene su origen en el latín
    “Anima” y cuyo significado es “Alma”. Por lo tanto animar consiste en dar alma a
    un personaje o un objeto de forma que parezca que este cobre vida, piense y actúe
    por sí mismo.
    4. ¿Qué es flash?
    Flash es un término que procede del inglés y que puede referirse al aparato que
    brinda la luz necesaria para tomar una fotografía instantánea mediante un destello.
    Ese mismo destello también recibe el nombre de flash.

    5. ¿Qué es una línea de tiempo?


    Una línea de tiempo es una representación gráfica que permite ver y comprender
    secuencias de tiempo entre eventos.
    Las líneas del tiempo son una herramienta visual para ordenar y explicar
    cronológicamente procesos o acontecimientos que han ocurrido a lo largo de un
    período, por lo cual son muy útiles como recurso pedagógico.
    En el mundo organizacional, una línea de tiempo puede ayudar a ver la evolución o
    involución de un proceso, departamento, producto o de la empresa misma.

    6. ¿En qué elementos se divide la línea de tiempo en flash?


    La Línea de tiempo se compone básicamente de capas, que se muestran a la
    izquierda del panel; de fotogramas, que se muestran, en línea recta, delante de cada
    capa, y de una cabeza lectora. El fotograma correspondiente a la posición de la
    cabeza lectora se muestra en la escena.
    7. ¿Cuál es la unidad de medida en la línea de tiempo?
    La Línea de tiempo se compone principalmente de capas que están colocadas a la
    izquierda del panel; de fotogramas que están situados en una línea a la derecha de
    cada capa, y de una cabeza lectora. El fotograma correspondiente a la posición de la
    cabeza lectora se muestra en el escenario. La unidad empleada es el fotograma por
    segundo (fps) y la velocidad predeterminada es de 24 fps.

    8. ¿Qué son las capas y cuál es su función?


    El concepto de Capa es fundamental para manejar Flash de forma eficiente. Dada la
    importancia de estas, se le dedicará un tema completo. Aun así, veamos a grandes
    rasgos qué son las capas.
    Una Capa se puede definir como una película independiente de un único nivel. Es
    decir, una capa contiene su propia Línea de Tiempo (con infinitos fotogramas).
    Los objetos que estén en una determinada capa comparten fotograma y por tanto,
    pueden "mezclarse" entre sí. Esto es interesante a menudo, pero otras veces es
    conveniente separar los objetos de modo que no interfieran entre sí. Para ello,
    crearemos tantas capas como sea necesario. El uso de múltiples capas además, da
    lugar a películas bien ordenadas y de fácil manejo.

    Ejercicio tema 4
     Nombra 3 sitios para la creación de páginas web. Características, ventajas y
    desventajas de los sitios o plataformas anteriormente nombradas.

    I. Squarespace
    Sabemos que se trata de un servicio para la creación de páginas web, pero podemos
    profundizar un poco más. Squarespace es un CMS o por sus siglas en inglés,
    Content Manager System o Sistema de Gestión de Contenidos. Esto quiere decir
    que, a través de sus funciones podemos manejar todo lo relacionado con lo que
    presentaremos en la página.
    Lo que resulta atractivo de esta alternativa es la posibilidad de crear un sitio web a
    partir de plantillas, en cuestión de un par de horas. Además, hablamos de un
    servicio integral en donde no tendrás que lidiar con la compra de un hosting o
    dominio, porque todo lo puedes obtener a través de una suscripción. De esta forma,
    los usuarios pueden enfocarse completamente en la creación de la página web,
    considerando que, no harán falta otras configuraciones.

    VENTAJAS
     No necesitarás comprar y configurar un hosting y un dominio.
     No hace falta la instalación de plugins.
     Al no depender de plugins de terceros, la plataforma es muy estable.
     Muy amigable para el usuario que no quiere configurar demasiados controles.
     Todas las plantillas son profesionales y atractivas.
     No hace falta programar, el editor web funciona bajo la modalidad Drag and Drop.

    DESVENTAJAS
     El editor web no es del todo sencillo y requiere algo de práctica para
    familiarizarnos.
     Los precios pueden resultar costosos.
     El servicio no cuenta con un plan de gratuito.
     Las alternativas de pago para E-Commerce son pocas.
     Las plantillas pueden limitar tus requerimientos. Es decir, ubicar un bloque de
    contenido en un sitio específico dependen enteramente de que la plantilla lo
    permita.
     El editor no se adapta a la interfaz móvil, por lo que obliga a trabajar desde el
    computador.

    II. Wordpress.com
    WordPress.com es una plataforma para la creación de blogs, tiendas en línea y sitios
    web en general. Utiliza WordPress, el sistema de gestión de contenido de software
    libre. Es propiedad de Automattic.
    No requiere de ningún tipo de registro para leer o comentar en los blogs alojados en
    el sitio, salvo que así lo decida el propietario. El registro solo es obligatorio para
    crear blogs y publicar artículos, y es gratuito en su versión básica. Algunas
    características avanzadas son de pago a través de su servicio VIP, como el mapeo de
    dominios, la edición de CSS, la eliminación de anuncios, el aumento del espacio de
    almacenamiento y la posibilidad de alojar audio y video.

    VENTAJAS
     Código abierto
     Gratuito
     Fácil instalación
     Sencilla configuración inicial
     Fácil instalación de temas
     Facilidad en su administración
     Mejora tu Posicionamiento SEO
     Migración de hosting fácil
     Compatible con HTTPS
     Potenciador de negocios
     Nunca se detiene
    DESVENTAJAS
     Demasiado consumo de recursos
     Baja velocidad
     Es el CMS más atacado
     Plugins inestables
     A veces es necesario saber programación
     Avanza muy rápido

    III. Wix “el más elegido”


    Posibilita a los usuarios producir sitios web HTML5 y sitios móviles por medio del uso de
    herramientas de arrastrar y soltar online. Los usuarios tienen la posibilidad de añadir
    funciones como plug-ins, e-commerce, cuestionarios de contacto, marketing por
    correspondencia electrónico, y foros comunitarios con sus sitios web usando una diversidad
    de aplicaciones hechas por Wix y de terceros.
    Los usuarios tienen que mercar paquetes Premium para conectar sus sitios a sus propios
    dominios, remover los anuncios Wix, aumentar habilidades de negocio electrónico o
    mercar almacenamientos de datos y ancho de banda extras.
    VENTAJAS
     Cualquiera puede Crear una Web
     Muchas Plantillas donde elegir
     Muchas opciones de personalización
     Crear Animaciones
     Tienda de Aplicaciones
     Copias de seguridad Automáticas
     Suscripción Mensual
     Cualquiera puede tener un Blog
    DESVENTAJAS
     Plan Gratuito algo limitado
     Plan Premium inicial no elimina anuncios
     Páginas Lentas
     El SEO
    Como se puede ver existen más ventajas que desventajas. Sin embargo el ser humano suele
    quedarse con lo malo antes que con lo bueno.

    También podría gustarte