SlideShare una empresa de Scribd logo
COMPUTACIÓN
Clase N°1
CSS3 - atributos
MICROSOFT WORD
1ro Secundaria
Semana del 25 al 29 de Setiembre.
PROGRAMAR EN CSS3
Para ello debemos de tener en
cuenta que todos los estilos
estarán en el archivo con
extensión .CSS
Además con el programa
NOTEPAD++ se generan
automáticamente los códigos y
atributos
2
¿QUE ES CSS3?
Es un lenguaje de estilo de hojas
usado para describir la presentación
de las páginas web.
¿PARA QUE SIRVE?
CSS sirve para definir la estética de un
sitio web en un documento externo y
eso mismo permite que modificando
ese documento (la hoja CSS) podamos
cambiar la estética entera de un sitio
web… ese es precisamente el poder
de CSS, en otras palabras, el mismo
sitio web puede variar totalmente de
estética cambiando solo la CSS, sin
tocar para nada los documentos
HTML
3
EDITAR UN CSS3
1. Click derecho al archivo
2. Edit with NOTEPAD++
4
PARTES DE UN CSS3
5
ETIQUETA <BODY>
6
APLICAR UN FONDO DE IMAGEN
7
ETIQUETA <H1>
es el elemento HTML
utilizado, de manera
habitual, para identificar la
cabecera más importante en
una página web.
8
ETIQUETA <P>
Etiqueta que se diseñó para
saltar de párrafo. Por lo
que puede ir sola "<p>" al
final de un texto indicando
que a continuación se
quiere una línea en blanco.
Es aconsejable que se abra
y cierre.
9
EVALUACIÓN N°1
1. ¿Qué es CSS3? /
2. ¿Para que sirve la etiqueta <h1>?
3. ¿Para que sirve la etiqueta <p>?
4. ¿Cómo se modifica un archivo css3?
5. ¿Qué significa background-color?
6. ¿Qué significa background-image?
7. ¿Qué significa text-align: center?
10
NOTA:

Más contenido relacionado

La actualidad más candente

Milton guzman tarea
Milton guzman tareaMilton guzman tarea
Milton guzman tarea
MILTON GUZMAN
 
Qué son selectores en CSS
Qué son selectores en CSSQué son selectores en CSS
Qué son selectores en CSS
Domina la programacion
 
Cómo crear una imagen con palabras utilizando Tagxedo
Cómo crear una imagen con palabras utilizando TagxedoCómo crear una imagen con palabras utilizando Tagxedo
Cómo crear una imagen con palabras utilizando Tagxedo
Patri Caro
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
ricardo herrera
 
Css Introducción
Css IntroducciónCss Introducción
Css Introducción
Universidad Intercontinental
 
Ventajas y desventajas de word 2007 y 2010
Ventajas y desventajas de word 2007 y 2010Ventajas y desventajas de word 2007 y 2010
Ventajas y desventajas de word 2007 y 2010Yeimer Brausin
 
Microsoft office word 2007
Microsoft office word 2007Microsoft office word 2007
Microsoft office word 2007Luis1793
 
Formato texto
Formato textoFormato texto
Formato texto
ProfeAragon
 
El autoresumen en office 2007
El autoresumen en office 2007El autoresumen en office 2007
El autoresumen en office 2007jpalencia
 
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspotDEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspotLISSYCE
 
Tagxedo, nube de palabras
Tagxedo, nube de palabrasTagxedo, nube de palabras
Tagxedo, nube de palabrasNataliasao
 
Crear cuenta en scribd
Crear cuenta en scribdCrear cuenta en scribd
Crear cuenta en scribdECCI
 
Ventajas y desventajas de word
Ventajas y desventajas de wordVentajas y desventajas de word
Ventajas y desventajas de word
leandro mateo feliz
 
Manual de css
Manual de cssManual de css
Manual de css
agustin lopezito
 

La actualidad más candente (20)

Milton guzman tarea
Milton guzman tareaMilton guzman tarea
Milton guzman tarea
 
Microsoft Office Word 2007
Microsoft Office Word 2007Microsoft Office Word 2007
Microsoft Office Word 2007
 
Css
CssCss
Css
 
Qué son selectores en CSS
Qué son selectores en CSSQué son selectores en CSS
Qué son selectores en CSS
 
Cómo crear una imagen con palabras utilizando Tagxedo
Cómo crear una imagen con palabras utilizando TagxedoCómo crear una imagen con palabras utilizando Tagxedo
Cómo crear una imagen con palabras utilizando Tagxedo
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Css Introducción
Css IntroducciónCss Introducción
Css Introducción
 
Martinzavala2003
Martinzavala2003Martinzavala2003
Martinzavala2003
 
Ventajas y desventajas de word 2007 y 2010
Ventajas y desventajas de word 2007 y 2010Ventajas y desventajas de word 2007 y 2010
Ventajas y desventajas de word 2007 y 2010
 
Microsoft office word 2007
Microsoft office word 2007Microsoft office word 2007
Microsoft office word 2007
 
Formato texto
Formato textoFormato texto
Formato texto
 
El autoresumen en office 2007
El autoresumen en office 2007El autoresumen en office 2007
El autoresumen en office 2007
 
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspotDEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
 
Tagxedo, nube de palabras
Tagxedo, nube de palabrasTagxedo, nube de palabras
Tagxedo, nube de palabras
 
Crear cuenta en scribd
Crear cuenta en scribdCrear cuenta en scribd
Crear cuenta en scribd
 
Colegio nacional nicolas esguerra gutierrez
Colegio nacional nicolas esguerra gutierrezColegio nacional nicolas esguerra gutierrez
Colegio nacional nicolas esguerra gutierrez
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Ventajas y desventajas de word
Ventajas y desventajas de wordVentajas y desventajas de word
Ventajas y desventajas de word
 
Manual de css
Manual de cssManual de css
Manual de css
 
Manual css
Manual cssManual css
Manual css
 

Similar a LECCIÓN N°1

Que es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSSQue es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSS
josuew2013
 
Css
CssCss
Css
CssCss
Manual css3 nov2014
Manual css3 nov2014Manual css3 nov2014
Manual css3 nov2014
Yadith Gomez Nolasco
 
Presentacióin tema 6
Presentacióin tema 6Presentacióin tema 6
Presentacióin tema 6
Diana Mabel
 
Manual css
Manual cssManual css
Manual cssJennifer
 
"MENUS CSS"
"MENUS CSS""MENUS CSS"
"MENUS CSS"
qlitox
 
Deber2 css 21
Deber2 css 21Deber2 css 21
Deber2 css 21
Rhamyro Alcoser
 
Manual css 01
Manual css 01Manual css 01
Manual css 01
kirokesa
 
Hojas de estilo_css
Hojas de estilo_cssHojas de estilo_css
Hojas de estilo_css
Roberto Pintor Alba
 
Presentación
PresentaciónPresentación
Presentación
aynosk6
 
CSS estilos.pptx
CSS estilos.pptxCSS estilos.pptx
CSS estilos.pptx
fgabycastillo1
 
Presenpabo
PresenpaboPresenpabo
Presenpabo
pabobdp
 
Hojas de estilo (css)
Hojas de estilo (css)Hojas de estilo (css)
Hojas de estilo (css)Krolina Agui
 
Paginas web css
Paginas web cssPaginas web css
Paginas web css
axel lopez
 

Similar a LECCIÓN N°1 (20)

Que es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSSQue es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSS
 
Css
CssCss
Css
 
Css
CssCss
Css
 
Manual css3 nov2014
Manual css3 nov2014Manual css3 nov2014
Manual css3 nov2014
 
Css
CssCss
Css
 
Css
CssCss
Css
 
Presentacióin tema 6
Presentacióin tema 6Presentacióin tema 6
Presentacióin tema 6
 
Manual css
Manual cssManual css
Manual css
 
"MENUS CSS"
"MENUS CSS""MENUS CSS"
"MENUS CSS"
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Deber2 css 21
Deber2 css 21Deber2 css 21
Deber2 css 21
 
Manual css 01
Manual css 01Manual css 01
Manual css 01
 
Hojas de estilo_css
Hojas de estilo_cssHojas de estilo_css
Hojas de estilo_css
 
Presentación
PresentaciónPresentación
Presentación
 
CSS estilos.pptx
CSS estilos.pptxCSS estilos.pptx
CSS estilos.pptx
 
Esilo css
Esilo cssEsilo css
Esilo css
 
Presenpabo
PresenpaboPresenpabo
Presenpabo
 
Hojas de estilo (css)
Hojas de estilo (css)Hojas de estilo (css)
Hojas de estilo (css)
 
Paginas web css
Paginas web cssPaginas web css
Paginas web css
 
C3 lenguaje de presentación.
C3 lenguaje de presentación.C3 lenguaje de presentación.
C3 lenguaje de presentación.
 

Más de Yuri Juan Flores Perez

Clase n° 1 power point - 5to grado
Clase n° 1   power point - 5to gradoClase n° 1   power point - 5to grado
Clase n° 1 power point - 5to grado
Yuri Juan Flores Perez
 
POWER POINT 1
POWER POINT 1POWER POINT 1
POWER POINT 1
Yuri Juan Flores Perez
 
Fireworks clase 1
Fireworks  clase 1 Fireworks  clase 1
Fireworks clase 1
Yuri Juan Flores Perez
 
CLASE 2 - 2DO SECUNDARIA
CLASE 2 - 2DO SECUNDARIACLASE 2 - 2DO SECUNDARIA
CLASE 2 - 2DO SECUNDARIA
Yuri Juan Flores Perez
 
CLASE 2 - COREL DRAW X7
CLASE 2 - COREL DRAW X7CLASE 2 - COREL DRAW X7
CLASE 2 - COREL DRAW X7
Yuri Juan Flores Perez
 
POWER POINT 2013 - 1
POWER POINT 2013 - 1POWER POINT 2013 - 1
POWER POINT 2013 - 1
Yuri Juan Flores Perez
 
CLASE 1 - HTML - 5TO GRADO
CLASE 1 - HTML -  5TO GRADOCLASE 1 - HTML -  5TO GRADO
CLASE 1 - HTML - 5TO GRADO
Yuri Juan Flores Perez
 
Clase n° 2 coreldraw 7 - 5 to secundaria
Clase n° 2   coreldraw 7 - 5 to secundariaClase n° 2   coreldraw 7 - 5 to secundaria
Clase n° 2 coreldraw 7 - 5 to secundaria
Yuri Juan Flores Perez
 
Corel draw clase 1 5 to secundaria
Corel draw clase 1   5 to secundariaCorel draw clase 1   5 to secundaria
Corel draw clase 1 5 to secundaria
Yuri Juan Flores Perez
 
Corel draw clase 1 3 ro secundaria
Corel draw clase 1   3 ro secundariaCorel draw clase 1   3 ro secundaria
Corel draw clase 1 3 ro secundaria
Yuri Juan Flores Perez
 
Corel draw clase 1 4 to secundaria
Corel draw clase 1   4 to secundariaCorel draw clase 1   4 to secundaria
Corel draw clase 1 4 to secundaria
Yuri Juan Flores Perez
 
Clase n3-4 to-grado-excel
Clase n3-4 to-grado-excelClase n3-4 to-grado-excel
Clase n3-4 to-grado-excel
Yuri Juan Flores Perez
 
Clase n° 2 excel - 4to grado
Clase n° 2   excel - 4to gradoClase n° 2   excel - 4to grado
Clase n° 2 excel - 4to grado
Yuri Juan Flores Perez
 
Clase n3-5 to-grado-excel
Clase n3-5 to-grado-excelClase n3-5 to-grado-excel
Clase n3-5 to-grado-excel
Yuri Juan Flores Perez
 
Diseño grafico con inkscape clase 1
Diseño grafico con inkscape   clase 1Diseño grafico con inkscape   clase 1
Diseño grafico con inkscape clase 1
Yuri Juan Flores Perez
 
Corel draw clase 1 - 2 do secundaria
Corel draw clase 1 -  2 do secundariaCorel draw clase 1 -  2 do secundaria
Corel draw clase 1 - 2 do secundaria
Yuri Juan Flores Perez
 
Clase N° 2 Excel - 6 to grado
Clase N° 2   Excel - 6 to gradoClase N° 2   Excel - 6 to grado
Clase N° 2 Excel - 6 to grado
Yuri Juan Flores Perez
 
Clase n° 2 excel - 5 to grado
Clase n° 2   excel - 5 to gradoClase n° 2   excel - 5 to grado
Clase n° 2 excel - 5 to grado
Yuri Juan Flores Perez
 
Clase n° 1 excel - 4 to grado
Clase n° 1   excel - 4 to gradoClase n° 1   excel - 4 to grado
Clase n° 1 excel - 4 to grado
Yuri Juan Flores Perez
 
Clase n° 1 excel - 6 to grado
Clase n° 1   excel - 6 to gradoClase n° 1   excel - 6 to grado
Clase n° 1 excel - 6 to grado
Yuri Juan Flores Perez
 

Más de Yuri Juan Flores Perez (20)

Clase n° 1 power point - 5to grado
Clase n° 1   power point - 5to gradoClase n° 1   power point - 5to grado
Clase n° 1 power point - 5to grado
 
POWER POINT 1
POWER POINT 1POWER POINT 1
POWER POINT 1
 
Fireworks clase 1
Fireworks  clase 1 Fireworks  clase 1
Fireworks clase 1
 
CLASE 2 - 2DO SECUNDARIA
CLASE 2 - 2DO SECUNDARIACLASE 2 - 2DO SECUNDARIA
CLASE 2 - 2DO SECUNDARIA
 
CLASE 2 - COREL DRAW X7
CLASE 2 - COREL DRAW X7CLASE 2 - COREL DRAW X7
CLASE 2 - COREL DRAW X7
 
POWER POINT 2013 - 1
POWER POINT 2013 - 1POWER POINT 2013 - 1
POWER POINT 2013 - 1
 
CLASE 1 - HTML - 5TO GRADO
CLASE 1 - HTML -  5TO GRADOCLASE 1 - HTML -  5TO GRADO
CLASE 1 - HTML - 5TO GRADO
 
Clase n° 2 coreldraw 7 - 5 to secundaria
Clase n° 2   coreldraw 7 - 5 to secundariaClase n° 2   coreldraw 7 - 5 to secundaria
Clase n° 2 coreldraw 7 - 5 to secundaria
 
Corel draw clase 1 5 to secundaria
Corel draw clase 1   5 to secundariaCorel draw clase 1   5 to secundaria
Corel draw clase 1 5 to secundaria
 
Corel draw clase 1 3 ro secundaria
Corel draw clase 1   3 ro secundariaCorel draw clase 1   3 ro secundaria
Corel draw clase 1 3 ro secundaria
 
Corel draw clase 1 4 to secundaria
Corel draw clase 1   4 to secundariaCorel draw clase 1   4 to secundaria
Corel draw clase 1 4 to secundaria
 
Clase n3-4 to-grado-excel
Clase n3-4 to-grado-excelClase n3-4 to-grado-excel
Clase n3-4 to-grado-excel
 
Clase n° 2 excel - 4to grado
Clase n° 2   excel - 4to gradoClase n° 2   excel - 4to grado
Clase n° 2 excel - 4to grado
 
Clase n3-5 to-grado-excel
Clase n3-5 to-grado-excelClase n3-5 to-grado-excel
Clase n3-5 to-grado-excel
 
Diseño grafico con inkscape clase 1
Diseño grafico con inkscape   clase 1Diseño grafico con inkscape   clase 1
Diseño grafico con inkscape clase 1
 
Corel draw clase 1 - 2 do secundaria
Corel draw clase 1 -  2 do secundariaCorel draw clase 1 -  2 do secundaria
Corel draw clase 1 - 2 do secundaria
 
Clase N° 2 Excel - 6 to grado
Clase N° 2   Excel - 6 to gradoClase N° 2   Excel - 6 to grado
Clase N° 2 Excel - 6 to grado
 
Clase n° 2 excel - 5 to grado
Clase n° 2   excel - 5 to gradoClase n° 2   excel - 5 to grado
Clase n° 2 excel - 5 to grado
 
Clase n° 1 excel - 4 to grado
Clase n° 1   excel - 4 to gradoClase n° 1   excel - 4 to grado
Clase n° 1 excel - 4 to grado
 
Clase n° 1 excel - 6 to grado
Clase n° 1   excel - 6 to gradoClase n° 1   excel - 6 to grado
Clase n° 1 excel - 6 to grado
 

Último

derecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
derecho penal busqueda de pruebas en el derecho penal peruano latinoamericanoderecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
derecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
edwinchiri2
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
JosvilAngel
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
jesusmedina766305
 
Diapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptxDiapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptx
erick502105
 
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente CruzattSEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
vicenteariana54
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
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
edepjuanorozco
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
Javier Lasa
 
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
XxsmalXxYT
 
Biografía Eugenio Díaz Castro su vida y su libros
Biografía Eugenio  Díaz Castro su vida y su librosBiografía Eugenio  Díaz Castro su vida y su libros
Biografía Eugenio Díaz Castro su vida y su libros
jhannimejia
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
juanlemus11122
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
mcavero2019
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
AlexanderCR12
 

Último (14)

derecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
derecho penal busqueda de pruebas en el derecho penal peruano latinoamericanoderecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
derecho penal busqueda de pruebas en el derecho penal peruano latinoamericano
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
 
Diapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptxDiapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptx
 
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente CruzattSEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
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
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
 
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
 
Biografía Eugenio Díaz Castro su vida y su libros
Biografía Eugenio  Díaz Castro su vida y su librosBiografía Eugenio  Díaz Castro su vida y su libros
Biografía Eugenio Díaz Castro su vida y su libros
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
 

LECCIÓN N°1

  • 1. COMPUTACIÓN Clase N°1 CSS3 - atributos MICROSOFT WORD 1ro Secundaria Semana del 25 al 29 de Setiembre.
  • 2. PROGRAMAR EN CSS3 Para ello debemos de tener en cuenta que todos los estilos estarán en el archivo con extensión .CSS Además con el programa NOTEPAD++ se generan automáticamente los códigos y atributos 2
  • 3. ¿QUE ES CSS3? Es un lenguaje de estilo de hojas usado para describir la presentación de las páginas web. ¿PARA QUE SIRVE? CSS sirve para definir la estética de un sitio web en un documento externo y eso mismo permite que modificando ese documento (la hoja CSS) podamos cambiar la estética entera de un sitio web… ese es precisamente el poder de CSS, en otras palabras, el mismo sitio web puede variar totalmente de estética cambiando solo la CSS, sin tocar para nada los documentos HTML 3
  • 4. EDITAR UN CSS3 1. Click derecho al archivo 2. Edit with NOTEPAD++ 4
  • 5. PARTES DE UN CSS3 5
  • 7. APLICAR UN FONDO DE IMAGEN 7
  • 8. ETIQUETA <H1> es el elemento HTML utilizado, de manera habitual, para identificar la cabecera más importante en una página web. 8
  • 9. ETIQUETA <P> Etiqueta que se diseñó para saltar de párrafo. Por lo que puede ir sola "<p>" al final de un texto indicando que a continuación se quiere una línea en blanco. Es aconsejable que se abra y cierre. 9
  • 10. EVALUACIÓN N°1 1. ¿Qué es CSS3? / 2. ¿Para que sirve la etiqueta <h1>? 3. ¿Para que sirve la etiqueta <p>? 4. ¿Cómo se modifica un archivo css3? 5. ¿Qué significa background-color? 6. ¿Qué significa background-image? 7. ¿Qué significa text-align: center? 10 NOTA: