SlideShare una empresa de Scribd logo
PABLO MENDIOLA
VELASCO 4º D
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.
PROCEDIMIENTO 1
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
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.
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)

Más contenido relacionado

La actualidad más candente

Arianna Encarnacion,revista digital segunda parte
Arianna Encarnacion,revista digital segunda parteArianna Encarnacion,revista digital segunda parte
Arianna Encarnacion,revista digital segunda parte
Ari-Ecarnacion
 
Que es la wiki
Que es la wikiQue es la wiki
Que es la wiki
crashbanticoot
 
Que es la wiki
Que es la wikiQue es la wiki
Que es la wiki
Marcos025Mier
 
Tp3 jorge
Tp3 jorgeTp3 jorge
Tp3 jorgecokoghi
 
Guía paso a paso para crear una página web
Guía paso a paso para crear una página webGuía paso a paso para crear una página web
Guía paso a paso para crear una página web
LUZ ARIZPE
 
Blog.pptx [autoguardado]
Blog.pptx [autoguardado]Blog.pptx [autoguardado]
Blog.pptx [autoguardado]barios3
 
Blog.pptx [autoguardado]
Blog.pptx [autoguardado]Blog.pptx [autoguardado]
Blog.pptx [autoguardado]
barios3
 
como crear un blog
como crear un blogcomo crear un blog
como crear un blogguestc91717
 
Presentacion Blog Coctelera
Presentacion Blog CocteleraPresentacion Blog Coctelera
Presentacion Blog Cocteleraisabarb
 
Tarea 4
Tarea 4Tarea 4
Tarea 4
mayelin01
 
Blogs12
Blogs12Blogs12
Blogs12
JorVar88
 
Pasos para subir documento al blogger
Pasos para subir documento al bloggerPasos para subir documento al blogger
Pasos para subir documento al blogger
karendaya13
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
lauraandrea1996
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
jesus alanis
 

La actualidad más candente (15)

Arianna Encarnacion,revista digital segunda parte
Arianna Encarnacion,revista digital segunda parteArianna Encarnacion,revista digital segunda parte
Arianna Encarnacion,revista digital segunda parte
 
Que es la wiki
Que es la wikiQue es la wiki
Que es la wiki
 
1 Blogs Q Son
1 Blogs Q Son1 Blogs Q Son
1 Blogs Q Son
 
Que es la wiki
Que es la wikiQue es la wiki
Que es la wiki
 
Tp3 jorge
Tp3 jorgeTp3 jorge
Tp3 jorge
 
Guía paso a paso para crear una página web
Guía paso a paso para crear una página webGuía paso a paso para crear una página web
Guía paso a paso para crear una página web
 
Blog.pptx [autoguardado]
Blog.pptx [autoguardado]Blog.pptx [autoguardado]
Blog.pptx [autoguardado]
 
Blog.pptx [autoguardado]
Blog.pptx [autoguardado]Blog.pptx [autoguardado]
Blog.pptx [autoguardado]
 
como crear un blog
como crear un blogcomo crear un blog
como crear un blog
 
Presentacion Blog Coctelera
Presentacion Blog CocteleraPresentacion Blog Coctelera
Presentacion Blog Coctelera
 
Tarea 4
Tarea 4Tarea 4
Tarea 4
 
Blogs12
Blogs12Blogs12
Blogs12
 
Pasos para subir documento al blogger
Pasos para subir documento al bloggerPasos para subir documento al blogger
Pasos para subir documento al blogger
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 

Destacado

Malformaciones Congenitas - CIV - Dr. Bosio
Malformaciones Congenitas - CIV - Dr. BosioMalformaciones Congenitas - CIV - Dr. Bosio
Malformaciones Congenitas - CIV - Dr. Bosio
Matias Bosio
 
El primer mensaje de richard stallman
El primer mensaje de richard stallmanEl primer mensaje de richard stallman
El primer mensaje de richard stallmanesteban_1990
 
11
1111
Murales tema 7 cono
Murales tema 7 conoMurales tema 7 cono
Murales tema 7 cono
school
 
Reflexiones Forrest Gump
Reflexiones Forrest GumpReflexiones Forrest Gump
Reflexiones Forrest Gump
ailaz
 
3ª sesión el diálogo interior
3ª sesión   el diálogo interior3ª sesión   el diálogo interior
3ª sesión el diálogo interior
Psicolala Rodríguez López
 
Células nai
Células naiCélulas nai
Células nai
pladama
 
Exposicion info juridica
Exposicion info juridicaExposicion info juridica
Exposicion info juridica
Jhon Foronda
 
Ppt 1ª sesión Comunicación
Ppt 1ª sesión ComunicaciónPpt 1ª sesión Comunicación
Ppt 1ª sesión Comunicación
ailaz
 
Computación
ComputaciónComputación
Computación
Biron Jamil
 

Destacado (20)

Malformaciones Congenitas - CIV - Dr. Bosio
Malformaciones Congenitas - CIV - Dr. BosioMalformaciones Congenitas - CIV - Dr. Bosio
Malformaciones Congenitas - CIV - Dr. Bosio
 
El primer mensaje de richard stallman
El primer mensaje de richard stallmanEl primer mensaje de richard stallman
El primer mensaje de richard stallman
 
11
1111
11
 
Mediterraneo
MediterraneoMediterraneo
Mediterraneo
 
Carolina presentación
Carolina  presentaciónCarolina  presentación
Carolina presentación
 
Murales tema 7 cono
Murales tema 7 conoMurales tema 7 cono
Murales tema 7 cono
 
Viento
VientoViento
Viento
 
Reflexiones Forrest Gump
Reflexiones Forrest GumpReflexiones Forrest Gump
Reflexiones Forrest Gump
 
3ª sesión el diálogo interior
3ª sesión   el diálogo interior3ª sesión   el diálogo interior
3ª sesión el diálogo interior
 
Web2.0
Web2.0Web2.0
Web2.0
 
Fotos de ..
Fotos de ..Fotos de ..
Fotos de ..
 
Células nai
Células naiCélulas nai
Células nai
 
Miriam makeba
Miriam makebaMiriam makeba
Miriam makeba
 
Onda verde
Onda verdeOnda verde
Onda verde
 
Arte (1)
Arte (1)Arte (1)
Arte (1)
 
Yurapamba slides
Yurapamba slidesYurapamba slides
Yurapamba slides
 
Exposicion info juridica
Exposicion info juridicaExposicion info juridica
Exposicion info juridica
 
Ppt 1ª sesión Comunicación
Ppt 1ª sesión ComunicaciónPpt 1ª sesión Comunicación
Ppt 1ª sesión Comunicación
 
Proyecto final
Proyecto finalProyecto final
Proyecto final
 
Computación
ComputaciónComputación
Computación
 

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

Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaromausheng
 
Manual de como crear una página web en word.
Manual de como crear una página web en word.Manual de como crear una página web en word.
Manual de como crear una página web en word.barajass
 
Dreamweaver básico
Dreamweaver básicoDreamweaver básico
Dreamweaver básicoMoises Levet
 
Tema 7
Tema 7Tema 7
Tema 7SaraGF
 
Diseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 lista
Jenny Palacios
 
Manual pagina web en word
Manual pagina web en wordManual pagina web en word
Manual pagina web en wordDarkiecrow
 
Manual pagina web en word
Manual pagina web en wordManual pagina web en word
Manual pagina web en wordDarkiecrow
 
Manual para creación de pagina web en word
Manual para creación de pagina web en wordManual para creación de pagina web en word
Manual para creación de pagina web en wordDarkiecrow
 
Trabajo practico nº 9
Trabajo practico nº 9Trabajo practico nº 9
Trabajo practico nº 9
Juan Pablo Sosa
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de html
alexander polanco
 
Crear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina webCrear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina web
Marvin Portillo
 
Trabajo practico n º 4
Trabajo practico n º 4Trabajo practico n º 4
Trabajo practico n º 4AlgerLodecar
 
Practica 2.1. páginas web
Practica 2.1.  páginas webPractica 2.1.  páginas web
Practica 2.1. páginas webLina Esparza
 

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

Tema 7 power
Tema 7 powerTema 7 power
Tema 7 power
 
Tema 7 informática
Tema 7 informáticaTema 7 informática
Tema 7 informática
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaro
 
Manual de como crear una página web en word.
Manual de como crear una página web en word.Manual de como crear una página web en word.
Manual de como crear una página web en word.
 
Dreamweaver básico
Dreamweaver básicoDreamweaver básico
Dreamweaver básico
 
Tema 7
Tema 7Tema 7
Tema 7
 
Diseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 lista
 
Manual para pagina Web en Word
Manual para pagina Web en  WordManual para pagina Web en  Word
Manual para pagina Web en Word
 
Manual pagina web en word
Manual pagina web en wordManual pagina web en word
Manual pagina web en word
 
Manual pagina web en word
Manual pagina web en wordManual pagina web en word
Manual pagina web en word
 
Manual para creación de pagina web en word
Manual para creación de pagina web en wordManual para creación de pagina web en word
Manual para creación de pagina web en word
 
Trabajo practico nº 9
Trabajo practico nº 9Trabajo practico nº 9
Trabajo practico nº 9
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de html
 
Crear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina webCrear un proyecto de sitio web y una pagina web
Crear un proyecto de sitio web y una pagina web
 
Taller html mas actualizado
Taller html mas actualizadoTaller html mas actualizado
Taller html mas actualizado
 
Taller html mas actualizado
Taller html mas actualizadoTaller html mas actualizado
Taller html mas actualizado
 
Taller html mas actualizado
Taller html mas actualizadoTaller html mas actualizado
Taller html mas actualizado
 
Trabajo practico n º 4
Trabajo practico n º 4Trabajo practico n º 4
Trabajo practico n º 4
 
Trabajo n2
Trabajo n2Trabajo n2
Trabajo n2
 
Practica 2.1. páginas web
Practica 2.1.  páginas webPractica 2.1.  páginas web
Practica 2.1. páginas web
 

Más de SaraGomez1996

Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.SaraGomez1996
 
Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.SaraGomez1996
 
Eco calendario 2012 ecologismo
Eco calendario 2012 ecologismoEco calendario 2012 ecologismo
Eco calendario 2012 ecologismoSaraGomez1996
 
Nuevo documento de microsoft office word
Nuevo documento de microsoft office wordNuevo documento de microsoft office word
Nuevo documento de microsoft office wordSaraGomez1996
 
Calendario powert point
Calendario powert pointCalendario powert point
Calendario powert pointSaraGomez1996
 
Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.SaraGomez1996
 
Sistemas operativos y gestión de redes-PabloMendiola
 Sistemas operativos y gestión de redes-PabloMendiola Sistemas operativos y gestión de redes-PabloMendiola
Sistemas operativos y gestión de redes-PabloMendiolaSaraGomez1996
 
Redes de área localPabloMendiola
 Redes de área localPabloMendiola Redes de área localPabloMendiola
Redes de área localPabloMendiolaSaraGomez1996
 
Sistemas operativos y gestión de redes webquest
Sistemas operativos y gestión de redes webquestSistemas operativos y gestión de redes webquest
Sistemas operativos y gestión de redes webquest
SaraGomez1996
 
Presupuesto
PresupuestoPresupuesto
Presupuesto
SaraGomez1996
 
Tema 2
Tema 2Tema 2
Diapositivas, redes de área local. =)
Diapositivas, redes de área local. =)Diapositivas, redes de área local. =)
Diapositivas, redes de área local. =)
SaraGomez1996
 

Más de SaraGomez1996 (14)

Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.
 
Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.
 
Eco calendario 2012 ecologismo
Eco calendario 2012 ecologismoEco calendario 2012 ecologismo
Eco calendario 2012 ecologismo
 
Nuevo documento de microsoft office word
Nuevo documento de microsoft office wordNuevo documento de microsoft office word
Nuevo documento de microsoft office word
 
Calendario-2012-
 Calendario-2012- Calendario-2012-
Calendario-2012-
 
Calendario powert point
Calendario powert pointCalendario powert point
Calendario powert point
 
Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.Tema 3. tratamiento de imágenes.
Tema 3. tratamiento de imágenes.
 
Sistemas operativos y gestión de redes-PabloMendiola
 Sistemas operativos y gestión de redes-PabloMendiola Sistemas operativos y gestión de redes-PabloMendiola
Sistemas operativos y gestión de redes-PabloMendiola
 
Redes de área localPabloMendiola
 Redes de área localPabloMendiola Redes de área localPabloMendiola
Redes de área localPabloMendiola
 
Presuspuesto-
 Presuspuesto- Presuspuesto-
Presuspuesto-
 
Sistemas operativos y gestión de redes webquest
Sistemas operativos y gestión de redes webquestSistemas operativos y gestión de redes webquest
Sistemas operativos y gestión de redes webquest
 
Presupuesto
PresupuestoPresupuesto
Presupuesto
 
Tema 2
Tema 2Tema 2
Tema 2
 
Diapositivas, redes de área local. =)
Diapositivas, redes de área local. =)Diapositivas, redes de área local. =)
Diapositivas, redes de área local. =)
 

Último

Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
sarasofiamontezuma
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
cofferub
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
espinozaernesto427
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
Ventajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloroVentajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloro
durangense277
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
Fernando Villares
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
samuelvideos
 

Último (20)

Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
Ventajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloroVentajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloro
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
 

Tema 7 publicación de páginas web

  • 2. PREGUNTA 1 • La primera página web de la historia. • El autor. • El año.
  • 3. • 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
  • 4. •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.
  • 6. 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
  • 7. 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
  • 8. Escribe los siguientes códigos y explica el resultado. RESPUESTA •El archivo aparece en negrita: “Personal”
  • 9. PROCEDIMIENTO 3  Agregar contenidos  Añade el contenido que aparece en el libro. Mi página web.txt
  • 10. 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.
  • 11. PROCEDIMIENTO 4  Crear el sitio web en el editor. Procedimiento 4.html
  • 12. Vamos a crear una tabla utilizando etiquetas HTML. (En la siguiente viñeta)
  • 13. PROCEDIMIENTO 5 Crear una página web con Nvu (un editor de páginas web en desuso). aficiones.html
  • 15.  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.
  • 16. PROCEDIMIENTO 6  Vamos a crear apartados en nuestra página web. Aficciones, html..html
  • 17.  Etiquetas: <head> </head> </body> </html>
  • 18.  ¿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
  • 19. 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.
  • 20. 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
  • 21. 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
  • 22. 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.
  • 23. 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>
  • 24. 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
  • 25. 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)