SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
República Bolivariana de Venezuela
Ministerio para la educación Universitaria, Ciencia y Tecnología
Instituto Universitario de Tecnología Juan Pablo Pérez Alfonzo
IUTEPAL
Profesora integrante
Sonia padrón Deivi rojas
Ci 26506170
sección 3271
Introducción
La idea de crear una web para los alumnos, nació de manera totalmente involuntaria,
porque al principio solo se trataba de un paso más en el crédito de informática, en el
que me enseñaron el funcionamiento, la creación de páginas webs y el lenguaje
HTML.
Al comunicarme que tenía que realizar un trabajo de investigación y al saber que la
web de nuestro Instituto posee un espacio previsto para los alumnos, supe que sería la
oportunidad para poder investigar más cosas sobre este mundo, porque mis
conocimientos de diseño, realización de webs y el lenguaje de HTML eran muy
limitados.
Así que tome esta iniciativa y la escogí como mi Treball de Recerca, que consistiría
en diseñar y desarrollar la Página Web de los Alumnos del IES Poblenou, contando
con la colaboración de los profesores y la de los alumnos que es la más importante.
Este apartado integrado dentro de la web de nuestro instituto, nos permitirá
expresarnos con la idea que sea un espacio dinámico e interactivo donde el alumnado
participe activamente proponiendo ideas y entusiasmo.
Que es una página web
Una página web, página electrónica o ciberpágina, 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.
Una página web está compuesta principalmente por información de en tema factible
(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 interacción
Las páginas web son escritas en un lenguaje de marcado que provee la capacidad de
manejar e insertar hiperenlaces, generalmente HTML.
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.
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 textos, imágenes, vídeos u otros
contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.
La Web se desarrolló entre marzo de 1989 y diciembre de 1990.2 3
por el inglés Tim
Berners-Lee con la ayuda del belga Robert Cailliau mientras trabajaban en el CERN
en Ginebra, Suiza, y publicado en 1992. Desde entonces, Berners-Lee ha jugado un
papel activo guiando el desarrollo de estándares Web (como los lenguajes de marcado
con los que se crean las páginas web), y en los últimos años ha abogado por su visión
de una Web semántica. Utilizando los conceptos de sus anteriores sistemas de
hipertexto como ENQUIRE, el físico británico Tim Berners-Lee, un científico de la
computación y en ese tiempo de los empleados del CERN, ahora director del World
Wide Web Consortium (W3C), escribió una propuesta en marzo de 1989 con lo que
se convertiría en la World Wide Web.4
la propuesta de 1989 fue destinada a un
sistema de comunicación CERN pero Berners-Lee finalmente se dio cuenta que el
concepto podría aplicarse en todo el mundo.5
En la CERN, la organización europea
de investigación cerca de Ginebra, en la frontera entre Francia y Suiza,6
Berners-Lee
y el científico de la computación belga Robert Cailliau propusieron en 1990 utilizar el
hipertexto "para vincular y acceder a información de diversos tipos como una red de
nodos en los que el usuario puede navegar a voluntad",7
y Berners-Lee terminó el
primer sitio web en diciembre de ese año.8
Berners-Lee publicó el proyecto en el
grupo de noticias alt.hypertext el 7 de agosto de 1991.9
Tipos de páginas web
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 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.
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
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.
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.
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 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.
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.
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.
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.
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.
Que es una webques
Una WebQuest es una actividad estructurada, que plantea una tarea atractiva
utilizando recursos disponibles en la red, seleccionados con anticipación por el
profesor, con el propósito de contribuir a la administración del tiempo que los
estudiantes dedican al desarrollo de ésta. Esta actividad favorece la activación de los
conocimientos previos de los alumnos, la interacción de éstos con los contenidos a
aprender, con su profesor y con sus compañeros de clase; es decir, estimula el
aprendizaje en colaboración y motiva al alumno a hacer algo con la información que
recupera de internet. La estructura básica de la WebQuest incluye cinco apartados:
introducción, tarea, proceso (en este apartado se incluyen los recursos, es decir, la
lista de sitios web que el alumno deberá consultar para poder realizar las actividades,
y el andamiaje, el cual brinda al estudiante una estructura de trabajo que le sirva de
guía durante el desarrollo de las actividades), evaluación y conclusión.
Entre los años de 1990 y 1994 Bernie Dodge, profesor de la Universidad de San
Diego se encontraba trabajando en un proyecto titulado The San Diego Microworld
Project, el cual involucraba a un grupo de estudiantes que, utilizando un software
diseñado por el propio Dodge, debían crear un videojuego de aventuras ambientado
en una época histórica determinada. Para llevarlo a cabo, los estudiantes investigaron
primero todos los aspectos relacionados con la época seleccionada, luego, definieron
proyectos interdisciplinarios en los que cada uno de ellos asumió un rol específico.
Al final de la actividad, pudo observarse que los participantes no sólo poseían un
grado mayor de conocimiento acerca de todos los aspectos de la época histórica que
habían recreado en el videojuego, sino que el aprendizaje no provenía únicamente de
sus consultas bibliográficas, sino también del intercambio con otros miembros de su
equipo de trabajo.
Que es 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, 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.
Que es 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.1
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
Antes de que los blogs se hicieran populares, existían comunidades digitales como
USENET, xrt listas de correo electrónico, y BBS.
En los años 90, los programas para crear foros de internet, como por ejemplo WebEx,
posibilitaron conversaciones con hilos. Los hilos son mensajes que están relacionados
con un tema del foro.
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
Que es un portafolio 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
presentada en formato digital (texto, imágenes, animaciones, simulaciones, audio y
vídeo). Se puede 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;
podemos estar hablando del ámbito artístico, del educativo, del arquitectónico etc.
Se podría decir que el portafolio 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 portafolio, 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 portafolio 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 trabajos Jan van Tartwijk y
Erik Driessen en torno al portfolio médico
Conclusión
En esta web observé que tenían una sección en donde exponían fechas de conciertos,
por lo tanto, creamos un apartado de música que no solo expondríamos la fecha y el
lugar si no también la trayectoria artística y vida de los artistas.
Para tener un control completo sobre la apariencia de la página web, además de ver
varias, fue aprender a usar programas informáticos y comprender el lenguaje HTML,
ya nunca antes había hecho nada parecido y mis conocimientos de diseño y
valoración de HTML eran muy limitados.
Esto me permitió poder comprender como funciona una página web. La creación de
la estructura de la página web, comenzó con una prueba tras otra y así hasta cinco
pruebas para poder crear la definitiva y la que utilizaríamos para exponerla.
En la planificación del trabajo me encontré que no era tan fácil encontrar información
para publicar en la web, en lo que opté por pedir ayuda a otros alumnos en la encuesta
para así poder formar un equipo de alumnos mantenga la web y a conseguir que
exista continuidad.

Más contenido relacionado

La actualidad más candente

Herramientas web 2.0 uso educativo
Herramientas web 2.0 uso educativoHerramientas web 2.0 uso educativo
Herramientas web 2.0 uso educativoVctorMeja4
 
Actividades tareaticsmodulo3
Actividades tareaticsmodulo3Actividades tareaticsmodulo3
Actividades tareaticsmodulo3CARLOS VICTORIO
 
Diapositivas slideshare
Diapositivas   slideshareDiapositivas   slideshare
Diapositivas slidesharelamunoz844
 
Osorio lourdeslab1powerpoint1
Osorio lourdeslab1powerpoint1Osorio lourdeslab1powerpoint1
Osorio lourdeslab1powerpoint1Lourdes Osorio
 
5 Affronti Mariana Eponencia Cled 2009
5 Affronti Mariana Eponencia Cled 20095 Affronti Mariana Eponencia Cled 2009
5 Affronti Mariana Eponencia Cled 2009mariana affronti
 
Herramientas digitales en la educación
Herramientas digitales en la educaciónHerramientas digitales en la educación
Herramientas digitales en la educaciónJaime Jesús
 
Posibilidades de la Web 2.0 en la Educación
Posibilidades de la Web 2.0 en la EducaciónPosibilidades de la Web 2.0 en la Educación
Posibilidades de la Web 2.0 en la Educaciónaluna_98
 
Decimo segundo
Decimo segundoDecimo segundo
Decimo segundoMartha890
 
Infor. web 2.0
Infor. web 2.0Infor. web 2.0
Infor. web 2.0karenhoran
 
Catalogo de Herramientas libres 2.0 y 3.0
Catalogo de Herramientas libres 2.0 y 3.0Catalogo de Herramientas libres 2.0 y 3.0
Catalogo de Herramientas libres 2.0 y 3.0franciscoe71
 

La actualidad más candente (17)

Sistemas
SistemasSistemas
Sistemas
 
Guia docente
Guia docenteGuia docente
Guia docente
 
Herramientas web 2.0 uso educativo
Herramientas web 2.0 uso educativoHerramientas web 2.0 uso educativo
Herramientas web 2.0 uso educativo
 
Actividades tareaticsmodulo3
Actividades tareaticsmodulo3Actividades tareaticsmodulo3
Actividades tareaticsmodulo3
 
Diapositivas slideshare
Diapositivas   slideshareDiapositivas   slideshare
Diapositivas slideshare
 
Glosario
GlosarioGlosario
Glosario
 
Osorio lourdeslab1powerpoint1
Osorio lourdeslab1powerpoint1Osorio lourdeslab1powerpoint1
Osorio lourdeslab1powerpoint1
 
5 Affronti Mariana Eponencia Cled 2009
5 Affronti Mariana Eponencia Cled 20095 Affronti Mariana Eponencia Cled 2009
5 Affronti Mariana Eponencia Cled 2009
 
Herramientas digitales en la educación
Herramientas digitales en la educaciónHerramientas digitales en la educación
Herramientas digitales en la educación
 
Formacion compartel 2014
Formacion compartel  2014Formacion compartel  2014
Formacion compartel 2014
 
Posibilidades de la Web 2.0 en la Educación
Posibilidades de la Web 2.0 en la EducaciónPosibilidades de la Web 2.0 en la Educación
Posibilidades de la Web 2.0 en la Educación
 
Decimo segundo
Decimo segundoDecimo segundo
Decimo segundo
 
La web 1.0, 2.0 y 3.0
La web 1.0, 2.0 y 3.0La web 1.0, 2.0 y 3.0
La web 1.0, 2.0 y 3.0
 
Infor. web 2.0
Infor. web 2.0Infor. web 2.0
Infor. web 2.0
 
Catalogo de Herramientas libres 2.0 y 3.0
Catalogo de Herramientas libres 2.0 y 3.0Catalogo de Herramientas libres 2.0 y 3.0
Catalogo de Herramientas libres 2.0 y 3.0
 
Herramientas web2.0
Herramientas web2.0Herramientas web2.0
Herramientas web2.0
 
Ple
PlePle
Ple
 

Destacado

Mapa mental sucesoral johannys bacalhau
Mapa mental sucesoral johannys bacalhauMapa mental sucesoral johannys bacalhau
Mapa mental sucesoral johannys bacalhaujohabacalhau
 
RELATO HERMANOS SERDAN
RELATO HERMANOS SERDANRELATO HERMANOS SERDAN
RELATO HERMANOS SERDANrosit1
 
8 accions de màrqueting digital per Montserrat Peñarroya a ESCODI
8 accions de màrqueting digital per Montserrat Peñarroya a ESCODI8 accions de màrqueting digital per Montserrat Peñarroya a ESCODI
8 accions de màrqueting digital per Montserrat Peñarroya a ESCODIESCODI
 
El sena peña (1)
El sena peña (1)El sena peña (1)
El sena peña (1)liseth_18
 
Nuria landero garrido_impress
Nuria landero garrido_impressNuria landero garrido_impress
Nuria landero garrido_impressNuriaLandero
 
Niños con necesidades speciales en la escuela
Niños con necesidades speciales en la escuelaNiños con necesidades speciales en la escuela
Niños con necesidades speciales en la escuelaMagali Salazar Torres
 

Destacado (14)

Mapa mental sucesoral johannys bacalhau
Mapa mental sucesoral johannys bacalhauMapa mental sucesoral johannys bacalhau
Mapa mental sucesoral johannys bacalhau
 
Robinson
RobinsonRobinson
Robinson
 
Resume_of_Anas 2
Resume_of_Anas 2Resume_of_Anas 2
Resume_of_Anas 2
 
PresentacióN Empresa
PresentacióN EmpresaPresentacióN Empresa
PresentacióN Empresa
 
Chopra
ChopraChopra
Chopra
 
RELATO HERMANOS SERDAN
RELATO HERMANOS SERDANRELATO HERMANOS SERDAN
RELATO HERMANOS SERDAN
 
8 accions de màrqueting digital per Montserrat Peñarroya a ESCODI
8 accions de màrqueting digital per Montserrat Peñarroya a ESCODI8 accions de màrqueting digital per Montserrat Peñarroya a ESCODI
8 accions de màrqueting digital per Montserrat Peñarroya a ESCODI
 
Cts
CtsCts
Cts
 
El sena peña (1)
El sena peña (1)El sena peña (1)
El sena peña (1)
 
Nuria landero garrido_impress
Nuria landero garrido_impressNuria landero garrido_impress
Nuria landero garrido_impress
 
leyre's cv 16 (1) (1)
leyre's cv  16 (1) (1)leyre's cv  16 (1) (1)
leyre's cv 16 (1) (1)
 
La teoría x yz
La teoría x yzLa teoría x yz
La teoría x yz
 
Niños con necesidades speciales en la escuela
Niños con necesidades speciales en la escuelaNiños con necesidades speciales en la escuela
Niños con necesidades speciales en la escuela
 
Naturaleza(1)
Naturaleza(1)Naturaleza(1)
Naturaleza(1)
 

Similar a Nanaaananannanaa (1)

Similar a Nanaaananannanaa (1) (20)

Junior viloria
Junior viloriaJunior viloria
Junior viloria
 
Alany01
Alany01Alany01
Alany01
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Web2.0 y computacion en la nube
Web2.0 y computacion en la nube Web2.0 y computacion en la nube
Web2.0 y computacion en la nube
 
Web2.0 y Computacion en la nube
Web2.0 y Computacion en la nubeWeb2.0 y Computacion en la nube
Web2.0 y Computacion en la nube
 
Páginas_web guia didactica.pdf
Páginas_web guia didactica.pdfPáginas_web guia didactica.pdf
Páginas_web guia didactica.pdf
 
Trabajo Grupal Web 2.0
Trabajo Grupal Web 2.0Trabajo Grupal Web 2.0
Trabajo Grupal Web 2.0
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Actividad 4 de lab 2
Actividad 4 de lab 2Actividad 4 de lab 2
Actividad 4 de lab 2
 
Trabajo final informatica
Trabajo final informaticaTrabajo final informatica
Trabajo final informatica
 
Trabajo final informatica
Trabajo final informaticaTrabajo final informatica
Trabajo final informatica
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Robert primera informatica(1)
Robert primera informatica(1)Robert primera informatica(1)
Robert primera informatica(1)
 
TRABAJO GRUPA "HERRAMIENTAS DE WEB 2.0"
TRABAJO GRUPA "HERRAMIENTAS DE WEB 2.0"TRABAJO GRUPA "HERRAMIENTAS DE WEB 2.0"
TRABAJO GRUPA "HERRAMIENTAS DE WEB 2.0"
 
Trabajo grupal
Trabajo grupalTrabajo grupal
Trabajo grupal
 
TRABAJO GRUPAL
TRABAJO GRUPAL TRABAJO GRUPAL
TRABAJO GRUPAL
 
Trabajo grupal
Trabajo grupalTrabajo grupal
Trabajo grupal
 
Trabajo grupal
Trabajo grupalTrabajo grupal
Trabajo grupal
 

Último

libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minasMirkaCBauer
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 

Último (14)

libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minas
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 

Nanaaananannanaa (1)

  • 1. República Bolivariana de Venezuela Ministerio para la educación Universitaria, Ciencia y Tecnología Instituto Universitario de Tecnología Juan Pablo Pérez Alfonzo IUTEPAL Profesora integrante Sonia padrón Deivi rojas Ci 26506170 sección 3271
  • 2. Introducción La idea de crear una web para los alumnos, nació de manera totalmente involuntaria, porque al principio solo se trataba de un paso más en el crédito de informática, en el que me enseñaron el funcionamiento, la creación de páginas webs y el lenguaje HTML. Al comunicarme que tenía que realizar un trabajo de investigación y al saber que la web de nuestro Instituto posee un espacio previsto para los alumnos, supe que sería la oportunidad para poder investigar más cosas sobre este mundo, porque mis conocimientos de diseño, realización de webs y el lenguaje de HTML eran muy limitados. Así que tome esta iniciativa y la escogí como mi Treball de Recerca, que consistiría en diseñar y desarrollar la Página Web de los Alumnos del IES Poblenou, contando con la colaboración de los profesores y la de los alumnos que es la más importante. Este apartado integrado dentro de la web de nuestro instituto, nos permitirá expresarnos con la idea que sea un espacio dinámico e interactivo donde el alumnado participe activamente proponiendo ideas y entusiasmo.
  • 3. Que es una página web Una página web, página electrónica o ciberpágina, 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. Una página web está compuesta principalmente por información de en tema factible (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 interacción Las páginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML. 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.
  • 4. 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 textos, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces. La Web se desarrolló entre marzo de 1989 y diciembre de 1990.2 3 por el inglés Tim Berners-Lee con la ayuda del belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza, y publicado en 1992. Desde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares Web (como los lenguajes de marcado con los que se crean las páginas web), y en los últimos años ha abogado por su visión de una Web semántica. Utilizando los conceptos de sus anteriores sistemas de hipertexto como ENQUIRE, el físico británico Tim Berners-Lee, un científico de la computación y en ese tiempo de los empleados del CERN, ahora director del World Wide Web Consortium (W3C), escribió una propuesta en marzo de 1989 con lo que se convertiría en la World Wide Web.4 la propuesta de 1989 fue destinada a un sistema de comunicación CERN pero Berners-Lee finalmente se dio cuenta que el concepto podría aplicarse en todo el mundo.5 En la CERN, la organización europea de investigación cerca de Ginebra, en la frontera entre Francia y Suiza,6 Berners-Lee y el científico de la computación belga Robert Cailliau propusieron en 1990 utilizar el hipertexto "para vincular y acceder a información de diversos tipos como una red de nodos en los que el usuario puede navegar a voluntad",7 y Berners-Lee terminó el primer sitio web en diciembre de ese año.8 Berners-Lee publicó el proyecto en el grupo de noticias alt.hypertext el 7 de agosto de 1991.9
  • 5. Tipos de páginas web 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 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. 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 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. 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. 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.
  • 6. Características de una página 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. 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. 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. 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. 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.
  • 7. Que es una webques Una WebQuest es una actividad estructurada, que plantea una tarea atractiva utilizando recursos disponibles en la red, seleccionados con anticipación por el profesor, con el propósito de contribuir a la administración del tiempo que los estudiantes dedican al desarrollo de ésta. Esta actividad favorece la activación de los conocimientos previos de los alumnos, la interacción de éstos con los contenidos a aprender, con su profesor y con sus compañeros de clase; es decir, estimula el aprendizaje en colaboración y motiva al alumno a hacer algo con la información que recupera de internet. La estructura básica de la WebQuest incluye cinco apartados: introducción, tarea, proceso (en este apartado se incluyen los recursos, es decir, la lista de sitios web que el alumno deberá consultar para poder realizar las actividades, y el andamiaje, el cual brinda al estudiante una estructura de trabajo que le sirva de guía durante el desarrollo de las actividades), evaluación y conclusión. Entre los años de 1990 y 1994 Bernie Dodge, profesor de la Universidad de San Diego se encontraba trabajando en un proyecto titulado The San Diego Microworld Project, el cual involucraba a un grupo de estudiantes que, utilizando un software diseñado por el propio Dodge, debían crear un videojuego de aventuras ambientado en una época histórica determinada. Para llevarlo a cabo, los estudiantes investigaron primero todos los aspectos relacionados con la época seleccionada, luego, definieron proyectos interdisciplinarios en los que cada uno de ellos asumió un rol específico. Al final de la actividad, pudo observarse que los participantes no sólo poseían un grado mayor de conocimiento acerca de todos los aspectos de la época histórica que habían recreado en el videojuego, sino que el aprendizaje no provenía únicamente de sus consultas bibliográficas, sino también del intercambio con otros miembros de su equipo de trabajo.
  • 8. Que es 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, 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.
  • 9. Que es 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.1 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 Antes de que los blogs se hicieran populares, existían comunidades digitales como USENET, xrt listas de correo electrónico, y BBS. En los años 90, los programas para crear foros de internet, como por ejemplo WebEx, posibilitaron conversaciones con hilos. Los hilos son mensajes que están relacionados con un tema del foro. 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
  • 10. Que es un portafolio 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 presentada en formato digital (texto, imágenes, animaciones, simulaciones, audio y vídeo). Se puede 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; podemos estar hablando del ámbito artístico, del educativo, del arquitectónico etc. Se podría decir que el portafolio 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 portafolio, 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 portafolio 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 trabajos Jan van Tartwijk y Erik Driessen en torno al portfolio médico
  • 11. Conclusión En esta web observé que tenían una sección en donde exponían fechas de conciertos, por lo tanto, creamos un apartado de música que no solo expondríamos la fecha y el lugar si no también la trayectoria artística y vida de los artistas. Para tener un control completo sobre la apariencia de la página web, además de ver varias, fue aprender a usar programas informáticos y comprender el lenguaje HTML, ya nunca antes había hecho nada parecido y mis conocimientos de diseño y valoración de HTML eran muy limitados. Esto me permitió poder comprender como funciona una página web. La creación de la estructura de la página web, comenzó con una prueba tras otra y así hasta cinco pruebas para poder crear la definitiva y la que utilizaríamos para exponerla. En la planificación del trabajo me encontré que no era tan fácil encontrar información para publicar en la web, en lo que opté por pedir ayuda a otros alumnos en la encuesta para así poder formar un equipo de alumnos mantenga la web y a conseguir que exista continuidad.