El documento define y explica varios conceptos relacionados con las páginas web, incluyendo: 1) qué es una página web, los tipos de páginas web (estáticas y dinámicas), y sus características; 2) qué es un blog, una wiki y una webquest; y 3) cómo crear una página web básica en Microsoft Word.
1. República Bolivariana de Venezuela
Ministerio del Poder Popular para la Educación Superior
Juan Pablo Pérez Alfonzo I.U.T.E.P.A.L
Puerto Cabello_ Estado Carabobo
PAGINA WEB
Profesora: Alumno:
Sonia Padrón Robert Primera
C.I: 20.980.202
Kailet Perez
C.I: 19.197.034
Puerto Cabello, Agosto del 2016
1
2. INDICE
Introducción…………………………………………..…Pag 3
¿Qué significa www?................................................................ Pag 4
¿Qué es una página web?............................................... Pag 5,6
¿Tipos de páginas web?..................................................Pag 6,7
Características de una página………………………….....Pag 8,9
¿Qué es un blog? ………………………………………...Pag 10
¿Qué es una wiki? ………………………………………..Pag 10,11
¿Qué es una Webquest? …………………………………Pag 12,13
¿Qué es un portafolio digital? …………………………..Pag 13,14
Cómo hacer una página web en Word………………….Pag 14, 15, 16, 17,18
Conclusión………………………………………………….Pag 19
Referencias………………………………………………....Pag 20
2
3. INTRODUCCION
En el siguiente trabajo de investigación se comentara sobre los distintos temas que
abarcan la páginas web con esto nos referimos a todo lo que concierne a ello como su
definición los tipos de página web sus características además de eso encontraremos que
es un blog todo detallado a continuación.
3
4. ¿Qué significa www?
World Wide Web (WWW)
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.
La Web se desarrolló entre marzo de 1989 y diciembre de 1990. 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 ingeniero
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.
4
5. ¿Qué es una página web?
Una página web se define como un documento electrónico el cual contiene
información textual, visual y/o sonora que se encuentra alojado en un servidor y
puede ser accesible mediante el uso de navegadores. Una página web forma
parte de una colección de otras páginas webs dando lugar al denominado sitio
web el cual se encuentra identificado bajo el nombre de un dominio.
La creación y desarrollo de una página web se realiza bajo un lenguaje de
programación capaz de ser interpretados por los navegadores, lenguajes como
el HTML, PHP, ASP, JSP o RUBY son ejemplos entre otros. Al inicio de la era
de internet accesible, sobre los años 90, era necesario el conocimiento de algún
lenguaje de programación para el desarrollo de una web, siendo una tarea
encomendada a personas con altos conocimientos informáticos, hoy en día
contamos con software especializado capaz de trabajar como un editor de
texto ,estilo Word, que transforman toda la información insertada en un
lenguaje de programación capaz de ser interpretado por los navegadores, de
esta forma se liberalizó y se globalizó la creación de páginas webs con apenas
unos escasos conocimientos informáticos, programas como Dreamweaver,
Amaya, Sharepoint Designer o Mozilla Composer son entre otros los
denominados WYSIWYG (acrónimo del inglés " lo que ves es lo que obtienes")
capaces de crear complejas páginas webs con el entorno de un simple editor de
texto.
Una vez que hemos creado y desarrollado nuestras páginas webs es necesario
alojarlas en un servidor el cuál lo podemos definir como un ordenador
conectado constantemente a la intranet privada o a internet cuyo objetivo es
poder disponer de la página web a cualquier hora del día. Para poder acceder al
5
6. servidor es necesario el uso de programas denominados clientes FTP, los cuales
conectan el ordenador personal donde se ha desarrollado la página con el
servidor donde se alojará, Filezilla, FileFTP o Cute FTP son entre otros
ejemplos de clientes FTP.
Por último, una vez alojadas nuestras páginas webs estas son accesibles
mediante el uso de navegadores los cuales permiten visualizar correctamente la
información alojada y desarrollada, Chrome, Mozilla, Internet Explorer y Safari
son entre otros ejemplos de navegadores ampliamente utilizados.
¿Tipos de páginas web?
Las páginas web son documentos o información que se crean en formato HTML,
estos son adaptados a la World Wide Web (WWW) y se puede acceder a ellos por
medio de un navegador. Al conjunto de páginas web enlazadas se las conoce bajo
el nombre se sitio web.
Existen distintas formas de clasificar a las páginas web, algunos criterios para
ello son:
Según su construcción:
1. Estáticas: este tipo de páginas web están compuestas por archivos que
contienen código HTML, es por medio de este que se pueden mostrar las
imágenes, textos, videos y todos 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
6
7. editadas por medio de programas como el Dreamweaver. Para esto, los archivos
deben ser descargados del servidor con algún software, editarlos, guardarlos y
subirlos nuevamente. El contenido de estas páginas no se modifica
constantemente puesto que estas suelen estar en manos de personas que requieren
contratar a diseñadores para que se encarguen de esto, lo que implica una serie de
gastos. Además, la actualización contante no es algo que sus dueños necesiten.
2. Dinámicas: en estas páginas, en cambio, los contenidos son modificados
continuamente ya que esto queda en manos de quienes las visitan. La información
de estas páginas está guardada en bases de datos de las cuales los usuarios extraen
aquello que les interese. Estas páginas se caracterizan entonces por ser sus
usuarios quienes modifican el diseño y los contenidos, se las puede actualizar muy
fácilmente, ya que no es necesario ingresar al servidor para esto. Además, tienen
numerosas funciones como foros, bases de datos, contenidos dinámicos, carritos
de compras, entre otros.
Según su tecnología:
1. En HTML: estas páginas están construidas con lenguaje HTML, por lo que
se requiere tener conocimientos de este para hacerlas. Un defecto de estas páginas
es que son estáticas, además ofrecen muy poco, por lo que no son recomendables
para ventas y marketing. La ventaja que ofrecen es que son muy fáciles de
construir, con conocimientos básicos de diseño, alcanza.
2. En Flash: estas páginas se construyen utilizando el software Flash, de
Adobe, que permite la realización de animaciones, efectos, sonidos y
movimientos. Para que los usuarios puedan visualizarlas, es necesario contar con
los plug-in requeridos. Para realizarlas sí es necesario tener conocimientos en
profundidad sobre el software, otra desventaja, es que las páginas hechas con
Flash son muy pesadas, por lo que el tiempo de descarga puede prolongarse.
3. En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby, ASP, entre
otros. Para desarrollar esta clase de páginas también es necesario tener
conocimientos avanzados sobre el lenguaje a utilizar. Son ideales para interactuar
con los usuarios y para el área de marketing.
7
8. 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.
Si a un usuario no le gusta lo que ve, o no le genera confianza, lo más probable es
que abandone el sitio web, en muchos casos sin tan siquiera tener en cuenta el
contenido.
Por lo cual un buen diseño genera confianza, seriedad y muy buena impresión.
4. Contenido bien estructurado.
Un desglose del contenido claro y sencillo, bien explicado, tiene el éxito
asegurado. La importancia de una estructura clara y objetiva es lo que mantendrá
a tu usuario conectado.
Recuerda que una información siempre debe ser concisa y sencilla.
5. Importancia de la velocidad de la web.
Las páginas que tardan en mucho en cargar son un problema. Para todos,
nuestro tiempo vale oro, y lo que más fastidia a cualquier persona es tener que
esperar.
8
9. El índex de una página web debe tener una carga rápida, si no, muchos usuarios
abandonarán la navegación sin dar una oportunidad de ver el sitio, aunque su
contenido pueda resultarles de utilidad.
6. Información de contacto.
Es muy importante situar en lugares visibles nuestros datos de contacto,
teléfonos y dirección. Nunca deben enlazarse emails directamente, sino utilizar
enlaces a formularios de contacto y, muy importante, incitar al usuario a realizar
una acción, como por ejemplo contactar con nosotros o solicitar más información.
Si nuestro contenido genera interés, es muy probable que el usuario quiera saber
más, por tanto, después de mostrar la información que le interesa, es muy
apropiado invitarle a resolver sus dudas contactando con nosotros y que siempre
sepa que estamos para ayudarle.
7. Difusión del sitio web...
Hay muchas empresas que piensan que con tener una web ya está todo el
trabajo hecho. Pues no, ni mucho menos. Detrás de una web hay muchísimo
trabajo que hacer para darnos a conocer a nuevos usuarios.
En primer lugar, si tu sitio es nuevo es muy difícil aparecer en los primeros
puestos de los buscadores. Si quieres aparecer en un futuro tendrás que pensar en
llevar a cabo una tarea de posicionamiento seo continua para tu página web, con
los términos más apropiados e ir aumentándolos según los resultados que vayas
obteniendo.
En segundo lugar, es importante ir actualizando periódicamente los contenidos
de la web, e ir ampliando poco a poco las secciones de la misma. Es muy
importante contar con un blog en el que ir informando a los usuarios de noticias y
novedades que puedan resultarles de interés.
9
10. Por último, es conveniente difundir tu web a través de todas las comunidades de
temática similar a tu web, para conseguir llegar a usuarios a los que realmente
interese tu contenido y así lograr, poco a poco, que los mismos usuarios participen
activamente en la difusión de tu website.
¿Qué es un blog?
Un blog (del inglés web log) o bitácora web2
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.
¿Qué es una wiki?
Una wiki o un wiki es un espacio colaborativo fácil y rápido de realizar. Wiki
procede del término hawahiano que significa rápido y está definido como "un
espacio de escritura colaborativa".
La primera wiki fue desarrollada en 1994 por Ward Cunnighan y puesta en
funcionamiento en marzo de 1995 con el nombre de WikiWikiWeb, también
conocida como WardsWiki, como medio para mantener una escritura colaborativa
con sus compañeros programadores. El término wiki fue elegido por Cunnighan
10
11. para designar lo rápido y efectivo que puede ser esta herramienta, además de jugar
con las iniciales "www" de World Wide Web de Internet.
En 2001 surge el mayor proyecto colaborativo con la aparición de la
enciclopedia Wikipedia, que es la mayor wiki del mundo.
Tanto el blog como el wiki son espacios participativos de comunicación y
aunque ambos tienen muchas semejanzas, el wiki destaca porque es mucho más
colaborativo. A nivel de educación los wikis son un recurso para favorecer el uso
de las TIC y completar el contenido curricular de forma interactiva y colaborativa.
Para el funcionamiento de un wiki no se requieren conocimientos técnicos,
simplemente escribir, realizar enlaces e insertar contenidos multimedia. El wiki se
compone de una estructura de páginas y es hipertextual, pues los enlaces son los
que relacionan todos los contenidos.
Al igual que los blogs, los wikis tienen un interfaz de edición sencillo que
permiten crear páginas fácilmente desde el navegador. Posee un historial de
revisiones para poder deshacer cambios y volver a versiones anteriores.
¿Qué es una Webquest?
Webquest es un modelo didáctico que consiste en una investigación guiada
donde la mayor parte de la información procede de Internet. El concepto fue
propuesto por Bernie Dodge (investigador de la Universidad Estatal de San
Diego) en 1995.
11
12. Este tipo de actividad, afirman sus impulsores, promueve el trabajo en equipo,
la autonomía de los estudiantes y la utilización de habilidades cognitivas
superiores. Además contribuye a que los alumnos adquieran competencias
vinculadas a la sociedad de la información (concepto que hace referencia a la era
que el ser humano está atravesando en la actualidad, con un acceso sin
precedentes a la información, tanto para su divulgación como para su consumo).
La webquest suele proponer tareas atractivas que invitan al estudiante a adoptar
una conducta activa. El pensamiento creativo es necesario para la resolución de
los problemas y para el análisis de los enunciados, ya que la actividad requiere de
un esfuerzo adicional al hecho de responder una pregunta simple.
El primer paso para desarrollar una webquest requiere de un espacio en
Internet, ya sea a partir del desarrollo de un sitio web, un blog o alguna
publicación semejante. El docente debe incluir una introducción al proyecto, la
tarea a desarrollar, los recursos sugeridos y una evaluación, entre otras secciones.
Una webquest puede ser de corta duración (cuando tiene el objetivo de la
adquisición e integración de conocimientos de una materia en el corto plazo) o de
larga duración (cuando se pretende que el estudiante logre desarrollar capacidades
de deducción, inducción y abstracción).
Es importante distinguir entre la webquest y la denominada caza del tesoro.
Mientras que en la primera actividad el estudiante debe transformar y procesar la
12
13. información, en la caza del tesoro simplemente se le pide que halle la respuesta a
una pregunta dada.
WebquestA pesar de su utilidad, las webquests representan una de las tantas
herramientas que los docentes tienen a su disposición y no son adecuadas para
alcanzar cualquier objetivo educativo. Específicamente, resultan poco efectivas
para la memorización de hechos históricos, para el aprendizaje de procedimientos
simples y para la adquisición de nuevas definiciones.
¿Qué es un portafolio digital?
El portafolio digital reúne de manera resumida lo mejor del trabajo de un
individuo.
Los portafolios digitales proporcionan una síntesis de lo mejor del trabajo de un
individuo producido por lo general en el transcurso de un año o un período más
largo de tiempo. La mayoría de estos portafolios contienen una amplia variedad de
información para capturar de manera adecuada la versatilidad de la persona. La
información de los portafolios digitales también puede aparecer en una variedad
de medios, como textos, fotografías, ilustraciones, diagramas, material de la web,
archivos de audio, hojas de cálculo y presentaciones de PowerPoint.
13
14. El portafolio digital es un instrumento que combina las herramientas
tecnológicas con el objeto de reunir trabajos que permitan el seguimiento y la
evaluación del proceso de aprendizaje del alumno.
Se caracteriza por:
a) Mostrar la evolución del proceso de enseñanza y aprendizaje.
b) Estimular la experimentación, la reflexión y la investigación del alumno.
c) Reflejar el punto de vista personal del alumno sobre su aprendizaje.
d) Evidenciar los momentos claves del proceso de enseñanza y aprendizaje:
problemas, soluciones, logros…
e) Reflejar la valoración del profesor sobre el desempeño del alumno en la
construcción del aprendizaje.
Cómo hacer una página web en Word
1. Abrir Word y posteriormente abrir un archivo nuevo.
2. Guardar el documento como: guardar como página web, con el nombre de
"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.
14
15. 4. Crear una tabla con dos columnas y dos líneas, la primera línea (que contiene
dos columnas) seleccionarla y convertirla en una sola.
5. De la segunda línea (que contiene dos columnas), poner el puntero del ratón
sobre la línea inferior de la tabla, mantener presionado el botón izquierdo del
mismo, y arrastra hacia abajo, de tal forma que la segunda línea ocupe el espacio
restante de la hoja.
6. Posterior al trabajo de la tabla, escribe el nombre de tu página web en la
primera línea de la tabla, este nombre deberá ir en letras mayúsculas, letras
negrillas, y con algún color que combine con el fondo (puedes poner algún
logotipo que vaya de acuerdo con tu página.
Organización de la barra de navegación
7. De la segunda línea de la tabla, poner el puntero del ratón sobre la línea central
vertical, debes mantener presionado el botón izquierdo para arrastra hacia la
izquierda la línea de tal forma que una columna quede más delgada que la otra.
8. En la columna delgada, escribe el índice de tu página web, como por ejemplo:
* INICIO
* MIS FOTOS
* MIS PÁGINAS FAVORITAS
* MIS TAREAS
* MIS CHISTES
15
16. 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.
16
17. 15. Cierra el documento que acabas de guardarlo con diferentes nombres y ahora
ve al menú archivo, y abre el documento de fotos.html, cómo te das cuenta es
exactamente la misma información que la del archivo index.html, ahora tienes que
borrar la información de bienvenida al sitio y pon la formación correspondiente a
la sección de fotos.
16. Repite el paso anterior, todos los documentos para que la información cambie
en cada sección y no sea igual a la del documento index.html
17. Una vez terminada la tarea de cambiar información cierra todos los
documentos y abre (desde Word), el archivo index.html.
18. Selecciona la primera palabra del menú que hiciste en la parte izquierda del
documento, es decir de la columna delgada, en el caso del ejemplo, tendrás que
seleccionar INICIO.
Los hipervínculos
19. Ir al menú insertar, elegir hipervínculo, y del cuadro de diálogo que aparece,
elegir la opción "archivo o página web existente", luego, "archivo" y finalmente
elegir la página index.html.
20. Selecciona la siguiente palabra del menú, y repite la operación paso anterior,
recuerda que la palabra seleccionas debes ponerle el hipervínculo del archivo del
mismo nombre, es decir:
"MIS FOTOS" (hipervincular con) "fotos.html".
17
18. "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.
22. En todos los documentos, selecciona el menú escribiste y bórralo, luego
sobrepón el puntero de mouse, y presiona al mismo tiempo en el teclado
CONTROL y V (que significa pegar). Si te das cuenta lo que se pega en la
columna es una copia exacta del índice que ya tiene los hipervínculos.
23. Realiza la operación anterior con todos los demás documentos, procurando
guardar la información una vez terminada la operación.
24. Una vez que haya terminado con todo el trabajo, cierra todos los documentos
y el programa de Word, ve la carpeta de "Mis documentos" y haz click en el
documento que dice index.html, este deberá abrir como página web y por
consiguiente deberá aparecer todo diseño junto con los links. Prueba cada uno de
ellos para comprobar si te lleva a la página correcta. Si es así entonces ya habrás
hecho tu primera página web.
18
19. CONCLUSION
Cabe destacar que con el siguiente trabajo de investigación se dio a
conocer todo lo refente a las páginas web, portafolios digitales, blog entre otros.
Esto sirve para que todos los estudiantes que quieran informase con respecto a
estos temas tengan la noción e importancia de cada uno de los temas aquí
presentados en este trabajo
19