El documento explica el significado y la historia del término WWW (World Wide Web), creado por Tim Berners-Lee en 1990. También describe las diferentes categorías de páginas web, incluyendo estáticas y dinámicas, así como diversos tipos como blogs y wikis, y se menciona la importancia de la optimización para buscadores. Además, el texto proporciona una guía paso a paso para crear una página web utilizando Microsoft Word.

1. Que significa las siglas www
Lo primero que debemos saber deluso WWW es que es una sigla que significa:World Wide Web.
A partir de allí poder comprender realmente de qué se trata yqué representa para elmundo de la
informática y las telecomunicaciones.
Word Wilde Web se puede traducir al español como Red Informática Mundial y se trata
del protocolo de distribución de datos más popular en la actualidad. El protocolo WWW
actualmente está unido al protocolo HTTP, sin embargo existen otros protocolos de distribución
como FTP (Files Transfer Protocol) o SMTP (Simple Mail Transfer Protocol).
Origen del Word Wilde Web
WWW nació en 1990 gracias al inglés Tim Bernés-Lee entre marzo de 1989 (cuando
el CERN aprobó el proyecto aún sin nombre de Bernés-Lee) y diciembre de 1990, cuando el
proyecto finalmente nombrado "The Web" se hizo realidad.
A modo de anécdota ydato curioso, el naciemiento de la Web fue exactamente el día de Navidad,
que además fue el día en que Berners-Lee fue padre de una niña por primera vez. Se puede decir
entonces Tim Berners-Lee tuvo dos hijos el 25 de diciembre de 1990: The Web y su primera niña.
La historia de cómo se concibió e hizo realidad la Web está contada por supropio creador y Mark
Fischetti, en el libro Weaving the Web, publicado en 2008.
Que es 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.

2. 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 Word (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 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.
Características de una página web
Por lo regular clasificamos de dos (2) formas las páginas de un sitio web o el sitio web en
general, las cuales son:
 Estáticas
 Dinámicas
Páginas web estáticas:
Se le denomina páginas estáticas debido a que su contenido no cambia, lo cual quiere decir,
que se crea con un contenido específico y este no se modifica, la extensión más común para
este tipo de páginas es el .HTML
Páginas web dinámicas:
Se le denomina páginas dinámicas debido a que su contendido varía según la consulta del
usuario al servidor, ya que la información a mostrar se encuentra almacenada en una base

3. de datos. Hoy en día este tipo de páginas es de las más comunes, debido a las grandes
ventajas en el ahorro de recursos y tiempo.
También es muy importante que conozcamos sus precios y el ¿por qué? de su valor, por eso
te invitamos a consultar sus costos.
Tipos de páginas web
Para clasificar los tipos de páginas web en esta categoría de una forma clara y concisa, lo
aremos en tres (3) sus categorías:
 HTML.
 Flash.
 Lenguaje de servidor.
Páginas en HTML
Son páginas estáticas las cuales se diseñan en lenguaje de marcado, también podemos
considerar que este tipo de lenguaje o código es el más común y fácil de aprender. Como
una gran ventaja que tenemos con este tipo de páginas web es su fácil implementación y
diseño.
Páginas en Flash
Son páginas animadas y generalmente se emplean con diseños muy coloridos, este tipo de
diseño no es de mucho agrado para los buscadores en especial el de Google ™ ya que como
no es texto el robot (Googlebot o araña) que analiza las páginas no sabrá de qué se trata la
temática de la página web.
Páginas en lenguaje de servidor

4. Son páginas dinámicas y con una gran capacidad, y como mencionamos anteriormente este
tipo de páginas es de las más comunes. Uno de los lenguajes más usados es el PHP, y
también es bueno mencionar la fuerza que tiene la unión de PHP y Ajax.
También podríamos aplicar una categoría a los tipos de páginas web según su objeto o
campo de aplicación, pero esto ya sería como una división de lo anterior visto.
Tipos de sitios web
Personales: como su nombre lo dice, son sitios web donde se expresan las temáticas de una
persona o en su defecto la temática de un grupo.
Blog: Se le conoce normalmente como bitácoras, donde se publican artículos referentes a
un segmento de mercado.
Foros: Son sitio web de debate o dialogo, donde se hacen preguntas y entre los miembros
se responden.
E-commerce: Son los sitios dedicados a la venta de productos y/o servicios, normalmente
conocidos como tiendas online.
Directorios: Se podría decir que son como catálogos virtuales, que muestran hipervínculos
hacia otras páginas web.
Institucionales o corporativas: Son los sitios construidos para dar una proyección de
marca en particular.
Spam: So los sitios que se construyen para posicionar otros sitios, su información carece de
valor.

5. Es claro que debemos conocer antes de adquirir el servicio de diseño web a que clase o tipo
de páginas web pertenece y cómo podemos sacarle el mejor provecho, pues desde nuestra
perspectiva de que sirve tener un sitio web que no produzca resultados satisfactorios.
Que es una Wiki
Wiki nota (del hawaiano wiki, ‘rápido’)2 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. Es
cualquier sitio web que puede ser editado por cualquier persona en una plataforma web.
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.
Es un sistema de trabajo que utilizan los sitios web para editar o crear un contenido de
forma rápida y sencilla.
Así, 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 uniforme de recursos (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 Wiki pedía. 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

6. 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.
Que es un portafolio digital
El portfolio digital (e-portfolio, portafolio) 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 través del
cambio conceptual reestructura su modelo mental, y por otro con el llamado aprendizaje
significativo defendido por Ausubo, 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.
Garrett (2009)3 propone un interesante esquema que sintetiza la relación entre los distintos
elementos del portfolio digital.
Mª Paz Prendes Espinosa y Mª del Mar Sánchez Vera (2009)4 opinan que “...en educación
el portafolio adquiere otra dimensión, no se limita a la mera recopilación de trabajos, sino
que incluye una narrativa reflexiva que permite la comprensión del proceso de enseñanza o
de aprendizaje, según el caso, y además puede facilitar la evaluación”
Que es un blogs
Un blog es la forma moderna de expresión y de opinión en Internet. La palabra blog proviene
de la mezcla de las palabras web y log, y en español se le conoce como bitácora o bitácora
digital. Un blog es en realidad una página en Internet que se actualiza periódicamente con
material nuevo, mismo que usualmente es publicado por una persona, expresando
pensamientos u opiniones en forma de prosa, siendo que algunos hasta llegan a tomar el
formato de un diario personal.

7. Son definidas como “Una aplicación de la estrategia de aprendizaje por descubrimiento
guiado a un proceso de trabajo desarrollado por los alumnos utilizando los recursos de la
WWW. Consisten en presentarle al discípulo un problema con un conjunto de recursos
preestablecidos por el autor de la misma, evitando así la navegación simple y sin rumbo de
los estudiantes en la WWW”. En este mismo sentido, también pueden definirse como
actividades de investigación que, por un lado, implican la búsqueda de toda o buena parte
de la información necesaria para su realización en Internet y que, por el otro, fomentan el
examen, compendio y valoración de dicha información.
1Que es una web quest
Las Web Quest 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,2 y el desarrollo de competencias relacionadas con la sociedad
de la información.
Las Web quest 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ón3 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.
Pasos para realizar una pagina web en Word
8. Ahora se debe abrir Microsoft Word, en nuestro caso usaremos el 2010, pero no tiene
muchas variaciones con la versión anterior o siguiente. Ilustración 6. Abrir office Word
9. Abrir Word Ahora que se abrió, este es el formato que debe aparecer en su pantalla.
Ilustración 7. Formato 7
10. Convertir formato a página web Ilustración 8. Menú Inferior En la parte inferior
derecha se localiza un menú igual a esté. 8
11. Se da clic en “diseño web” Ilustración 9. Diseño web para cambiar el diseño de la
página. 9

8. 12. Después su pantalla será esta. Ilustración 10. Pantalla 10
13. Agregar marcos Ilustración 11. parte superior derecha En la parte superior derecha de
su pantalla, aparece una flecha hacia abajo donde daremos clic 11
14. Se desplegará el siguiente menú donde daremos clic en “Mas comandos…” Ilustración
12. Más comandos 12
15. Nos va a aparecer la siguiente pantalla donde cambiaremos la opción de “comandos
más utilizados” por la de “Todos los comandos” Ilustración 13. Todos los comandos 13
16. Agregaremos desde “Marco nuevo a la derecha” hasta “Marco nuevo arriba” Ilustración
14.Marcos nuevos 14
17. También agregaremos la opción de “Eliminar marco”, no olvidemos dar click en
“Aceptar” Ilustración 15. Eliminar marco 15
18. Podrán notar que su menú en la esquina superior izquierda se ha modificado: Ilustración
16. Iconos Daremos clic en los iconos de agregar marco dependiendo de la posición que
queremos que aparezca. 16 Nota: te recomendamos no agregar más del dos para que el
resultado sea de tres marcos y tu página no se vea tan cargada.
19. Hemos insertado un marco arriba y nos ha quedado así: Ilustración 17. Ejemplo 1 17
20. Posicionamos el cursor en el marco donde queremos agregar el siguiente marco, en este
caso, el marco de abajo. Ilustración 18.Marco de abajo 18
21. Posicionamos el cursor en cualquiera de las líneas del marco para cambiar su tamaño:
Ilustración 19. Cambiar tamaño 19
22. Ilustración 20. Modificación de marcos Modificamos el tamaño de ambos marcos según
nuestras comodidades. 20
23. Insertar títulos a marcos Ahora escribiremos en los marcos su titulo. Ilustración 21.
Títulos de marcos 21
24. Después de eso, vamos a dar clic en el menú de archivo para después clickear “Guardar
como” Ilustración 22. Guardar como 22
25. Guardar por primera vez Ilustración 23. Clic a la carpeta A continuación se les abrirá
algo como esto, donde daremos clic en la carpeta que creamos para la página web
26. Ilustración 24. Cambiar nombre Ya que la tenemos abierta, le cambiaremos el nombre a
INDEX. 24

9. 27. Cambiaremos el formato a “Pagina web” Ilustración 25. Pagina web 25
28. También podemos cambiar el título de nuestra página: Ilustración 26. Titulo de archivo
29. Nuestra página será sobre perros o mascotas perdidas. Ilustración 27. titulo de la página
30. Daremos clic en “guardar” y después cerraremos el archivo. Ilustración 28. Guardar y
cerrar 28
31. Ilustración 29. INDEX Nos podemos dar cuenta que tenemos 4 archivos de Word con el
nombre de nuestros marcos: 29
32. Abrir INDEX por primera vez Abrimos nuestra carpeta de la página web Para continuar
modificando nuestra página daremos clic derecho sobre el archivo que se llama “INDEX”
Ilustración 30. 4 Archivos 30
33. Vamos a abrir nuestro archivo con Microsoft Word Ilustración 31. Abrir con Word 31
34. Ahora podemos borrar lo que escribimos en los marcos y así podemos comenzar con el
diseño de nuestra página. Ilustración 32. Borrar nombres 32
35. Cambiaremos nuestro menú a “Diseño de pagina” Modificar colores. para modificar el
color de cada marco. Ilustración 33. Diseño 33
36. Ya que tienes el diseño de tu preferencia, puede quedar algo así: Ilustración 34. Tu
preferencia 34
37. Insertar Fromas. Ilustración 35. Insertar formas Vamos a movernos al menú de
“Insertar” para agregar formas y poder crear el menú de nuestra página. 35
38. Agrega las figuras que necesites para tu menú, en este caso solo ocuparemos cuatro.
Ilustración 36. Ejemplo de figuras 36
39. Puedes cambiar el diseño de tus figuras seleccionando una de ellas y dando clic en
“Herramientas de dibujo” Ilustración 37. Herramientas de dibujo 37
40. Ahora que tenemos nuestro diseño, vamos a darle clic derecho sobre alguna figura.
Ilustración 38. Clic sobre la figura 38
41. Vamos a clicklear en “Agregar texto” para poder escribir sobre nuestras figuras.
Ilustración 39. Texto Agregar texto a las figuras. 39
42. Ya que hemos establecido los botones de nuestro menú, agregaremos un titulo a nuestra
página mediante un cuatro de texto. Agregar Titulo a la página web 40

10. 43. Ilustración 40. Diseño de nuestro men Listo, ahora ya tenemos el diseño de nuestro
menú principal. 41
44. A continuación vamos a agregar el contenido a nuestra página. Para poder agregar este
mismo necesitamos tener todos los archivos que vayamos a ponerle en nuestra carpeta.
Ilustración 41. Agregar contenido Agregar contenido 42 45. Para crear
nuestro hipervínculo, vamos a seleccionar la palabra o forma de donde queremos que
provenga. Ilustración 42. Crear hipervínculo 43
46. Pulsamos clic derecho para que salga el siguiente menú contextual: Creación de
hipervínculos. Procederemos a pulsar sobre “Hipervínculo” Ilustración 43. Menú
contextual hipervínculo 44
47. Esta es la venta que nos saldrá justo después del clic. Ilustración 44. Hipervínculo
Debemos de fijarnos que estemos buscando nuestros archivos próximos a hipervínculo en
la carpeta de nuestra página web. 45
48. Ilustración 45. Marco de destino Seleccionamos el documento y luego clickeamos en
“Marco de destino” 46
49. Después nos aparecerá otra ventana donde seleccionaremos el marco de destino
presionándolo en la representación de pantalla que nos aparece. Ilustración 46. Establecer
marco 47
50. Revisamos que se haya modificado nuestro marco de destino Ilustración 47. Aceptar y
finalizar Damos clic en “Aceptar” para finalizar 48
51. Ilustración 48. Hipervínculo azul Podemos observar que nuestra opción donde
insertamos el hipervínculo se ha cambiado a un tono azul 49
52. Ilustración 49. Cursor sobre la palabra Para seguir nuestro hipervínculo, vamos a poner
nuestro cursor sobre la palabra y en seguida apretamos la tecla CTRL más un CLICK 50
53. Podemos observar que nuestro hipervínculo funciona correctamente. Ilustración 50.
Hipervínculo de hipervínculo Podemos crear un hipervínculo dentro del mismo
hipervínculo. 51
54. Podemos observar que si aplicamos el mismo procedimiento el resultado estará
correcto. Ilustración 51. Resultado correcto 52

11. 55. A continuación vamos a hacer que un texto se desplace por nuestra pantalla, a esto se le
llama marquesina o maquee. Ilustración 52. Maraquee Este será el texto al que le Insertar
maquee. Aplicaremos nuestro maquee. 53
56. Abriremos nuestra carpeta de la página web y le daremos un clic derecho a nuestro
archivo con el nombre del marco donde esta nuestro texto Ilustración 53. clic derecho al
archivo 54
57. Vamos a abrir nuestro archivo con el bloc de notas Ilustración 54. Abrir con bloc de
notas 55
58. Ilustración 55. Localizar texto Vamos a localizar el texto donde queremos aplicar
nuestro maquee 56
59. Ilustración 56. Insertar Maquee Ahora insertaremos antes de este un <MARQUEE> y al
final del texto un </MARQUEE> Justo como lo mostramos en la imagen 57
60. Ahora clickeamos en archivo y después guardar. Ilustración 57. Cerrar bloc Después
podemos cerrar el bloc. 58
61. Vamos a localizar nuestro video en youtube Vamos a darle clic en compartir y a
continuación en insertar vinculo para copiar su código HTML Ilustración 58. Localizar
video Podemos cambiar el tamaño del video según nuestras comodidades para nuestra
página web. Incrustar video de youtube. 59
62. Volveremos a abrir el archivo con el bloc de notas del marco donde queremos que se
Ilustración 59. Abrir archivo con bloc de notas encuentre nuestro video. 60
63. Ahora nos trasladamos al final de nuestro bloc y pegaremos el código del video como
se muestra a continuación: Ilustración 60. Pegar código 61
64. A continuación guardaremos el cambio y cerramos nuestro bloc. Ilustración 61.
Guardar cambio 62
65. ¡FELICIDADES! AHORA SABES COMO CREAR TU PROPIA PÁGINA WEB EN
MICROSOFT WORD 2010. 63

12. República bolivariana de Venezuela
Ministerio del poder popular para la educación superior
Juan Pabló Pérez Alfonzo (iutepal)
Puerto Cabello,- Edo- Carabobo
Prof: integrante:
Sonia Padron Yucenis Rodriguez.18561583
Euder Rodriguez
PUERTO CABELLO 09 DE NOVIEMBRE DEL 2015