tema 7 publicación de páginas web
TRANSCRIPT
PABLO MENDIOLA VELASCO 4º D
• La primera página web de la historia.
• El autor.
• El año.
PREGUNTA 1
PREGUNTA 1
• 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 las computadoras de los laboratorios
•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.
PROCEDIMIENTO 1
Pregunta 2 Pregunta 2Abre 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
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
PROCEDIMIENTO 2
Escribe los siguientes códigos y explica el resultado.
RESPUESTA•El archivo aparece en negrita: “Personal”
Agregar contenidos Añade el contenido que aparece
en el libro.
Mi página web.txt
PROCEDIMIENTO 3
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.
Crear el sitio web en el editor.
Procedimiento 4.html
PROCEDIMIENTO 4
Vamos a crear una tabla utilizando etiquetas HTML.
(En la siguiente viñeta)
Crear una página web con Nvu (un editor de páginas web en desuso).
aficiones.html
PROCEDIMIENTO 5
Tabla de etiquetas 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.
Vamos a crear apartados en nuestra página web.
Aficciones, html..html
PROCEDIMIENTO 6
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 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 PREGUNTA 11Modifica las etiquetas en el Bloc de notas
Transforma el texto para darle distintos formatosObserva 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 PREGUNTA 16Averigua cuales son los atributos que se pueden asignar a una imagen:
ALT "Texto que aparece al situar el cursor sobre la imagen"ALIGN nos indica la posición de la imagen respecto del texto. MIDDLE alinea el texto con la parte central de la imagenBOTTOM alinea el texto con la parte inferior de la imagenLEFT alinea la imagen a la izquierda de la páginaRIGHT 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 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 20Busca 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 22PREGUNTA 22Explica 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 derechaLa 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 URLAparece otra pestaña, por si quieres consultar cualquier duda (Ayuda)