SlideShare une entreprise Scribd logo
1  sur  9
Personaliza tu sitio Web con Wordpress (CMS) Nivel básico – intermedio 5ª sesion Daniel J. Bobadilla B. www.sinsistema.net www.enmedio.info
1. HTML 2. CSS 3. PHP Conceptos Básicos
HTML Hyper Text Markup Language <html> <body> <h1> Mi primer título </h1> <p> Mi primer párrafo </p> <hr /> <h1> Otro título </h1> <p> Mi segundo párrafo </p> <a href=&quot; http://www.w3schools.com &quot;> Este es un link </a> <!-- Esto es un comentario-->  <img src=&quot;w3schools.jpg&quot; width=&quot;104&quot; height=&quot;142&quot; />   </body> </html>
<html> <head> <title> Mi primer CSS <title> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot; /> </head> <body> <h1> Mi primer título </h1> <p> Mi primer párrafo </p> </body> </html>  HTML Atributos adicionales Class Id title
CSS Cascading Style Sheets /*Esto es un comentario*/ body { width:  740px; Background-color:  #333333; } h1 { Color:  orange; Text-align:   center ; } p { color:  #FFFFFF; font-family: &quot;Times New Roman&quot;; Font-size:   20px; }
CSS Cascading Style Sheets h1 { Color:  orange; Text-align:   center ; }
CSS Cascading Style Sheets Selector  id Selector  class Se usa para especificar el estilo para un único elemento  “ #” “ .” Se usa para especificar el estilo para un grupo de elementos #unaclase p {color:#666666; } .segunda h1 {color:#4e78cc; }
<?php /* Artemia/autor Template Name: 3-column  */ ?> <?php get_header(); ?> CONTENT <?php get_footer(); ?> Nueva plantilla de página
Daniel J. Bobadilla B. www.sinsistema.net www.enmedio.info

Contenu connexe

Tendances (9)

Tutorial ayuda para tu blog
Tutorial ayuda para tu blogTutorial ayuda para tu blog
Tutorial ayuda para tu blog
 
No me hagas pensar. Buenas Prácticas para desarrollar en la web
No me hagas pensar. Buenas Prácticas para desarrollar en la webNo me hagas pensar. Buenas Prácticas para desarrollar en la web
No me hagas pensar. Buenas Prácticas para desarrollar en la web
 
Html
HtmlHtml
Html
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Blog
BlogBlog
Blog
 
Introducción a CSS Parte - 1
Introducción a CSS Parte - 1Introducción a CSS Parte - 1
Introducción a CSS Parte - 1
 
Preguntas codecademy
Preguntas codecademyPreguntas codecademy
Preguntas codecademy
 
Presentación RodrigoPolo.com @ Barcamp Guatemala '09
Presentación RodrigoPolo.com @ Barcamp Guatemala '09Presentación RodrigoPolo.com @ Barcamp Guatemala '09
Presentación RodrigoPolo.com @ Barcamp Guatemala '09
 

En vedette

Codigo Oberto 1205174044658419 4
Codigo Oberto 1205174044658419 4Codigo Oberto 1205174044658419 4
Codigo Oberto 1205174044658419 4
Daniel Bobadilla
 

En vedette (9)

Nuevas tecnologías, nuevas voces
Nuevas tecnologías, nuevas vocesNuevas tecnologías, nuevas voces
Nuevas tecnologías, nuevas voces
 
Taller personaliza tu Wordpress 1a Sesión
Taller personaliza tu Wordpress 1a SesiónTaller personaliza tu Wordpress 1a Sesión
Taller personaliza tu Wordpress 1a Sesión
 
Curso wp enm 2a sesion
Curso wp enm 2a sesionCurso wp enm 2a sesion
Curso wp enm 2a sesion
 
Codigo Oberto 1205174044658419 4
Codigo Oberto 1205174044658419 4Codigo Oberto 1205174044658419 4
Codigo Oberto 1205174044658419 4
 
La acción política en Internet, elementos para el análisis social
La acción política en Internet, elementos para el análisis socialLa acción política en Internet, elementos para el análisis social
La acción política en Internet, elementos para el análisis social
 
Software Libre y Movimientos Sociales D 2007
Software Libre y Movimientos Sociales D 2007Software Libre y Movimientos Sociales D 2007
Software Libre y Movimientos Sociales D 2007
 
Ciberactivismo
CiberactivismoCiberactivismo
Ciberactivismo
 
Hype vs. Reality: The AI Explainer
Hype vs. Reality: The AI ExplainerHype vs. Reality: The AI Explainer
Hype vs. Reality: The AI Explainer
 
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsStudy: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving Cars
 

Similaire à Curso wp enm 5a sesion (20)

Html2
Html2Html2
Html2
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Introduccion Xhtml
Introduccion XhtmlIntroduccion Xhtml
Introduccion Xhtml
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Front End - Maquetación xhtml + css
Front End - Maquetación xhtml + cssFront End - Maquetación xhtml + css
Front End - Maquetación xhtml + css
 
Html manual
Html manualHtml manual
Html manual
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
Html
HtmlHtml
Html
 
Qué es xhtml
Qué es xhtmlQué es xhtml
Qué es xhtml
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
html
htmlhtml
html
 
Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Diapo02
Diapo02Diapo02
Diapo02
 
Symfony2: Interacción con CSS, JS y HTML5
Symfony2: Interacción con CSS, JS y HTML5Symfony2: Interacción con CSS, JS y HTML5
Symfony2: Interacción con CSS, JS y HTML5
 
Empezando php
Empezando phpEmpezando php
Empezando php
 
Qué es html
Qué es htmlQué es html
Qué es html
 

Dernier

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Dernier (11)

How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 

Curso wp enm 5a sesion

  • 1. Personaliza tu sitio Web con Wordpress (CMS) Nivel básico – intermedio 5ª sesion Daniel J. Bobadilla B. www.sinsistema.net www.enmedio.info
  • 2. 1. HTML 2. CSS 3. PHP Conceptos Básicos
  • 3. HTML Hyper Text Markup Language <html> <body> <h1> Mi primer título </h1> <p> Mi primer párrafo </p> <hr /> <h1> Otro título </h1> <p> Mi segundo párrafo </p> <a href=&quot; http://www.w3schools.com &quot;> Este es un link </a> <!-- Esto es un comentario--> <img src=&quot;w3schools.jpg&quot; width=&quot;104&quot; height=&quot;142&quot; /> </body> </html>
  • 4. <html> <head> <title> Mi primer CSS <title> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot; /> </head> <body> <h1> Mi primer título </h1> <p> Mi primer párrafo </p> </body> </html> HTML Atributos adicionales Class Id title
  • 5. CSS Cascading Style Sheets /*Esto es un comentario*/ body { width: 740px; Background-color: #333333; } h1 { Color: orange; Text-align: center ; } p { color: #FFFFFF; font-family: &quot;Times New Roman&quot;; Font-size: 20px; }
  • 6. CSS Cascading Style Sheets h1 { Color: orange; Text-align: center ; }
  • 7. CSS Cascading Style Sheets Selector id Selector class Se usa para especificar el estilo para un único elemento “ #” “ .” Se usa para especificar el estilo para un grupo de elementos #unaclase p {color:#666666; } .segunda h1 {color:#4e78cc; }
  • 8. <?php /* Artemia/autor Template Name: 3-column */ ?> <?php get_header(); ?> CONTENT <?php get_footer(); ?> Nueva plantilla de página
  • 9. Daniel J. Bobadilla B. www.sinsistema.net www.enmedio.info