Pagina web

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.
la página por el de paginasfavoritas.html, y guardarlo en la carpeta, presiona aceptar.
la página por el de tareas.html, y guardarlo en la carpeta, presiona aceptar.
El guardado de Documentos
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

Pagina web

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Destacado

Destacado (10)

Similar a Pagina web

Similar a Pagina web (20)

Último

Último (20)

Pagina web