SlideShare uma empresa Scribd logo
1 de 20
Edición de Páginas Web  TECNOLOGÍA DE LA INFORMACIÓN IES MARQUÉS DE LOZOYA CURSO 2007/08
Conceptos básicos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Word Wide Web ,[object Object],[object Object],[object Object],[object Object]
¿Cómo  funciona  la WWW? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Resumen ,[object Object],[object Object],[object Object]
Necesidades para crear una web ,[object Object],[object Object],[object Object],[object Object]
Software ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Edición de páginas web ,[object Object],[object Object],[object Object],[object Object]
Estructura de un documento HTML <HTML>   (Etiqueta que indica que lo que viene a continuación es un documento HTML)     <HEAD> ( Etiqueta de apertura de la cabecera).   Aquí va la información sobre el título de la página, el autor, palabras clave, etc. que no se presentarán en la ventana del navegador, salvo el título que aparecerá en la barra de título de la parte superior   </HEAD> (Etiqueta de cierre de la cabecera)     <BODY> ( Etiqueta de apertura del cuerpo)   Aquí va el contenido de la página que será lo que se presente en pantalla .   </BODY> (Etiqueta de cierre del cuerpo)     </HTML> (Etiqueta de cierre del documento)
FrontPage XP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Consideraciones para crear una página o un sitio web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Publicación de páginas web ,[object Object],[object Object],[object Object],[object Object]
Formatos Multimedia ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formato de imágenes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tamaño de la imagen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Colores primarios (I) ,[object Object],[object Object],[object Object],[object Object]
Colores primarios (II) ,[object Object],[object Object],[object Object],[object Object]
Color RGB Al mezclarse dos a dos, crean los colores secundarios. Al mezclarse luz verde con azul se obtiene el cián, con la luz roja y azul se logra el magenta y usando luz roja y verde observaremos un llamativo amarillo. Si la mezcla es en diferentes proporciones de estos colores básicos se van originando los diferentes tonos de la gama del espectro  hasta 16,7 millones de colores
Colores en la web: La  Rueda  del Color o Cromática Nos orienta respecto al equilibrio o armonía de color de dos maneras: Rangos de color Contraste

Mais conteúdo relacionado

Destaque

Ilha de Lampedusa - Itália
Ilha de Lampedusa - ItáliaIlha de Lampedusa - Itália
Ilha de Lampedusa - Itália
Marcelo Paiva
 
E media marketing2
E media marketing2E media marketing2
E media marketing2
ibz10
 
Why better accessibility is good business sense(finished)
Why better accessibility is good business sense(finished)Why better accessibility is good business sense(finished)
Why better accessibility is good business sense(finished)
RandyBett
 
移动测试中心Bmtc
移动测试中心Bmtc移动测试中心Bmtc
移动测试中心Bmtc
drewz lin
 
Funciones matematicas s
Funciones matematicas sFunciones matematicas s
Funciones matematicas s
alexpaul1236
 

Destaque (20)

Babiii operasidasarcitra
Babiii operasidasarcitraBabiii operasidasarcitra
Babiii operasidasarcitra
 
Startlist Tdo
Startlist TdoStartlist Tdo
Startlist Tdo
 
Ilha de Lampedusa - Itália
Ilha de Lampedusa - ItáliaIlha de Lampedusa - Itália
Ilha de Lampedusa - Itália
 
Que Hacer En Un Terremoto
Que Hacer En Un TerremotoQue Hacer En Un Terremoto
Que Hacer En Un Terremoto
 
Globalizacion
GlobalizacionGlobalizacion
Globalizacion
 
Ideate
IdeateIdeate
Ideate
 
Que hacer ante un terremoto?
Que hacer ante un terremoto?Que hacer ante un terremoto?
Que hacer ante un terremoto?
 
I:\蝴蝶夫人
I:\蝴蝶夫人I:\蝴蝶夫人
I:\蝴蝶夫人
 
Devastation in the philippines, rev 4 4 14
Devastation in the philippines, rev 4 4 14Devastation in the philippines, rev 4 4 14
Devastation in the philippines, rev 4 4 14
 
Que Hago
Que HagoQue Hago
Que Hago
 
西宮Guide
西宮Guide西宮Guide
西宮Guide
 
Faq startup village eng
Faq startup village engFaq startup village eng
Faq startup village eng
 
Navarro trigueros carlos_act_apre_1_uni_2
Navarro trigueros carlos_act_apre_1_uni_2Navarro trigueros carlos_act_apre_1_uni_2
Navarro trigueros carlos_act_apre_1_uni_2
 
E media marketing2
E media marketing2E media marketing2
E media marketing2
 
Why better accessibility is good business sense(finished)
Why better accessibility is good business sense(finished)Why better accessibility is good business sense(finished)
Why better accessibility is good business sense(finished)
 
移动测试中心Bmtc
移动测试中心Bmtc移动测试中心Bmtc
移动测试中心Bmtc
 
Funciones matematicas s
Funciones matematicas sFunciones matematicas s
Funciones matematicas s
 
Pie de pagina
Pie de paginaPie de pagina
Pie de pagina
 
Graumans Chinese Theatre
Graumans Chinese TheatreGraumans Chinese Theatre
Graumans Chinese Theatre
 
Trab de port 2º ano
Trab de port 2º anoTrab de port 2º ano
Trab de port 2º ano
 

Semelhante a Editar páginas web

Internet diseño web
Internet   diseño webInternet   diseño web
Internet diseño web
isabelgc2010
 

Semelhante a Editar páginas web (20)

Evaluación diagnóstica
Evaluación diagnósticaEvaluación diagnóstica
Evaluación diagnóstica
 
Internet diseño web
Internet   diseño webInternet   diseño web
Internet diseño web
 
Seminario Internet
Seminario InternetSeminario Internet
Seminario Internet
 
TERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVA
TERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVATERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVA
TERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVA
 
terminos relacionados con la comunicacion interactiva
terminos relacionados con la comunicacion interactivaterminos relacionados con la comunicacion interactiva
terminos relacionados con la comunicacion interactiva
 
Banco de preguntas
Banco de preguntasBanco de preguntas
Banco de preguntas
 
Formatos digitales2
Formatos digitales2Formatos digitales2
Formatos digitales2
 
3.4
3.43.4
3.4
 
3.4
3.43.4
3.4
 
Diseño Web 01
Diseño Web 01Diseño Web 01
Diseño Web 01
 
Tipos de archivo
Tipos de archivoTipos de archivo
Tipos de archivo
 
Glosario Hipertexto
Glosario HipertextoGlosario Hipertexto
Glosario Hipertexto
 
CURSO MULTIMEDIA (DISTANCIA)
CURSO MULTIMEDIA (DISTANCIA)CURSO MULTIMEDIA (DISTANCIA)
CURSO MULTIMEDIA (DISTANCIA)
 
Anexo b glosario
Anexo b glosarioAnexo b glosario
Anexo b glosario
 
Alejandra londoño
Alejandra londoñoAlejandra londoño
Alejandra londoño
 
Taller html. maria camila cuervo londoño
Taller html. maria camila cuervo londoñoTaller html. maria camila cuervo londoño
Taller html. maria camila cuervo londoño
 
Fundamentos técnicos de internet - Javi Riopedre - 2BCD
Fundamentos técnicos de internet - Javi Riopedre - 2BCDFundamentos técnicos de internet - Javi Riopedre - 2BCD
Fundamentos técnicos de internet - Javi Riopedre - 2BCD
 
Imagen, Audio y Video
Imagen, Audio y VideoImagen, Audio y Video
Imagen, Audio y Video
 
Practica1
Practica1Practica1
Practica1
 
Glosario
Glosario Glosario
Glosario
 

Mais de jaimesanz

Reunión padres y madres 6º primaria
Reunión padres y madres 6º primariaReunión padres y madres 6º primaria
Reunión padres y madres 6º primaria
jaimesanz
 
Reunión padres y madres 6º primaria
Reunión padres y madres 6º primariaReunión padres y madres 6º primaria
Reunión padres y madres 6º primaria
jaimesanz
 
Reunión padres y madres 6º primaria
Reunión padres y madres 6º primariaReunión padres y madres 6º primaria
Reunión padres y madres 6º primaria
jaimesanz
 
Reunión padres y madres 6º primaria
Reunión padres y madres 6º primariaReunión padres y madres 6º primaria
Reunión padres y madres 6º primaria
jaimesanz
 

Mais de jaimesanz (6)

Editar páginas web
Editar páginas webEditar páginas web
Editar páginas web
 
Reunión padres y madres 6º primaria
Reunión padres y madres 6º primariaReunión padres y madres 6º primaria
Reunión padres y madres 6º primaria
 
Reunión padres y madres 6º primaria
Reunión padres y madres 6º primariaReunión padres y madres 6º primaria
Reunión padres y madres 6º primaria
 
Reunión padres y madres 6º primaria
Reunión padres y madres 6º primariaReunión padres y madres 6º primaria
Reunión padres y madres 6º primaria
 
Reunión padres y madres 6º primaria
Reunión padres y madres 6º primariaReunión padres y madres 6º primaria
Reunión padres y madres 6º primaria
 
Reunión padres y madres 6º primaria
Reunión padres y madres 6º primariaReunión padres y madres 6º primaria
Reunión padres y madres 6º primaria
 

Último

como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdfcomo me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
leonar947720602
 
Geometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio AGeometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio A
PabloBascur3
 
Infografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la ArquitecturaInfografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la Arquitectura
frenyergt23
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
DreydyAvila
 
PRÁCTICA 5 BQ METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.ppt
PRÁCTICA 5 BQ  METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.pptPRÁCTICA 5 BQ  METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.ppt
PRÁCTICA 5 BQ METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.ppt
salazarangela643
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxm
olivayasser2
 

Último (17)

como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdfcomo me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
 
Geometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio AGeometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio A
 
Burger- la negación de la autonomia del arte en la vanguardia.pdf
Burger- la negación de la autonomia del arte en la vanguardia.pdfBurger- la negación de la autonomia del arte en la vanguardia.pdf
Burger- la negación de la autonomia del arte en la vanguardia.pdf
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y español
 
Infografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la ArquitecturaInfografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la Arquitectura
 
Catálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería CristianaCatálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería Cristiana
 
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
CuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfjCuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
 
Presentación Foto Siluetas para curso de fotografía básica
Presentación Foto Siluetas para curso de fotografía básicaPresentación Foto Siluetas para curso de fotografía básica
Presentación Foto Siluetas para curso de fotografía básica
 
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Sec
 
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdf
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdfEXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdf
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdf
 
PRÁCTICA 5 BQ METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.ppt
PRÁCTICA 5 BQ  METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.pptPRÁCTICA 5 BQ  METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.ppt
PRÁCTICA 5 BQ METABOLISMO DE COLESTEROL Y TRIGLICÉRIDOS.ppt
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docx
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxm
 
PRIMER EXAMEN_merged (3).pdfdsadsadasdasd
PRIMER EXAMEN_merged (3).pdfdsadsadasdasdPRIMER EXAMEN_merged (3).pdfdsadsadasdasd
PRIMER EXAMEN_merged (3).pdfdsadsadasdasd
 

Editar páginas web

  • 1. Edición de Páginas Web TECNOLOGÍA DE LA INFORMACIÓN IES MARQUÉS DE LOZOYA CURSO 2007/08
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. Estructura de un documento HTML <HTML> (Etiqueta que indica que lo que viene a continuación es un documento HTML)   <HEAD> ( Etiqueta de apertura de la cabecera). Aquí va la información sobre el título de la página, el autor, palabras clave, etc. que no se presentarán en la ventana del navegador, salvo el título que aparecerá en la barra de título de la parte superior </HEAD> (Etiqueta de cierre de la cabecera)   <BODY> ( Etiqueta de apertura del cuerpo) Aquí va el contenido de la página que será lo que se presente en pantalla . </BODY> (Etiqueta de cierre del cuerpo)   </HTML> (Etiqueta de cierre del documento)
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19. Color RGB Al mezclarse dos a dos, crean los colores secundarios. Al mezclarse luz verde con azul se obtiene el cián, con la luz roja y azul se logra el magenta y usando luz roja y verde observaremos un llamativo amarillo. Si la mezcla es en diferentes proporciones de estos colores básicos se van originando los diferentes tonos de la gama del espectro hasta 16,7 millones de colores
  • 20. Colores en la web: La Rueda del Color o Cromática Nos orienta respecto al equilibrio o armonía de color de dos maneras: Rangos de color Contraste