SlideShare una empresa de Scribd logo
1 de 16
Descargar para leer sin conexión
1
REPÚBLICA BOLIVARIANA DE VENEZUELA
MINISTERIO DEL PODER POPULAR PARA LA EDUCACIÓN SUPERIOR
INSTITUTO JUAN PABLO PÉREZ ALFONZO
AMPLIACIÓN PUERTO CABELLO
Prof. (a): integrante:
Sonia Padrón Adrian Saavedra
C.I. 2422397
Puerto cabello, agosto de 2016
2
Índice
Índice……………………………………………………………………II
Introducción…………………………………………………………….III
Que significan las siglas www………………………………………….IV
Que es una página web………………………………………………….IV
Características de una página web……………………………………….IV
Tipos de páginas web…………………………………………………….V
Que es un blog…………………………………………………………...VI
Que es una wiki………………………………………………………….VII
Que es una webquest…………………………………………………….VIII
Que es un portafolio digital……………………………………………...IX
Que es un álbum multimedia……………………………………………..X
Pasos para realizar una pagina web……………………………………...XI
Conclusión……………………………………………………………….XV
Bibliografías……………………………………………………………..XVI
3
Introducción
Por medio de este trabajo vamos apreciar que son las páginas web y los tipos de
páginas web, Además veremos los distintos tipos de funcionamientos que podemos
darles a esta gran herramienta. Una página web es en esencia una tarjeta de
presentación digital, ya sea para empresas, organizaciones, o personas, así como una
manera de comunicar ideas, pensamientos, conocimientos, informaciones o teorías.
Así mismo, la nueva tendencia orienta a que las páginas web no sean sólo atractivas
para los internautas, sino también optimizadas (preparadas), para los buscadores a
través del código fuente. Forzar esta doble función puede, sin embargo, crear
conflictos respecto de la calidad del contenido. Respecto a la estructura de las páginas
web, algunos organismos, en especial el World Wide Web Consortium (W3C), suelen
establecer directivas con la intención de normalizar el diseño, y para así facilitar y
simplificar la visualización e interpretación del contenido. Una página web está
compuesta principalmente por información (sólo texto y/o módulos multimedia) así
como por hiperenlaces; además puede contener o asociar hoja de estilo, datos de
estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para
así permitir interactividad.
4
1) QUE SIGNIFICA LAS SIGLAS WWW
En informática, la World Wide Web (WWW) o red informática mundial1 es un
sistema de distribución de documentos de hipertexto o hipermedios interconectados y
accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web
compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros
contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.
2) QUE ES UNA PAGINA WEB
Una página web, página electrónica o ciberpágina,1 2 es un documento o
información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces,
imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web (WWW)
y que puede ser accedida mediante un navegador. Esta información se encuentra
generalmente en formato HTML o XHTML, y puede proporcionar navegación
(acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web
frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en
cascada, guiones (scripts), imágenes digitales, entre otros.
Las páginas web pueden estar almacenadas en un equipo local o en un servidor
web remoto. El servidor web puede restringir el acceso únicamente a redes privadas,
por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World
Wide Web. El acceso a las páginas web es realizado mediante una transferencia desde
servidores, utilizando el protocolo de transferencia de hipertexto (HTTP).
3) CARACTERÍSTICAS DE UNA PAGINA WEB
Una página web está compuesta principalmente por información (sólo texto y/o
módulos multimedia) así como por hiperenlaces; además puede contener o asociar
hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y también
aplicaciones embebidas para así permitir interactividad.
5
4) TIPOS DE PÁGINAS WEB
Las páginas web son escritas en un lenguaje de marcado que provee la capacidad
de manejar e insertar hiperenlaces, generalmente HTML.
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 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, las actualización contante no es algo que sus
dueños necesiten.
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:
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
6
ventas y marketing. La ventaja que ofrecen es que son muy fáciles de construir, con
conocimientos básicos de diseño, alcanza.
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.
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.
5) QUE ES UN BLOG
Un blog 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.
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.
Habitualmente, en cada artículo de un blog, los lectores pueden escribir sus
comentarios y el autor darles respuesta, de forma que es posible establecer un
diálogo.
7
6) QUE ES UNA WIKI
Wiki es el nombre que recibe un sitio web, cuyas páginas pueden ser editadas
directamente desde el navegador, donde los usuarios crean, modifican o eliminan
contenidos que, generalmente, comparten. No tiene por qué ser necesariamente un
sitio en la web, puesto que hay wikis instalables para uso en el escritorio de
computador personal, o portables en un llavero usb que llevan un entorno LAMP,
como por ejemplo XAMPP.
Los textos o “páginas wiki” tienen títulos únicos. Si se escribe el título de una
página wiki en algún sitio del wiki entre dobles corchetes (Título de la página) esta
palabra se convierte en un “enlace web” a la página correspondiente. De este modo,
en una página sobre “alpinismo” puede haber una palabra como «piolet» o “brújula”
que esté marcada como palabra perteneciente a un título de página wiki. La mayor
parte de las implementaciones de wikis indican en el localizador de recursos uniforme
(URL) de la página el propio título de la página wiki (en Wikipedia ocurre así:
https://es.wikipedia.org/wiki/Alpinismo es el URL de la página wiki Alpinismo),
facilitando el uso y comprensibilidad del enlace fuera del propio sitio web. Además,
esto permite formar en muchas ocasiones una coherencia terminológica, generando
una ordenación natural del contenido.
Las aplicaciones de mayor peso y a la que le debe su mayor fama hasta el
momento ha sido la creación de enciclopedias colectivas, género al que pertenece
Wikipedia. Existen muchas otras aplicaciones más cercanas a la coordinación de
informaciones y acciones, o la puesta en común de conocimientos o textos dentro de
grupos.
La mayor parte de los wikis actuales conservan un historial de cambios que
permite recuperar fácilmente cualquier estado anterior y ver qué usuario hizo cada
cambio, lo cual facilita el mantenimiento conjunto y el control de usuarios nocivos.
Habitualmente, sin necesidad de una revisión previa, se actualiza el contenido que
muestra la página wiki editada.
8
7) QUE ES UNA WEBQUEST
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 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.
9
8) QUE ES UN PORTFOLIO DIGITAL
Un portfolio digital, en términos generales, se refiere a una recopilación de
documentos que pueden mostrar diferentes aspectos globales o parciales de una
persona (personales, académicos, profesionales...) o de una organización (objetivos,
organigrama, productos...) los cuales han estado seleccionados y organizados de
forma reflexiva y deliberada y presentados en formato digital (texto, imágenes,
animaciones, simulaciones, audio y vídeo); podríamos decir que es una manera de
presentar una identidad en forma digital.
El concepto de portfolio hace alusión al conjunto de trabajos, bocetos, muestras,
técnicas, menciones, etc., que una persona recopila para dar a conocer su obra, bien
estemos hablando del ámbito artístico, del educativo, del arquitectónico etc.
Se podría decir que el portfolio viene a ser una especie de memoria documentada
de un proceso de creación, un proceso educativo o de otra índole, que muestra la
evolución de dicho proceso, de tal manera que se puede recomponer una trayectoria.
El portfolio, según refieren Elena Barberá Gregori y Elena de Marín Rojo en su
libro “Portfolio electrónico: aprender a evaluar el aprendizaje”, tiene su origen en el
mundo artístico como forma de presentar y darse a conocer los artistas. Sin embargo
son muchos los testimonios que relacionan el origen del portfolio con el mundo de la
medicina, como por ejemplo García-Doval (2005)1 o Prendes Espinosa y Sánchez
Vera (2008).2 En relación a esto se pueden consultar los estupendos trabajos Jan van
Tartwijk y Erik Driessen en torno al portfolio médico.
El portfolio digital se aplica sobre todo al ámbito educativo y hace referencia al
conjunto de evidencias en soporte digital que muestran el desarrollo, evolución y
logros de los estudiantes en su proceso de aprendizaje. La práctica del portfolio
digital en los ámbitos educativos entronca de manera directa por un lado, con la teoría
del aprendizaje constructivista (Constructivismo), que afirma que el conocimiento es
elaborado por el propio aprendiz a partir de una secuencia de aprendizaje en la que a
10
través del cambio conceptual reestructura su modelo mental, y por otro con el
llamado aprendizaje significativo defendido por Ausubel, quien defiende que las
tareas o actividades propuestas al alumnado debe partir de los intereses, aptitudes y
actitudes del alumnado y estar relacionadas con los contenidos previos que posee el
alumnado
9) QUE ES UN ALBUN 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.
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 "hiper" 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.
11
10) PASOS PARA REALIZAR UNA PÁGINA WEB
La manera más simple de crear páginas web consiste en utilizar un simple editor
de texto como, por ejemplo, Notepad++ y editar directamente el código HTML más
las hojas de estilo. Es la manera en la que en los inicios de Internet se creaban la
mayoría de las páginas web.
1. Abrir Word y posteriormente abrir un archivo nuevo.
2. Guardar el documento como: guardar como página web, con el nombre de "index"
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).
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.
12
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
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
13
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.
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 híperví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ículo del archivo del
mismo nombre, es decir:
"MIS FOTOS" (hipervincular con) "fotos.html".
"MIS CHISTES" (hipervincular 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.
14
22. En todos los documentos, selecciona el menú escribiste y borralo, luego sobrepon
el puntero de mouse, y preciona al mismo tiempo en el teclado CONTROL y V (que
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, procuarando
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.
15
Conclusión
Mediante este trabajo pudimos apreciar que las páginas web tienen un gran valor
para la facilitación de información, intercambios de ideas y entretenimiento, pero
también posee sus desventajas debido al mal uso que se le pueda dar a la misma. El
uso que le podamos dar depende de nosotros, existes muchas medidas de seguridad
para vitar ciertos tipos de contenidos para adultos los cuales son de gran ayuda para
no permitir que los niños o menores de edad tengan acceso a ellas. Pero a pesar de
esta desventaja las páginas web son de gran utilidad y son un buen componente para
estudiantes, y para la sociedad modena
16
Bibliografía
www.wikipdia.com
www.monografias.com

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

UDELAS - Herramientas 2.0 - Daniel A. Dominguez
UDELAS - Herramientas 2.0 - Daniel A. DominguezUDELAS - Herramientas 2.0 - Daniel A. Dominguez
UDELAS - Herramientas 2.0 - Daniel A. Dominguez
 
paginas web
paginas web paginas web
paginas web
 
Sitios web-slideshare
Sitios web-slideshareSitios web-slideshare
Sitios web-slideshare
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Herramientas Web 2
Herramientas Web 2Herramientas Web 2
Herramientas Web 2
 
Pagina web
Pagina webPagina web
Pagina web
 
Página Web
Página WebPágina Web
Página Web
 
Johfran!!! pag web
Johfran!!! pag webJohfran!!! pag web
Johfran!!! pag web
 
Trabajo final web 2.0
Trabajo final web 2.0Trabajo final web 2.0
Trabajo final web 2.0
 
Johfran!!! pag web
Johfran!!! pag webJohfran!!! pag web
Johfran!!! pag web
 
Anais Delgado
Anais DelgadoAnais Delgado
Anais Delgado
 
Herramientas de la web 2
Herramientas de la web 2Herramientas de la web 2
Herramientas de la web 2
 
Macaaaaa zerda
Macaaaaa zerdaMacaaaaa zerda
Macaaaaa zerda
 
Herramientas Web 2.0 Paginas Web y Blogs
Herramientas Web 2.0 Paginas Web y BlogsHerramientas Web 2.0 Paginas Web y Blogs
Herramientas Web 2.0 Paginas Web y Blogs
 
pagina web
pagina webpagina web
pagina web
 
Tarea 6
Tarea 6Tarea 6
Tarea 6
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Slide share
Slide shareSlide share
Slide share
 

Destacado

mi presentacion trabajo
mi presentacion trabajomi presentacion trabajo
mi presentacion trabajoDeilly pita
 
фізика сиротюк
фізика сиротюкфізика сиротюк
фізика сиротюкdella street
 
німец.мова горбач
німец.мова горбачнімец.мова горбач
німец.мова горбачdella street
 
інформатика ривкінд укр.
інформатика ривкінд укр.інформатика ривкінд укр.
інформатика ривкінд укр.della street
 
7 klas algebra_tarasenkova_2015
7 klas algebra_tarasenkova_20157 klas algebra_tarasenkova_2015
7 klas algebra_tarasenkova_2015della street
 
англ.мова несвіт
англ.мова несвітангл.мова несвіт
англ.мова несвітdella street
 
укр.мова заболотний рус.
укр.мова заболотний рус.укр.мова заболотний рус.
укр.мова заболотний рус.della street
 
всемирная история подоляк рус.
всемирная история подоляк рус.всемирная история подоляк рус.
всемирная история подоляк рус.della street
 
заруб.література волощук укр.
заруб.література волощук укр.заруб.література волощук укр.
заруб.література волощук укр.della street
 
Gilberg priroda p_4.ua_(018-14)_s
Gilberg priroda p_4.ua_(018-14)_sGilberg priroda p_4.ua_(018-14)_s
Gilberg priroda p_4.ua_(018-14)_sdella street
 

Destacado (14)

Corn Resume 2011
Corn Resume 2011Corn Resume 2011
Corn Resume 2011
 
Writing Samples
Writing SamplesWriting Samples
Writing Samples
 
Marriage
MarriageMarriage
Marriage
 
Resume_NI_
Resume_NI_Resume_NI_
Resume_NI_
 
mi presentacion trabajo
mi presentacion trabajomi presentacion trabajo
mi presentacion trabajo
 
фізика сиротюк
фізика сиротюкфізика сиротюк
фізика сиротюк
 
німец.мова горбач
німец.мова горбачнімец.мова горбач
німец.мова горбач
 
інформатика ривкінд укр.
інформатика ривкінд укр.інформатика ривкінд укр.
інформатика ривкінд укр.
 
7 klas algebra_tarasenkova_2015
7 klas algebra_tarasenkova_20157 klas algebra_tarasenkova_2015
7 klas algebra_tarasenkova_2015
 
англ.мова несвіт
англ.мова несвітангл.мова несвіт
англ.мова несвіт
 
укр.мова заболотний рус.
укр.мова заболотний рус.укр.мова заболотний рус.
укр.мова заболотний рус.
 
всемирная история подоляк рус.
всемирная история подоляк рус.всемирная история подоляк рус.
всемирная история подоляк рус.
 
заруб.література волощук укр.
заруб.література волощук укр.заруб.література волощук укр.
заруб.література волощук укр.
 
Gilberg priroda p_4.ua_(018-14)_s
Gilberg priroda p_4.ua_(018-14)_sGilberg priroda p_4.ua_(018-14)_s
Gilberg priroda p_4.ua_(018-14)_s
 

Similar a Paginas web (20)

Pagina web
Pagina webPagina web
Pagina web
 
Jean trabajo
Jean trabajoJean trabajo
Jean trabajo
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
 
Yuscarlis.
Yuscarlis.Yuscarlis.
Yuscarlis.
 
Tarea 9 sobre la web 2.0
Tarea 9 sobre la web 2.0 Tarea 9 sobre la web 2.0
Tarea 9 sobre la web 2.0
 
Diseño de una pagina web-JUAN ANTONIO GARCIA FERNANDEZ
Diseño de una pagina web-JUAN ANTONIO GARCIA FERNANDEZDiseño de una pagina web-JUAN ANTONIO GARCIA FERNANDEZ
Diseño de una pagina web-JUAN ANTONIO GARCIA FERNANDEZ
 
Informe digitalizados
Informe digitalizadosInforme digitalizados
Informe digitalizados
 
Presentacion web 2.0
Presentacion web 2.0Presentacion web 2.0
Presentacion web 2.0
 
Paginas web
Paginas webPaginas web
Paginas web
 
Web 2
Web 2Web 2
Web 2
 
web 2.0
web 2.0web 2.0
web 2.0
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Informe digital
Informe digitalInforme digital
Informe digital
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
La pagina web
La pagina webLa pagina web
La pagina web
 
Evaluacion final
Evaluacion finalEvaluacion final
Evaluacion final
 
Macaaaaa zerda
Macaaaaa zerdaMacaaaaa zerda
Macaaaaa zerda
 

Último

TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfJonathanCovena1
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesLauraColom3
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 

Último (20)

Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reacciones
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 

Paginas web

  • 1. 1 REPÚBLICA BOLIVARIANA DE VENEZUELA MINISTERIO DEL PODER POPULAR PARA LA EDUCACIÓN SUPERIOR INSTITUTO JUAN PABLO PÉREZ ALFONZO AMPLIACIÓN PUERTO CABELLO Prof. (a): integrante: Sonia Padrón Adrian Saavedra C.I. 2422397 Puerto cabello, agosto de 2016
  • 2. 2 Índice Índice……………………………………………………………………II Introducción…………………………………………………………….III Que significan las siglas www………………………………………….IV Que es una página web………………………………………………….IV Características de una página web……………………………………….IV Tipos de páginas web…………………………………………………….V Que es un blog…………………………………………………………...VI Que es una wiki………………………………………………………….VII Que es una webquest…………………………………………………….VIII Que es un portafolio digital……………………………………………...IX Que es un álbum multimedia……………………………………………..X Pasos para realizar una pagina web……………………………………...XI Conclusión……………………………………………………………….XV Bibliografías……………………………………………………………..XVI
  • 3. 3 Introducción Por medio de este trabajo vamos apreciar que son las páginas web y los tipos de páginas web, Además veremos los distintos tipos de funcionamientos que podemos darles a esta gran herramienta. Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, o personas, así como una manera de comunicar ideas, pensamientos, conocimientos, informaciones o teorías. Así mismo, la nueva tendencia orienta a que las páginas web no sean sólo atractivas para los internautas, sino también optimizadas (preparadas), para los buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido. Respecto a la estructura de las páginas web, algunos organismos, en especial el World Wide Web Consortium (W3C), suelen establecer directivas con la intención de normalizar el diseño, y para así facilitar y simplificar la visualización e interpretación del contenido. Una página web está compuesta principalmente por información (sólo texto y/o módulos multimedia) así como por hiperenlaces; además puede contener o asociar hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para así permitir interactividad.
  • 4. 4 1) QUE SIGNIFICA LAS SIGLAS WWW En informática, la World Wide Web (WWW) o red informática mundial1 es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces. 2) QUE ES UNA PAGINA WEB Una página web, página electrónica o ciberpágina,1 2 es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros. Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor web puede restringir el acceso únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP). 3) CARACTERÍSTICAS DE UNA PAGINA WEB Una página web está compuesta principalmente por información (sólo texto y/o módulos multimedia) así como por hiperenlaces; además puede contener o asociar hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para así permitir interactividad.
  • 5. 5 4) TIPOS DE PÁGINAS WEB Las páginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML. 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 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, las actualización contante no es algo que sus dueños necesiten. 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: 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
  • 6. 6 ventas y marketing. La ventaja que ofrecen es que son muy fáciles de construir, con conocimientos básicos de diseño, alcanza. 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. 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. 5) QUE ES UN BLOG Un blog 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. 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. Habitualmente, en cada artículo de un blog, los lectores pueden escribir sus comentarios y el autor darles respuesta, de forma que es posible establecer un diálogo.
  • 7. 7 6) QUE ES UNA WIKI Wiki es el nombre que recibe un sitio web, cuyas páginas pueden ser editadas directamente desde el navegador, donde los usuarios crean, modifican o eliminan contenidos que, generalmente, comparten. No tiene por qué ser necesariamente un sitio en la web, puesto que hay wikis instalables para uso en el escritorio de computador personal, o portables en un llavero usb que llevan un entorno LAMP, como por ejemplo XAMPP. Los textos o “páginas wiki” tienen títulos únicos. Si se escribe el título de una página wiki en algún sitio del wiki entre dobles corchetes (Título de la página) esta palabra se convierte en un “enlace web” a la página correspondiente. De este modo, en una página sobre “alpinismo” puede haber una palabra como «piolet» o “brújula” que esté marcada como palabra perteneciente a un título de página wiki. La mayor parte de las implementaciones de wikis indican en el localizador de recursos uniforme (URL) de la página el propio título de la página wiki (en Wikipedia ocurre así: https://es.wikipedia.org/wiki/Alpinismo es el URL de la página wiki Alpinismo), facilitando el uso y comprensibilidad del enlace fuera del propio sitio web. Además, esto permite formar en muchas ocasiones una coherencia terminológica, generando una ordenación natural del contenido. Las aplicaciones de mayor peso y a la que le debe su mayor fama hasta el momento ha sido la creación de enciclopedias colectivas, género al que pertenece Wikipedia. Existen muchas otras aplicaciones más cercanas a la coordinación de informaciones y acciones, o la puesta en común de conocimientos o textos dentro de grupos. La mayor parte de los wikis actuales conservan un historial de cambios que permite recuperar fácilmente cualquier estado anterior y ver qué usuario hizo cada cambio, lo cual facilita el mantenimiento conjunto y el control de usuarios nocivos. Habitualmente, sin necesidad de una revisión previa, se actualiza el contenido que muestra la página wiki editada.
  • 8. 8 7) QUE ES UNA WEBQUEST 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 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.
  • 9. 9 8) QUE ES UN PORTFOLIO DIGITAL Un portfolio digital, en términos generales, se refiere a una recopilación de documentos que pueden mostrar diferentes aspectos globales o parciales de una persona (personales, académicos, profesionales...) o de una organización (objetivos, organigrama, productos...) los cuales han estado seleccionados y organizados de forma reflexiva y deliberada y presentados en formato digital (texto, imágenes, animaciones, simulaciones, audio y vídeo); podríamos decir que es una manera de presentar una identidad en forma digital. El concepto de portfolio hace alusión al conjunto de trabajos, bocetos, muestras, técnicas, menciones, etc., que una persona recopila para dar a conocer su obra, bien estemos hablando del ámbito artístico, del educativo, del arquitectónico etc. Se podría decir que el portfolio viene a ser una especie de memoria documentada de un proceso de creación, un proceso educativo o de otra índole, que muestra la evolución de dicho proceso, de tal manera que se puede recomponer una trayectoria. El portfolio, según refieren Elena Barberá Gregori y Elena de Marín Rojo en su libro “Portfolio electrónico: aprender a evaluar el aprendizaje”, tiene su origen en el mundo artístico como forma de presentar y darse a conocer los artistas. Sin embargo son muchos los testimonios que relacionan el origen del portfolio con el mundo de la medicina, como por ejemplo García-Doval (2005)1 o Prendes Espinosa y Sánchez Vera (2008).2 En relación a esto se pueden consultar los estupendos trabajos Jan van Tartwijk y Erik Driessen en torno al portfolio médico. El portfolio digital se aplica sobre todo al ámbito educativo y hace referencia al conjunto de evidencias en soporte digital que muestran el desarrollo, evolución y logros de los estudiantes en su proceso de aprendizaje. La práctica del portfolio digital en los ámbitos educativos entronca de manera directa por un lado, con la teoría del aprendizaje constructivista (Constructivismo), que afirma que el conocimiento es elaborado por el propio aprendiz a partir de una secuencia de aprendizaje en la que a
  • 10. 10 través del cambio conceptual reestructura su modelo mental, y por otro con el llamado aprendizaje significativo defendido por Ausubel, quien defiende que las tareas o actividades propuestas al alumnado debe partir de los intereses, aptitudes y actitudes del alumnado y estar relacionadas con los contenidos previos que posee el alumnado 9) QUE ES UN ALBUN 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. 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 "hiper" 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.
  • 11. 11 10) PASOS PARA REALIZAR UNA PÁGINA WEB La manera más simple de crear páginas web consiste en utilizar un simple editor de texto como, por ejemplo, Notepad++ y editar directamente el código HTML más las hojas de estilo. Es la manera en la que en los inicios de Internet se creaban la mayoría de las páginas web. 1. Abrir Word y posteriormente abrir un archivo nuevo. 2. Guardar el documento como: guardar como página web, con el nombre de "index" 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). 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.
  • 12. 12 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 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
  • 13. 13 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. 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 híperví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ículo del archivo del mismo nombre, es decir: "MIS FOTOS" (hipervincular con) "fotos.html". "MIS CHISTES" (hipervincular 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.
  • 14. 14 22. En todos los documentos, selecciona el menú escribiste y borralo, luego sobrepon el puntero de mouse, y preciona al mismo tiempo en el teclado CONTROL y V (que 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, procuarando 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.
  • 15. 15 Conclusión Mediante este trabajo pudimos apreciar que las páginas web tienen un gran valor para la facilitación de información, intercambios de ideas y entretenimiento, pero también posee sus desventajas debido al mal uso que se le pueda dar a la misma. El uso que le podamos dar depende de nosotros, existes muchas medidas de seguridad para vitar ciertos tipos de contenidos para adultos los cuales son de gran ayuda para no permitir que los niños o menores de edad tengan acceso a ellas. Pero a pesar de esta desventaja las páginas web son de gran utilidad y son un buen componente para estudiantes, y para la sociedad modena