Tema 7 publicación de páginas web

PREGUNTA 1
• La primera página web de la historia.

• El autor.

• El año.

• El 12 de diciembre de 1991 el
físico Tim Berners-Lee creó la
primera pagina web de la
historia con
• El objetivo era compartir toda
la información almacenada en

•Nació el 8 de junio de
1955 en Londres
• Se licenció en Física
en 1976 en el Queen's
College de la
Universidad de Oxford.
Es considerado el padre
de la web.

Pregunta 2
Abre un documento y guárdalo como página web.
A continuación, observa el código.

Respuesta
•En la página web no
aparece nada, pero se ha
creado un código HTML

PROCEDIMIENTO 2
 Abre el bloc de notas.
 Escribe el texto que aparece en la derecha.
 Guarda el documento como página web.
 Elige el tipo de archivo.
 Guárdalo.

index.html

Escribe los siguientes códigos y explica el resultado.

RESPUESTA
•El archivo aparece en negrita: “Personal”

PROCEDIMIENTO 3

 Agregar contenidos
 Añade el contenido que aparece en el
libro.

Mi página web.txt

Poner en cursiva las palabras página web.
Emplearemos las etiquetas <¡> e </i>
Por último, comprobar lo que ocurre.

RESPUESTA

Saldrá en cursiva como
anteriormente hemos
citado la frase página
web.

PROCEDIMIENTO 4
 Crear el sitio web en el editor.

Procedimiento 4.html

Vamos a crear una tabla utilizando etiquetas HTML.

(En la siguiente viñeta)

PROCEDIMIENTO 5
Crear una página web con Nvu
(un editor de páginas web en
desuso).

aficiones.html

 Vamos a abrir una página web:

 En el Menú, clic en ver.

 Una vez estemos en ver, clic en código de
fuente.

 Ahora, identifica las etiquetas.

PROCEDIMIENTO 6
 Vamos a crear apartados en nuestra
página web.

Aficciones, html..html

 Etiquetas:
<head> </head> </body> </html>

 ¿Cuál fue el nombre del primer editor de páginas
web?

 ¿Y el nombre del primer buscador?

RESPUESTA

Primer editor de páginas web: WYSIWYG

Nombre del primer buscador: World Wide Web

PREGUNTA 8
 ¿Por qué se le llama Index a la página
principal de un sitio?
 Porque significa índice, del latín.

PREGUNTA 9
 Compara la barra de herramientas de un
procesador de texto con un editor web.

 La única diferencia es que en el procesador
de texto vienen más opciones.

PREGUNTA 10
 Copia el código fuente y pégalo en un documento del
Bloc de notas. Guárdalo como documento HTML.
Ábrelo con el navegador y observa el resultado
 En la página web no aparece nada porque solo he
escrito el esquema

PREGUNTA 11
Modifica las etiquetas en el Bloc de notas
Transforma el texto para darle distintos formatos
Observa los resultados

Actividad 11.txt

PREGUNTA 12
 Emplea distintas aplicaciones para crear páginas
web en blanco.
 Observa las distintas aplicaciones y contesta.

PREGUNTA 16
ALT "Texto que aparece al situar el cursor sobre la
Averigua imagen"
ALIGN nos indica la posición de la imagen respecto
cuales son los del texto.
atributos que se MIDDLE alinea el texto con la parte central de la
imagen
pueden asignar BOTTOM alinea el texto con la parte inferior de la
a una imagen: imagen
LEFT alinea la imagen a la izquierda de la página
RIGHT alinea la imagen en la derecha de la página

PREGUNTA 17
 ¿Cuál de estos atributos están relacionados
con la usabilidad de la página?
 WIDTH
 HEIGTH

PREGUNTA 18
¿Qué significa que la anchura de la tabla es del 80 % de la ventana?

Significa que la tabla ocupa el 80% de la ventana.

PREGUNTA 19
 Averigua como se añaden bordes a las celdas de una
tabla con el editor de página web que tu utilizas.
 Abre el editor web.
 Pincha en la tabla.
 Indica el grosor de la tabla.

PREGUNTA 20
Busca el código que se debe emplear
para insertar un video y compáralo con el
de sonido. Sonido <bgsound>
Vídeo <embed>

PREGUNTA 21
 Busca distintos manuales para trabajar con hojas de estilo

 CSS (Cascading Style Sheets)

PREGUNTA 22
Explica el siguiente cuadro:
Body{font-size: small; color: #333;
margin: 0 20px 2em 20px;
line-height: 140%;
background: #fff}

El cuerpo tiene la fuente pequeña y de color gris.
No tiene margen a la izquierda pero tiene 2 cm a la derecha
La letra es de 140%
El fondo es blanco

PREGUNTA 23
 Comenta los distintos elementos de la
ventana para la vinculación de una hoja de
estilos de Macromedia Dreamweaver

Hay una ventana en la que se puede vincular un
archivo URL
Aparece otra pestaña, por si quieres consultar
cualquier duda (Ayuda)

Tema 7 publicación de páginas web

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (15)

Destacado

Destacado (20)

Similar a Tema 7 publicación de páginas web

Similar a Tema 7 publicación de páginas web (20)

Más de SaraGomez1996

Más de SaraGomez1996 (14)

Último

Último (15)

Tema 7 publicación de páginas web