1

República Bolivariana de Venezuela

Ministerio del Poder Popular para la Educación Superior

Instituto Universitario de Tecnología

“Juan Pablo Pérez Alfonzo”

IUTEPAL

Ampliación Puerto Cabello-Edo. Carabobo

Profesor (a): Integrantes:

Lcda. Sonia Padrón Ricardo Rosario

C.I:22.726.166

Jonás Lugo

C.I:25.780.010

Puerto Cabello, 8 de Agosto del 2016

2

Introducción

La "Web", apócope de "World Wide Web" (que se abrevia con las siglas www), es uno

de los métodos que Internet ofrece para explorar documentos conectados a través de

hipervínculos. El concepto de la Web se perfeccionó en el CERN (Centre Européen de

Recherche Nucléaire) en 1991 por un grupo de investigadores, entre ellos el creador del

sistema de hipervínculos, Tim Berners-Lee, a quien actualmente se considera como el padre

de la Web.

El principio de la Web se basa en el uso de hipervínculos para navegar entre documentos

(que se llaman "páginas Web") mediante un programa llamado navegador. Una página Web

es un archivo de texto simple escrito en un lenguaje de marcado llamado HTML que permite,

a través de etiquetas, describir el diseño del documento, sus elementos gráficos o los vínculos

a otros documentos.

Aparte de los vínculos que conectan documentos formateados, la Web usa el protocolo

HTTP para establecer vínculos con documentos alojados en equipos distantes (que se

denominan servidores web, en contraposición al cliente representado por el navegador). Los

documentos en Internet se identifican con una dirección única llamada URL que permite que

un recurso se localice independientemente del servidor de Internet donde se aloje.

3

Índice

Que significan las siglas WWW…………………………………………………..IV-V-VI

Que es una Página Web…………………………………………………………...VI-VII

Tipos de Página web………………………………………………………………VII-VIII-

IX

Características de una Página Web……………………………………………….IX-X-XI

Que es un Blog´s…………………………………………………………………XI.-XII-

XIII-XIV-XV-XVI

Que es una Wiki…………………………………………………………………..XVI-

XVII-XVIII-XIX

Que es un Web Quest……………………………………………………………..XIX-XX

Que es un Portafolio Digital………………………………………………………XXI-

XXII-XXIII-XXIV-XXV

Que es un álbum Multimedia……………………………………………………..XXV-

XXVI-XXVII-XXVIII-XXIX-XXX-XXXI

Pasos para realizar una página Web en Word……………………………………XXXI-

XXXII-XXXIII-XXXIV-XXXV

Conclusión……………………………………………………………………….XXXVI

Referencias Bibliográficas……………………………………………………….XXXVII

Anexos…………………………………………………………………………...XXXVIII-

XXXIX-XL

4

¿Qué significan las siglas “WWW”?

WWW son las iniciales que identifican a la expresión inglesa World Wide Web, el sistema

de documentos de hipertexto que se encuentran enlazados entre sí y a los que se accede por

medio de Internet. A través de un software conocido como navegador, los usuarios pueden

visualizar diversos sitios web (los cuales contienen texto, imágenes, videos y otros

contenidos multimedia) y navegar a través de ellos mediante los hipervínculos.

De esta manera, podríamos decir, utilizando una comparación con el sector de las

comunicaciones telefónicas, que www es el “prefijo” que tiene todo portal que se encuentre

en la mencionada Red al que queremos acceder. Gracias precisamente a Internet, al uso de la

www y, por consiguiente, a las diversas páginas web que aquellas presentan los ciudadanos

de todo el mundo tenemos la posibilidad de acceder a un sinfín de espacios donde podemos

encontrar la información sobre un aspecto que estamos buscando, donde tenemos la

oportunidad de entretenernos visualizando imágenes interesantes o incluso donde podemos

comunicarnos con personas de cualquier rincón de la geografía de nuestro planeta.

En este sentido, y partiendo de los ejemplos expuestos, podemos subrayar que algunas

de las web que más afluencia de usuarios tienen en todo el mundo son el buscador Google,

el portal de vídeos, You Tube redes sociales como Facebook. Merece destacarse que por

todo ello Internet y el mundo www se ha convertido en la auténtica revolución e innovación

del siglo XX y en eje indiscutible del siglo actual. Y es que ha logrado originar un cambio

absoluto no sólo en el ámbito tecnológico sino también social.

5

De esta manera, sociólogos expertos han subrayado como aquellos han modificado en

parte la comunicación entre los seres humanos. Y es que no sólo es que muchas personas

apuesten por la Red para poder tener conversaciones con sus amigos o familiares sino que

también un elevado número de ellas utilizan lo mismo para conocer a nuevos amigos o

relaciones, para recuperar el contacto con gente o incluso para establecer relaciones laborales.

La WWW, según se advierte al repasar los orígenes de esta sigla, fue desarrollada a inicios

de la década del ’90 por un hombre de origen inglés llamado Tim Berners-Lee, quien contó

con la colaboración de Robert Cailliau, un belga que trabajaba con él en Ginebra (Suiza). De

todas formas, sus antecedentes se remontan a los años ’40. Hay que destacar que Berners-

Lee y Cailliau han sido claves para la creación de diversos estándares relacionados al

universo web, como ocurrió con los lenguajes de marcado que hacen posible la creación de

páginas.

El funcionamiento de la WWW se da por iniciado cuando un usuario ingresa

una dirección (URL) en su navegador o cuando sigue un enlace de hipertexto incluido en una

página. El navegador entonces impulsa una serie de comunicaciones para obtener los datos

de la página solicitada y, de esta forma, visualizarla. El primer paso consiste en transformar

el nombre del servidor de la URL en una dirección IP, utilizando la base de datos conocida

como DNS. La dirección IP permite contactar al servidor web y hacer la transferencia de los

paquetes de datos. Luego se envía una solicitud HTTP al servidor a fin de lograr acceder al

recurso. Primero se pide el texto HTML y después se produce el análisis por parte del

6

navegador, que realiza otras peticiones reservadas a los gráficos y al resto de los archivos

que formen parte de la página.

¿Qué es una página WED?

Una página web se define como un documento electrónico el cual contiene información

textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible

mediante el uso de navegadores. Una página web forma parte de una colección de otras

páginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo

el nombre de un dominio.

La creación y desarrollo de una página web se realiza bajo un lenguaje de programación

capaz de ser interpretados por los navegadores, lenguajes como el HTML, PHP, ASP, JSP

o RUBY son ejemplos entre otros. Al inicio de la era de internet accesible, sobre los años

90, era necesario el conocimiento de algún lenguaje de programación para el desarrollo de

una web, siendo una tarea encomendada a personas con altos conocimientos informáticos,

hoy en día contamos con software especializado capaz de trabajar como un editor de texto

,estilo Word, que transforman toda la información insertada en un lenguaje de

programación capaz de ser interpretado por los navegadores, de esta forma se liberalizó y

se globalizó la creación de páginas webs con apenas unos escasos conocimientos

informáticos, programas como Dreamweaver, Amaya, SharePoint Designer o Mozilla

Composer son entre otros los denominados WYSIWYG (acrónimo del inglés " lo que ves

es lo que obtienes") capaces de crear complejas páginas webs con el entorno de un simple

editor de texto.

7

Una vez que hemos creado y desarrollado nuestras páginas webs es necesario alojarlas

en un servidor el cuál lo podemos definir como un ordenador conectado constantemente a

la intranet privada o a internet cuyo objetivo es poder disponer de la página web a cualquier

hora del día. Para poder acceder al servidor es necesario el uso de programas denominados

clientes FTP, los cuales conectan el ordenador personal donde se ha desarrollado la página

con el servidor donde se alojará, Filezilla, File FTP o Cute FTP son entre otros ejemplos

de clientes FTP.

Por último, una vez alojadas nuestras páginas webs estas son accesibles mediante el

uso de navegadores los cuales permiten visualizar correctamente la información alojada y

desarrollada, Chrome, Mozilla, Internet Explorer y Safari son entre otros ejemplos de

navegadores ampliamente utilizados.

Tipos de página WED

Las páginas web son documentos o información que se crean en formato HTML, estos

son adaptados a la World Wide Web (WWW) y se puede acceder a ellos por medio de un

navegador. Al conjunto de páginas web enlazadas se las conoce bajo el nombre se sitio web.

Existen distintas formas de clasificar a las páginas web, algunos criterios para ello son:

Según su Construcción:

1. Estáticas: este tipo de páginas web están compuestas por archivos que contienen código

HTML, es por medio de este que se pueden mostrar las imágenes, textos, videos y todos

8

aquellos contenidos que componen a la página en sí. Los archivos que constituyen a la página

web son almacenados en el servidor de Hosting, cuyo formato es también en HTML. Las

páginas web pueden ser editadas por medio de programas como el Dreamweaver. Para esto,

los archivos deben ser descargados del servidor con algún software, editarlos, guardarlos y

subirlos nuevamente. El contenido de estas páginas no se modifica constantemente puesto

que estas suelen estar en manos de personas que requieren contratar a diseñadores para que

se encarguen de esto, lo que implica una serie de gastos. Además, la actualización contante

no es algo que sus dueños necesiten.

2. Dinámicas: en estas páginas, en cambio, los contenidos son modificados continuamente ya

que esto queda en manos de quienes las visitan. La información de estas páginas está

guardada en bases de datos de las cuales los usuarios extraen aquello que les interese. Estas

páginas se caracterizan entonces por ser sus usuarios quienes modifican el diseño y los

contenidos, se las puede actualizar muy fácilmente, ya que no es necesario ingresar al

servidor para esto. Además, tienen numerosas funciones como foros, bases de datos,

contenidos dinámicos, carritos de compras, entre otros.

Según su Tecnología:

1. En HTML: estas páginas están construidas con lenguaje HTML, por lo que se requiere tener

conocimientos de este para hacerlas. Un defecto de estas páginas es que son estáticas, además

ofrecen muy poco, por lo que no son recomendables para ventas y marketing. La ventaja que

ofrecen es que son muy fáciles de construir, con conocimientos básicos de diseño, alcanza.

9

2. En Flash: estas páginas se construyen utilizando el software Flash, de Adobe, que permite

la realización de animaciones, efectos, sonidos y movimientos. Para que los usuarios puedan

visualizarlas, es necesario contar con los plug-in requeridos. Para realizarlas sí es necesario

tener conocimientos en profundidad sobre el software, otra desventaja, es que las páginas

hechas con Flash son muy pesadas, por lo que el tiempo de descarga puede prolongarse.

3. En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby, ASP, entre otros. Para

desarrollar esta clase de páginas también es necesario tener conocimientos avanzados sobre

el lenguaje a utilizar. Son ideales para interactuar con los usuarios y para el área de marketing.

Características de una Página WED

Hemos decidido dedicar este post, a citar una serie de características que consideramos de

vital importancia a la hora de desarrollar un sitio web:

1. Contenidos de utilidad:

La temática y las búsquedas deben ir acordes con el usuario final, si no, lo más seguro es que

el visitante abandone la página rápidamente.

2. Debe ser intuitivo:

Hacer fácil la navegación genera que las visitas consigan fácilmente su objetivo. Además,

evita abandonos en tu página web.

3. Diseño atractivo:

Dicen que una imagen vale más que mil palabras. En una web, una primera impresión

cuenta, ya que representa nuestro negocio, e incluso a nosotros mismos. Si a un usuario no

10

le gusta lo que ve, o no le genera confianza, lo más probable es que abandone el sitio web,

en muchos casos sin tan siquiera tener en cuenta el contenido.

Por lo cual un buen diseño genera confianza, seriedad y muy buena impresión.

4. Contenido bien estructurado:

Un desglose del contenido claro y sencillo, bien explicado, tiene el éxito asegurado. La

importancia de una estructura clara y objetiva es lo que mantendrá a tu usuario conectado.

Recuerda que una información siempre debe ser concisa y sencilla.

5. Importancia de la velocidad de la web:

Las páginas que tardan en mucho en cargar son un problema. Para todos, nuestro tiempo

vale oro, y lo que más fastidia a cualquier persona es tener que esperar.

El índex de una página web debe tener una carga rápida, si no, muchos usuarios

abandonarán la navegación sin dar una oportunidad de ver el sitio, aunque su contenido pueda

resultarles de utilidad.

6. Información de contacto:

Es muy importante situar en lugares visibles nuestros datos de contacto, teléfonos y

dirección. Nunca deben enlazarse emails directamente, sino utilizar enlaces a formularios de

contacto y, muy importante, incitar al usuario a realizar una acción, como por ejemplo

contactar con nosotros o solicitar más información. Si nuestro contenido genera interés, es

muy probable que el usuario quiera saber más, por tanto, después de mostrar la información

que le interesa, es muy apropiado invitarle a resolver sus dudas contactando con nosotros y

que siempre sepa que estamos para ayudarle.

11

7. Difusión del sitio web:

Hay muchas empresas que piensan que con tener una web ya está todo el trabajo hecho.

Pues no, ni mucho menos. Detrás de una web hay muchísimo trabajo que hacer para darnos

a conocer a nuevos usuarios.

En primer lugar, si tu sitio es nuevo es muy difícil aparecer en los primeros puestos de los

buscadores. Si quieres aparecer en un futuro tendrás que pensar en llevar a cabo una tarea de

posicionamiento seo continua para tu página web, con los términos más apropiados e ir

aumentando los según los resultados que vayas obteniendo.

En segundo lugar, es importante ir actualizando periódicamente los contenidos de la web,

e ir ampliando poco a poco las secciones de la misma. Es muy importante contar con un blog

en el que ir informando a los usuarios de noticias y novedades que puedan resultarles de

interés.

Por último, es conveniente difundir tu web a través de todas las comunidades de temática

similar a tu web, para conseguir llegar a usuarios a los que realmente interese tu contenido y

así lograr, poco a poco, que los mismos usuarios participen activamente en la difusión de tu

website.

¿Qué es un BLOG´S?

Un blog (del inglés web log) o bitácora web es un sitio web que incluye, a modo de diario

personal de su autor o autores, contenidos de su interés, actualizados con frecuencia y a

menudo comentados por los lectores.

12

Sirve como publicación en línea de historias con una periodicidad muy alta, que son

presentadas en orden cronológico inverso, es decir, lo más reciente que se ha publicado es lo

primero que aparece en la pantalla. Es muy frecuente que los blogs dispongan de una lista de

enlaces a otros blogs, a páginas para ampliar información, citar fuentes o hacer notar que se

continúa con un tema que empezó otro blog.

Herramientas para la Creación y Mantenimiento de un BLOG´S

Existen variadas herramientas de mantenimiento de blogs que permiten, muchas de ellas

gratuitamente y sin necesidad de elevados conocimientos técnicos, administrar todo

el weblog, coordinar, borrar, o reescribir los artículos, moderar los comentarios de los

lectores, etc., de una forma casi tan sencilla como administrar el correo electrónico.

Actualmente su modo de uso se ha simplificado a tal punto, que casi cualquier usuario es

capaz de crear y administrar un blog personal.

Las herramientas de mantenimiento de weblogs se clasifican, principalmente, en dos

tipos: aquellas que ofrecen una solución completa de alojamiento, gratuita

(como Freewebs, Blogger y LiveJournal), y aquellas soluciones consistentes en software que,

al ser instalado en un sitio web, permiten crear, editar, y administrar un blog, directamente

en el servidor que aloja el sitio (como es el caso de WordPress o de Movable Type). Este

software es una variante de las herramientas llamadas Sistemas de Gestión de Contenido

(CMS), y muchos son gratuitos. La mezcla de los dos tipos es la solución planteada

por WordPress.

13

Las herramientas que proporcionan alojamiento gratuito asignan al usuario una dirección

web (por ejemplo, en el caso de Blogger, la dirección asignada termina en "blogspot.com"),

y le proveen de una interfaz, a través de la cual se puede añadir y editar contenido.

Obviamente, la funcionalidad de un blog creado con una de estas herramientas, se limita a lo

que pueda ofrecer el proveedor del servicio, o hosting.

Un software que gestione el contenido, en tanto, requiere necesariamente de un servidor

propio para ser instalado, del modo en que se hace en un sitio web tradicional. Su gran ventaja

es que permite control total sobre la funcionalidad que ofrecerá el blog, posibilitando así

adaptarlo totalmente a las necesidades del sitio, e incluso combinarlo con otros tipos de

contenido.

Características Diferenciales de un BLOG´S

El éxito de los blogs se debe a que tienen una naturaleza muy peculiar que se caracteriza,

sobre todo, por tres propiedades:

1. Es una publicación periódica. Los blogs publican nuevos contenidos en periodos de

tiempo relativamente cortos.

2. Un blog admite comentarios de los lectores y esto hace posible que se cree una

comunidad en torno al autor. Los blogs son uno de los medios que mejor representan

su esencia. Gracias a la posibilidad de recibir comentarios de los lectores, se pasa de

14

una comunicación unilateral (medio de comunicación hacia el lector) a una

comunicación bilateral, en la que el lector es también protagonista. El efecto que ésta

ha tenido es la creación de "comunidades" de lectores muy fieles, muy parecidas a

las que existen, por ejemplo, en un foro de discusión. Esto ha resultado ser también

muy ventajoso desde un punto de vista profesional o comercial porque estos lectores

son personas fidelizadas que confían en el autor y, por tanto, muy abiertas a las

recomendaciones e incluso venta de productos y servicios por parte del autor del

blog.

3. Un blog tiene un marcado toque personal. Aunque esta característica se haya diluido

quizás un poco en los últimos años con la aparición de blogs corporativos y

profesionales, incluso estos blogs intentan mantener un ambiente mucho más

personal e informal que ayuda mucho a que se vaya forjando una relación de

confianza entre el autor del blog y sus lectores, buscando mucho más la creación de

un ambiente parecido al que hay entre amigos que la relación clásica entre una

publicación comercial y sus lectores.

Características Técnicas

Existe una serie de elementos comunes a todos los blogs:

15

Comentarios:

Mediante un formulario se permite, a otros usuarios de la web, añadir comentarios a cada

entrada, pudiéndose generar un debate alrededor de sus contenidos, además de cualquier otro

intercambio de información (si el autor del blog lo prefiere, no se podrán añadir comentarios

a las entradas).

Enlaces:

Una particularidad que diferencia a los weblogs de los sitios de noticias, es que las

anotaciones suelen incluir múltiples enlaces a otras páginas web (no necesariamente

weblogs), como referencias o para ampliar la información agregada. Además, y entre otras

posibilidades, permite la presencia y uso de:

Un enlace permanente (permalink) en cada anotación, para que cualquiera pueda citarla.

Un archivo de las anotaciones anteriores.

Una lista de enlaces a otros weblogs seleccionados o recomendados por los autores,

denominada habitualmente blogroll.

Enlaces inversos:

En algunos casos las anotaciones o historias permiten que se les haga trackback, un enlace

inverso (o retro enlacé) que permite, sobre todo, saber que alguien ha enlazado nuestra

entrada, y avisar a otro weblog que estamos citando una de sus entradas o que se ha publicado

16

un artículo relacionado. Todos los trackbacksaparecen automáticamente a continuación de la

historia, junto con los comentarios, aunque no siempre son así.

Fotografías y vídeos:

Es posible además agregar fotografías y vídeos a los blogs, a lo que se le ha

llamado fotoblogs o videoblogs respectivamente.

Redifusión:

Otra característica de los weblogs es la multiplicidad de formatos en los que se publican.

Aparte de HTML, suelen incluir algún medio para redifundirlos, es decir, para poder leerlos

mediante un programa que pueda incluir datos procedentes de muchos medios diferentes.

Generalmente, para la redifusión, se usan fuentes web en formato RSS o Atom.

¿Qué es una WIKI?

Un Wiki es una herramienta que nos permite hacer páginas web de una forma fácil y

rápida; además es una herramienta catalogado como Web 2.0, esto significa que las páginas

web se pueden hacer (crear, ampliar, modificar,..) de forma cooperativa.

Para entender qué es un wiki estableceremos un símil con un periódico; para ello

imaginaros la redacción de un periódico tradicional; hay muchas personas rodeadas de

17

ordenadores y papeles realizando diversos tipos de trabajo; unas personas están redactando

los artículos, otras revisándolos, otras seleccionándolos, otras realizando la organización de

las páginas y otra supervisando y organizándolo todo (como Lou Grant).

Ahora imaginemos que todas esas personas están en sus casas y tienen que hacer un

periódico digital; no hay coincidencia ni espacial ni temporal; cada uno está en su casa; cada

persona podría hacer su artículo y “colgarlo” en la web, pero ¿dónde lo cuelgan?, cada uno

lo tendrá que colgar en su sección correspondiente; antes lo tendrán que haber revisado,

seleccionado, etc.

Un Wiki nos permite organizar páginas web (una página principal, enlaces a otras páginas,

un índice de páginas, etc.); de tal forma que el coordinador del periódico podría establecer

las distintas secciones (crearía una página web por sección); un índice que enlazará a cada

sección; una portada (la página principal), etc. Para ello tendría que decir a cada periodista

cuál es su sección (varios periodistas pueden escribir artículos en una misma sección); la

extensión; el formato; la fecha límite; etc.

Un trabajo habitual para estos periodistas sería:

Escribe su artículo.

Lo introduce en su sección (página web correspondiente).

Otro periodista pone el formato correspondiente y organiza la sección.

Otro periodista enlaza el índice con cada artículo y sección.

Otro periodista elige los artículos que se mostraran en portada (página principal) Otro

periodista organiza la página principal.

18

Características de un WIKI

Sí únicamente determinados periodistas pueden escribir en el Wiki, diríamos que es

un Wiki privado (sólo los autorizados pueden escribir) y el resto del mundo ver.

Sí cualquier persona puede escribir en el Wiki, entonces se dice que el Wiki es

público.

Lo normal es que los Wikis sean mixtos; es decir, en determinadas páginas sólo las

personas autorizadas pueden escribir y en otras páginas puede escribir cualquier

navegante.

También sería posible construir el Wiki sin seguir ninguna norma (no hay página

principal, ni secciones, cada periodista podría escribir con un tipo de letra, etc.); el

resultado sería también una página web, aunque supongo que un poco caótica.

Existen servidores y programas gratuitos para hacer Wikis (aunque también se puede

descargar la aplicación y montarlo en tu servidor); como este post es para no iniciados

recomendamos utilizar un servidor y servicio gratuito.

En el LITI hemos creado un wiki que muestra cómo hacer un wiki; está construida a

través de simulaciones; lo único que tiene que hacer es seguir las indicaciones de los

vídeos. El sistema elegido (por su facilidad de uso) es Wikispaces.

19

Hay otros recursos, como un manual en castellano o un ejemplo de cómo usar Wikis

en procesos de formación.

Y por supuesto, si alguien quiere saber qué es un Wiki de una forma más detallada y

científica puede ir al padre (y la madre) de todos los Wikis: La Wikipedia.

¿Qué es una WedQuest?

La WebQuest es una herramienta que forma parte de un proceso de aprendizaje guiado,

con recursos principalmente procedentes de Internet, que promueve la utilización de

habilidades cognitivas superiores, el trabajo cooperativo, la autonomía de los estudiantes e

incluye una evaluación auténtica. El antecedente de estas actividades lo constituye el uso de

retos (challenging learning) en el desarrollo de ambientes de aprendizaje basados en

tecnologías de la información y comunicación, que se aplican desde 1980.

Las WebQuest son utilizadas como recurso didáctico por los profesores, puesto que

permiten el desarrollo de habilidades de manejo de información, como su recepción,

transformación y producción,1 y el desarrollo de competencias relacionadas con la sociedad

de la información.

Las Webquest presentan -al mismo tiempo-, la limitación de basarse en "selecciones" de

materiales valiosos revisados previamente por el profesor, tales como otros recursos

didácticos tradicionales (libros, manuales, etc.), por lo que no colaboran con el desarrollo

20

completo de las Competencias para manejar información2 en la web, entre las cuales la

habilidad para encontrar y validar información son especialmente significativas en entornos

de información en flujo permanente, tales como la web.

Tipos y Características de la WedQuest

Corta Duración

Objetivo: La meta educacional de una WebQuest a corto plazo es la adquisición e

integración del conocimiento de un determinado contenido de una o varias materias.

Duración: se diseña para ser terminado de uno a tres períodos de clase.

Larga Duración

Objetivo: Extensión y procesamiento del conocimiento (deducción, inducción,

clasificación, abstracción, entre otros)

Duración: Entre una semana y un mes de clase

Miniquest

Objetivo: Es una versión de las WebQuests que se reduce a sólo tres pasos: introducción

(Escenario), tarea y resultado (Producto). Es una buena manera de iniciar al alumnado en

la utilización de las TIC.

Duración: Se puede llevar a cabo en 50 minutos.

Uso de las WebQuest: es organizar y explicar de forma normal y educacional y construir de

material educativo.

21

¿Qué es un Portafolio Digital?

El portafolio digital es un instrumento que combina las herramientas tecnológicas con el

objeto de reunir trabajos que permitan el seguimiento y la evaluación del proceso de

aprendizaje del alumno, su uso es muy útil, y tiene la capacidad de incorporar las nuevas

tecnologías de información y comunicación al proceso de aprendizaje.

Se Caracteriza:

a) Mostrar la evolución del proceso de enseñanza y aprendizaje.

b) Estimular la experimentación, la reflexión y la investigación del alumno.

c) Reflejar el punto de vista personal del alumno sobre su aprendizaje.

d) Evidenciar los momentos claves del proceso de enseñanza y aprendizaje: problemas,

soluciones, logros.

e) Reflejar la valoración del profesor sobre el desempeño del alumno en la construcción

del aprendizaje.

Características de un Portafolio Digital

– Permite incluir textos, gráficos o elementos multimedia que se pueden consultar en

Internet o en otro medio electrónico.

22

– Nos permite agrupar todo el material en formatos que son mucho más manejables,

como un CD, un DVD, etc.

– No es una secuencia lineal por lo que los distintos materiales incluidos pueden ser

enlazados entre sí de modo que podamos acceder en cualquier momento a reflexiones,

enlaces de interés sobre un determinado tema, lecturas adicionales, etc. Según García- Doval

(2005, p. 115), quien señala que “un portafolio será electrónico no debido al formato de

intercambio de la información (dado que un E-Portafolio puede incluir archivos PDF), sino

al uso interactivo del mismo.”

– Nos das la posibilidad de forma más sencilla que el portafolio tradicional la

actualización y gestión de los materiales e informaciones disponibles. Por tanto, nos

posibilidad el control y la organización de los trabajos creados en los diferentes medios, sin

olvidar que es más que una simple colección de recursos.

Utilización de un Portafolio Digital

Se centra en el alumno y su proceso de aprendizaje.

Es flexible, ya que el medio digital permite incorporar y actualizar elementos con

facilidad.

Hace transparente el proceso educativo.

Evalúa no sólo los productos finales, sino también el proceso que ha llevado al alumno a

desarrollarlos.

Permite el seguimiento del profesor en todas las etapas del proceso de aprendizaje y

facilita que el desempeño del alumno se vaya ajustando a los objetivos educativos

establecidos.

23

Elementos de un Portafolio Digital

– Presentación del alumno, que puede incluir un mensaje de bienvenida, su foto,

curriculum académico y profesional, una explicación de lo que el portafolios significa, etc.

– Objetivos formativos, que conforman el mapa de aprendizaje que el alumnado asume

y que son la base de su evaluación.

– Productos, que son los documentos de las diferentes actividades desarrolladas en la

asignatura.

– Reproducciones, donde se incluyen cualquier tipo de información que ha servido al

alumno para la realización de los productos (correo electrónico del profesor, enlaces de

páginas web, etc.).

– Diario de campo, donde el alumnado anota reflexiones sobre su propio proceso de

aprendizaje y realiza su autoevaluación de los productos y de la utilidad del Portafolios.

– Comentarios del profesor, que incluye tanto las instrucciones para desarrollar los

productos, como los comentarios que han guiado el proceso de aprendizaje del alumno.

Fases de un Portafolio Digital

1. Presentación y el índice de portfolio electrónico: Esta parte el estudiante expone algunos

aspectos de su trayectoria personal y académica. Será una presentación personal y servirá

24

para darse a conocer. El índice nos indicará que contendrá y cómo será el portafolio. Podemos

hacerlo abierto o cerrado.

2. Recogida, selección, reflexión y publicación de diferentes tipos de trabajos que ponen de

manifiesto el aprendizaje del estudiante.

3. Valoración general del portafolio electrónico: Es la fase donde se procederá a la

evaluación. Los criterios para ello han debido ser expuestos al principio del proceso de

enseñanza aprendizaje y conocidos por el estudiante. Todas las fases tienen que ir

acompañadas de un seguimiento y un apoyo del docente, quien orientará al estudiante en la

elaboración de su portfolio electrónico.

Ventajas y Desventajas de un Portafolio Digital

1. Fomenta el aprendizaje activo por parte del alumno

2. Promueve el desarrollo de competencia en el alumno, tales como:

– Habilidades de comunicación con grupos de personas y medios diversos e, incluso, en

más de un idioma.

– Capacidad para analizar datos cuantitativos y cualitativos.

– Capacidad para interpretar, evaluar y utilizar la información de fuentes variadas.

– Habilidades para describir, plantear y avaluar problemas.

– Responder a problemas con soluciones creativas.

– Flexibilidad intelectual y manejo del cambio.

25

– Trabajo en equipo, incluyendo trabajar con equipos de composición diversa, en entornos

virtuales que han de llegar a consensos constructivos.

Pero también tiene desventajas. Por un lado, exige cierto nivel de conocimientos

informáticos por parte del docente y los alumnos que si no se poseen puede hacer que el

portafolio digital parezca una herramienta poco práctica. Los costes asociados al desarrollo

del portafolio digital en cuanto a recursos tecnológicos (software y hardware) es otra de sus

desventajas ya que no siempre son y están tan accesibles como se espera. Por último, aunque

no en último lugar, el portafolio digital debe formar parte del modelo educativo y de la cultura

institucional para que realmente se considere una herramienta valiosa en el proceso de

aprendizaje de los alumnos.

¿Qué es un Álbum Multimedia?

Se habla de multimedia interactiva cuando el usuario tiene libre control sobre la

presentación de los contenidos, acerca de qué es lo que desea ver y cuándo; a diferencia de

una presentación directa, en la que es forzado a visualizar contenido en un orden

predeterminado.

Multimedia: es una tecnología que permite integrar texto, números, gráficos, imágenes

fijas o en movimiento, sonidos, alto nivel de interactividad y además, las posibilidades de

navegación a lo largo de diferentes documentos.

26

Hipermedia podría considerarse como una forma especial de multimedia interactiva que

emplea estructuras de navegación más complejas que aumentan el control del usuario sobre

el flujo de la información. El término "híper" se refiere a "navegación", de allí los conceptos

de "hipertexto" (navegación entre textos) e "hipermedia" (navegación entre medios).

El concepto de multimedia es tan antiguo como la comunicación humana ya que al

expresarnos en una charla normal hablamos (sonido), escribimos (texto), observamos a

nuestro interlocutor (video) y accionamos con gestos y movimientos de las manos

(animación). Con el auge de las aplicaciones multimedia para computador este vocablo entró

a formar parte del lenguaje habitual.

Cuando un programa de computador, documento o una presentación combina

adecuadamente los medios, se mejora notablemente la atención, comprensión y el

aprendizaje; ya que se acercará algo más a la manera habitual en que los seres humanos nos

comunicamos, cuando empleamos varios sentidos para comprender un mismo objeto e

informarnos sobre él.

Características de Álbum Multimedia

Las presentaciones multimedia pueden verse en un escenario, proyectarse, transmitirse, o

reproducirse localmente en un dispositivo por medio de un reproductor multimedia. Una

transmisión puede ser una presentación multimedia en vivo o grabada. Las transmisiones

27

pueden usar tecnología tanto analógica como digital. Multimedia digital en línea puede

descargarse o transmitirse en flujo (usando streaming). Multimedia en flujo puede estar

disponible en vivo o por demanda.

Los juegos y simulaciones multimedia pueden usarse en ambientes físicos con efectos

especiales, con varios usuarios conectados en red, o localmente con un computador sin acceso

a una red, un sistema de video juegos, o un simulador. En el mercado informático existen

variadas aplicaciones de autoría y programación de software multimedia, entre las que

destacan Adobe Director y Flash.

Los diferentes formatos de multimedia analógica o digital tienen la intención de mejorar

la experiencia de los usuarios, por ejemplo para que la comunicación de la información sea

más fácil y rápida. O, en el entretenimiento y el arte, para trascender la experiencia común.

Los niveles mejorados de interactividad son posibles gracias a la combinación de

diferentes formas de contenido. Multimedia en línea se convierte cada vez más en una

tecnología orientada a objetos e impulsada por datos, permitiendo la existencia de

aplicaciones con innovaciones en el nivel de colaboración y la personalización de las distintas

formas de contenido. Ejemplos de esto van desde las galerías de fotos que combinan tanto

imágenes como texto actualizados por el usuario, hasta simulaciones cuyos coeficientes,

eventos, ilustraciones, animaciones o videos se pueden modificar, permitiendo alterar la

"experiencia" multimedia sin tener que programar.

Además de ver y escuchar, la tecnología háptica permite sentir objetos virtuales. Las

tecnologías emergentes que involucran la ilusión desabor y olor también puede mejorar la

experiencia multimedia.

28

La multimedia encuentra su uso en varias áreas incluyendo pero no limitado: arte,

educación, entretenimiento, ingeniería, medicina, matemáticas, negocio, y la investigación

científica. En la educación, la multimedia se utiliza para producir los cursos de aprendizaje

computarizado (popularmente llamados CBT) y los libros de consulta como enciclopedia y

almanaques. Un CBT deja al usuario pasar con una serie de presentaciones, de texto sobre

un asunto particular, y de ilustraciones asociadas en varios formatos de información. El

sistema de la mensajería de la multimedia, o MMS, es un uso que permite que uno envíe y

que reciba los mensajes que contienen la multimedia - contenido relacionado. MMS es una

característica común de la mayoría de los teléfonos celulares. Una enciclopedia electrónica

multimedia puede presentar la información de maneras mejores que la enciclopedia

tradicional, así que el usuario tiene más diversión y aprende más rápidamente. Por ejemplo,

un artículo sobre la segunda guerra mundial puede incluir hyper links (hiperligas o

hiperenlaces) a los artículos sobre los países implicados en la guerra. Cuando los usuarios

hayan encendido un hyper link, los vuelven a dirigir a un artículo detallado acerca de ese

país. Además, puede incluir un vídeo de la campaña pacífica. Puede también presentar los

mapas pertinentes a los hyper links de la Segunda Guerra Mundial. Esto puede acelerar la

comprensión y mejorar la experiencia del usuario, cuando está agregada a los elementos

múltiples tales como cuadros, fotografías, audio y vídeo.

La multimedia es muy usada en la industria del entretenimiento, para desarrollar

especialmente efectos especiales en películas y la animación para los personajes de

caricaturas. Los juegos de la multimedia son un pasatiempo popular y son programas del

software como CD-ROMs o disponibles en línea. Algunos juegos de vídeo también utilizan

características de la multimedia. Los usos de la multimedia permiten que los usuarios

participen activamente en vez de estar sentados llamados recipientes pasivos de la

información, la multimedia es interactiva.

29

Tipo de Información Multimedia

Texto: sin formatear, formateado, lineal e hipertexto.

Gráficos: utilizados para representar esquemas, planos, dibujos lineales, etc.

Imágenes: son documentos formados por píxeles. Pueden generarse por copia del

entorno (escaneado, fotografía digital) y tienden a ser ficheros muy voluminosos.

Animación: presentación de un número de gráficos por segundo que genera en el

observador la sensación de movimiento.

Vídeo: Presentación de un número de imágenes por segundo, que crean en el observador

la sensación de movimiento. Pueden ser sintetizadas o captadas.

Sonido: puede ser habla, música u otros sonidos.

El trabajo multimedia está actualmente a la orden del día y un buen profesional debe seguir

unos determinados pasos para elaborar el producto.

Definir el mensaje clave. Saber qué se quiere decir. Para eso es necesario conocer al

cliente y pensar en su mensaje comunicacional. Es el propio cliente el primer agente de

esta fase comunicacional.

Conocer al público. Buscar qué le puede gustar al público para que interactúe con el

mensaje. Aquí hay que formular una estrategia de ataque fuerte. Se trabaja con el cliente,

pero es la agencia de comunicación la que tiene el protagonismo. En esta fase se crea un

documento que los profesionales del multimedia denominan "ficha técnica", "concepto"

o "ficha de producto". Este documento se basa en 5 ítems: necesidad, objetivo de la

comunicación, público, concepto y tratamiento.

Desarrollo o guión. Es el momento de la definición de la Game-play: funcionalidades,

herramientas para llegar a ese concepto. En esta etapa sólo interviene la agencia que es

la especialista.

30

Creación de un prototipo. En multimedia es muy importante la creación de un prototipo

que no es sino una pequeña parte o una selección para testear la aplicación. De esta

manera el cliente ve, ojea, interactúa... Tiene que contener las principales opciones de

navegación.

Ahora ya se está trabajando con digital, un desarrollo que permite la interactividad. Es en

este momento cuando el cliente, si está conforme, da a la empresa el dinero para continuar

con el proyecto. En relación al funcionamiento de la propia empresa, está puede presuponer

el presupuesto que va a ser necesario, la gente que va a trabajar en el proyecto (lista de

colaboradores). En definitiva, estructura la empresa. El prototipo es un elemento muy

importante en la creación y siempre va a ser testado (público objetivo y encargados de

comprobar que todo funciona)

Creación del producto. En función de los resultados del testeo del prototipo, se hace

una redefinición y se crea el producto definitivo, el esquema del multimedia.

Tipos de Multimedia

Multimedia educativa: Es importante recalcar que la multimedia educativa es previa a

que el computador apareciera, se puede considerar como un proceso no lineal esto hace

que el estudiante lleve su propio orden en su modelo educativo (a distancia, presencial

etc.). Se fundamenta en un desarrollo navegable que permite cierta libertad de moverse

sobre la aplicación. Algunos eventos temporales importantes de la multimedia educativa:

1975/1980 Programación – 1985 Multimedia – 1990/1995 Internet – 2000 E-learning –

2005 Redes Sociales.

31

Multimedia publicitaria: Es el uso de diferentes medios enfocado a una campaña

publicitaria, esto ha generado nuevos espacios en este sector, se viene presentando un

cambio de los medios tradicionales a los digitales con un abanico enorme de nuevas

posibilidades, tablets, móviles, desarrollo web, TDT (Televisión Digital Terrestre),

hipertexto y el correo, y como elemento destacado las redes sociales como herramienta

de difusión viral.

Multimedia comercial: En este tipo de multimedia encontramos una gran variedad de

productos, tales como: Bases de datos (DB), promociones, catálogos, simuladores,

páginas web, publicidad entre otros, todo este material se presenta en forma digital,

interactivo y su funcionalidad principal es la de convencer a un posible comprador o

cliente de adquirir un servicio o producto. De alguna forma este tipo de multimedia está

directamente relacionada con el aprendizaje electrónico (e-learning).

Multimedia informativa: Está relacionada con los elementos multimediales que

brindan información, tales como: noticias, prensa, revistas, televisión y diarios, esta

información se presenta en la mayoría de los casos en forma masiva (entorno mundial) y

se mantiene actualizada al momento de los hechos, su valor informativo es primordial

para conocer hechos antes que los medios de comunicación tradicionales.

Pasos para realizar una Página Web en Word

1. Abrir Word y posteriormente abrir un archivo nuevo.

2. Guardar el documento como: guardar como página web, con el nombre de "índex" y

guardarlo en una carpeta que este dentro de la carpeta de "mis documentos" (procura

crear una carpeta única, para guardar ahí todos los documentos de la página,

incluyendo fotos, imágenes, videos, textos, etcétera).

32

3. Ir a menú formato, fondo, y seleccionar un color o un efecto de color.

4. Crear una tabla con dos columnas y dos líneas, la primera línea (que contiene dos

columnas) seleccionarla y convertirla en una sola.

5. De la segunda línea (que contiene dos columnas), poner el puntero del ratón sobre la

línea inferior de la tabla, mantener presionado el botón izquierdo del mismo, y arrastra

hacia abajo, de tal forma que la segunda línea ocupe el espacio restante de la hoja.

6. Posterior al trabajo de la tabla, escribe el nombre de tu página web en la primera

línea de la tabla, este nombre deberá ir en letras mayúsculas, letras negrillas, y con

algún color que combine con el fondo (puedes poner algún logotipo que vaya de

acuerdo con tu página.

Organización de la barra de Navegación

7. De la segunda línea de la tabla, poner el puntero del ratón sobre la línea central

vertical, debes mantener presionado el botón izquierdo para arrastra hacia la izquierda

la línea de tal forma que una columna quede más delgada que la otra.

8. En la columna delgada, escribe el índice de tu página web, como por ejemplo:

* INICIO

* MIS FOTOS

* MIS PAGINAS FAVORITAS

* MIS TAREAS

* MIS CHISTES

33

9. En la columna ancha deberás escribir algún texto que vaya acorde tu página ese texto

pertenecerá a la página de inicio de un sitio web.

10. Ir a menú archivo y seleccionar "guardar como página web", cambiar el nombre de

la página por el de fotos.html, elegir la carpeta donde se aguarda todo lo que la página

web, y presionan a aceptar.

11. Ir a menú archivo y seleccionar "guardar como página web", cambiar el nombre de

la página por el de paginasfavoritas.html, y guardarlo en la carpeta, presiona aceptar.

12. Ir a menú archivo y seleccionar "guardar como página web", cambiar el nombre de

la página por el de tareas.html, y guardarlo en la carpeta, presiona aceptar.

El guardado de Documentos

13. Ir a menú archivo y seleccionar "guardar como página web", cambiar el nombre de

la página por el de chistes.html, y guardarlo en la carpeta, presiona aceptar.

14. Las indicaciones anteriores, tienen la función de guardar el mismo documento que

se hizo en un principio pero con diferente nombre, para así poder editar la

información.

15. Cierra el documento que acabas de guardarlo con diferentes nombres y ahora ve al

menú archivo, y abre el documento de fotos.html, cómo te das cuenta es exactamente

la misma información que la del archivo index.html, ahora tienes que borrar la

información de bienvenida al sitio y pon la formación correspondiente a la sección de

fotos.

34

16. Repite el paso anterior, todos los documentos para que la información cambie en cada

sección y no sea igual a la del documento index.html.

17. Una vez terminada la tarea de cambiar información cierra todos los documentos y

abre (desde Word), el archivo index.html. .

18. Selecciona la primera palabra del menú que hiciste en la parte izquierda del

documento, es decir de la columna delgada, en el caso del ejemplo, tendrás que

seleccionar INICIO.

Los Hipervínculos

19. Ir al menú insertar, elegir hipervínculo, y del cuadro de diálogo que aparece, elegir

la opción "archivo o página web existente", luego, "archivo" y finalmente elegir la

página index.html.

20. Selecciona la siguiente palabra del menú, y repite la operación paso anterior, recuerda

que la palabra seleccionas debes ponerle el hipervínculo del archivo del mismo

nombre, es decir:

"MIS FOTOS" (hipervínculo con) "fotos.html".

"MIS CHISTES" (hipervínculo con) chistes.html".

Y así sucesivamente.

21. En una vez que hayas puesto todos los hipervínculos, selecciona todo ese mismo y

con el teclado por una CONTROL y C (al mismo tiempo, y que significa copiar) y

abre a todos los demás documentos.

22. En todos los documentos, selecciona el menú escribiste y bórralo, luego sobrepón el

puntero de mouse, y presiona al mismo tiempo en el teclado CONTROL y V (que

35

significa pegar). Si te das cuenta lo que se pega en la columna es una copia exacta del

índice que ya tiene los hipervínculos.

23. Realiza la operación anterior con todos los demás documentos, procurando guardar

la información una vez terminada la operación.

24. Una vez que haya terminado con todo el trabajo, cierra todos los documentos y el

programa de Word, ve la carpeta de "Mis documentos" y haz click en el documento

que dice index.html, este deberá abrir como página web y por consiguiente deberá

aparecer todo diseño junto con los links. Prueba cada uno de ellos para comprobar si

te lleva a la página correcta. Si es así entonces ya habrás hecho tu primera página

web.

36

Conclusión

En conclusión, el trabajo del desarrollador web (esa especie de alquimista obligado a

dominar y combinar variables tan dispares, y a veces de apariencia incompatible, como la

usabilidad y el atractivo de cara al usuario, y la efectividad técnica de cara a la empresa que

paga sus honorarios, como por ejemplo en el caso de tiendas on-line), este trabajo, decía, es

un proceso largo que requiere un enorme grado de instrucción y aprendizaje técnico, pero

también generosas dosis de intuición y anticipación. A fin de cuentas, la Red muta y crece

cada poco tiempo, y no podemos quedar atrás. Buena suerte.

37

Referencias Bibliográficas

Wikipedia.com

Elvago.com

Monografías.com

38

Anexos

39

40

41