Este documento describe los elementos necesarios para crear una página web, incluyendo ordenadores, módems, internet, y programas como HTML y FrontPage. Explica conceptos como documentos de hipertexto, direcciones URL, marcos, y criterios de diseño como la claridad de la información y la facilidad de navegación.
2. INDICEINDICE
11.. NTRODUCCIÓNNTRODUCCIÓN
2. ¿QUÉ ES NECESARIO PARA ELABORAR UNA PÁGINA WEB?2. ¿QUÉ ES NECESARIO PARA ELABORAR UNA PÁGINA WEB?
ORDENADORORDENADOR
MÓDEMMÓDEM
INTENETINTENET
PÁGINA WEBPÁGINA WEB
HTMLHTML
FRONTPAGEFRONTPAGE
ELEMENTOS DE LA PÁGINAELEMENTOS DE LA PÁGINA WEBWEB
WWWWWW
DOCUMENTO DE HIPERTEXTODOCUMENTO DE HIPERTEXTO
DIRECCIÓN URLDIRECCIÓN URL
MARCOS (FRAMES)MARCOS (FRAMES)
OPERACIONES DESDE LA BARRA DE HERRAMIENTAOPERACIONES DESDE LA BARRA DE HERRAMIENTA
CRITERIOS PARA LA ELABORACIÓN DE PÁGINASCRITERIOS PARA LA ELABORACIÓN DE PÁGINAS WEBWEB
3. PRESENTADO POR:3. PRESENTADO POR:
3. INTRODUCCIÓN
Las páginas Web se crean utilizando el lenguaje
de Marcas Hipertexto (HTML)
Este lenguaje es un conjunto de instrucciones que
se insertan en un editor de texto convencional.
Se pueden crear páginas Web utilizando
programas especiales denominados “editores
Web”
4. ORDENADORESORDENADORES
Ordenador MARK I (1944 por Howard Aitken)Ordenador MARK I (1944 por Howard Aitken)
Ordenador ENIAC (1945 por el Ministerio de Defensa de loOrdenador ENIAC (1945 por el Ministerio de Defensa de lo
EE.UUEE.UU
5. Ordenador 286 (Princicipios de los 80)Ordenador 286 (Princicipios de los 80)
Ordenador portatilOrdenador portatil
Ordenador Multimedia (actual)Ordenador Multimedia (actual)
6. MÓDEM:MÓDEM: El módem es un dispositivo que permite aEl módem es un dispositivo que permite a
través de la línea telefónica, intercambiar informacióntravés de la línea telefónica, intercambiar información
entre ordenadores.entre ordenadores.
El módem se puede clasificar en:El módem se puede clasificar en:
Interno:Interno: se colocan en el interior de la carcasa quese colocan en el interior de la carcasa que
contiene el ordenadorcontiene el ordenador
Externo:Externo: se sitúa fuera de ella y por tanto es necesariose sitúa fuera de ella y por tanto es necesario
conectarlo a un puerto de comunicación.conectarlo a un puerto de comunicación.
7. INTERNET:INTERNET: Es una red mundial de redes deEs una red mundial de redes de
ordenadores que permiten a éstos aordenadores que permiten a éstos a
comunicarse y compartir información. No escomunicarse y compartir información. No es
una red “típica” de ordenadores, sino una reduna red “típica” de ordenadores, sino una red
de redes, donde cada una de ellas esde redes, donde cada una de ellas es
independiente y autónomaindependiente y autónoma
8. Se puede hacer de dos formas:Se puede hacer de dos formas:
HTMLHTML: Simplemente es un fichero de texto que se: Simplemente es un fichero de texto que se
desea mostrar en la pantalla. Además deberádesea mostrar en la pantalla. Además deberá
introducir ciertosintroducir ciertos comandoscomandos oo etiquetasetiquetas para quepara que
visualice el documento en la pantalla.visualice el documento en la pantalla.
EstosEstos comandos o etiquetascomandos o etiquetas son:son:
• Etiquetas se escriben cerradas entre los símbolosEtiquetas se escriben cerradas entre los símbolos “<“<
y>y>
• Las ordenes finalizan con un etiqueta (de cierre) queLas ordenes finalizan con un etiqueta (de cierre) que
incorpora la barraincorpora la barra “/”“/”
10. En cuanto a su estructura esta dividido enEn cuanto a su estructura esta dividido en
una serie de bloque:una serie de bloque:
1) <HTML> y </HTML>1) <HTML> y </HTML>
2) <HEAD> y </HEAD>2) <HEAD> y </HEAD>
3) <BODY> y </BODY>3) <BODY> y </BODY>
11. Ejemplo de un documento HTMLEjemplo de un documento HTML
12. Front page: es la herramienta de la suiteFront page: es la herramienta de la suite
Internet Explorer para crear páginas Web.Internet Explorer para crear páginas Web.
La creación de documentos de hipertextoLa creación de documentos de hipertexto
es similar a cualquier documento en loses similar a cualquier documento en los
que aparecen en los procesadoresque aparecen en los procesadores
habituales.habituales.
Para abrir este documento es muy simple:Para abrir este documento es muy simple:
Inicio / Programa / FrontPage ExpressInicio / Programa / FrontPage Express
14. Los elementos queLos elementos que
componen la página Webcomponen la página Web
WWW:WWW: conocida como W3 o Web proviene de laconocida como W3 o Web proviene de la
palabra World Wide Web que se puedepalabra World Wide Web que se puede
traducirse como trama mundialtraducirse como trama mundial
Documento de hipertexto:Documento de hipertexto: es una combinaciónes una combinación
de texto, imágenes, elementos multimedia ende texto, imágenes, elementos multimedia en
general y, lo más importante, hiperenlaces ogeneral y, lo más importante, hiperenlaces o
también llamadas hipervínculos, vínculos otambién llamadas hipervínculos, vínculos o
enlaces.enlaces.
15. Característica de los hiperenlacesCaracterística de los hiperenlaces
o Palabras o frases destacadas enPalabras o frases destacadas en
distintos color o subrayadas, tambiéndistintos color o subrayadas, también
puede ser gráficospuede ser gráficos
o Documentos que pueden estarDocumentos que pueden estar
situados en el mismo ordenador u otrosituados en el mismo ordenador u otro
de cualquier parte del mundode cualquier parte del mundo
o Cuando se hace clic sobre uno de ellosCuando se hace clic sobre uno de ellos
y aparece en la pantalla el documentoy aparece en la pantalla el documento
que hacia referencia,que hacia referencia,
17. Dirección URL:Dirección URL: la forma de escribir lasla forma de escribir las
direcciones de los distintos servicios Internet.direcciones de los distintos servicios Internet.
La estructura de una dirección URL, seLa estructura de una dirección URL, se
compone de tres partes:compone de tres partes:
http://http://www.anayamultimedia.eswww.anayamultimedia.es/catalogo/index.htm/catalogo/index.htm
Metodo
de
Acceso
Dirección del ordenador Es opcional
18. Marco (Frame):Marco (Frame): esta subdividas en áreasesta subdividas en áreas
rectangulares o ventanas, cada una de lasrectangulares o ventanas, cada una de las
cuales contiene un documento de hipertextocuales contiene un documento de hipertexto
independiente de los demás.independiente de los demás.
19. Operaciones desde la barra deOperaciones desde la barra de
herramienta estándar:herramienta estándar: contiene todos loscontiene todos los
botones que permiten efectuar,botones que permiten efectuar,
rápidamente, las operaciones habitualesrápidamente, las operaciones habituales
en navegación.en navegación.
20. Criterios para laCriterios para la
elaboración de páginas Webelaboración de páginas Web
Criterios generalesCriterios generales
1.1. Elegir los fondosElegir los fondos
2.2. Dejar claro el conjunto de sitio de la páginaDejar claro el conjunto de sitio de la página
abierta y como se puede llegar a otros lugares.abierta y como se puede llegar a otros lugares.
Indicar:Indicar:
a) dónde estaa) dónde esta
b) cómo llegar al lugarb) cómo llegar al lugar
c) Confirmación de que se está en el buenc) Confirmación de que se está en el buen
caminocamino
3.3. Cuidar la página inicialCuidar la página inicial
4.4. Diseñar la página con una información claraDiseñar la página con una información clara
5.5. Facilitar herramientas para imprimir el texto oFacilitar herramientas para imprimir el texto o
guardarlo en la Web con facilidadguardarlo en la Web con facilidad
6.6. Fechar las páginas. Facilita su actualizaciónFechar las páginas. Facilita su actualización
21. AVILÉS MARTÍN, Raúl
CALDERÓN TORRES, Mª del Mar
GARCÍA BALLESTERO, Jesús DavidGALLARDO LARA, Elena
RODRÍGUEZ ARROYO, Mª Juana SANCHEZ ESPINOSA, Roberto
3º ED. Primaria
NNTT