SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

Tutorial ayuda para tu blog
Tutorial ayuda para tu blogTutorial ayuda para tu blog
Tutorial ayuda para tu blogRamón Sanchez
 
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 webmenttes
 
Introducción a CSS Parte - 1
Introducción a CSS Parte - 1Introducción a CSS Parte - 1
Introducción a CSS Parte - 1Jorge Llanten
 
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 '09Rodrigo Polo
 

Mais procurados (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
 

Destaque

Nuevas tecnologías, nuevas voces
Nuevas tecnologías, nuevas vocesNuevas tecnologías, nuevas voces
Nuevas tecnologías, nuevas vocesDaniel Bobadilla
 
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ónDaniel Bobadilla
 
Codigo Oberto 1205174044658419 4
Codigo Oberto 1205174044658419 4Codigo Oberto 1205174044658419 4
Codigo Oberto 1205174044658419 4Daniel Bobadilla
 
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 socialDaniel Bobadilla
 
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 2007Daniel Bobadilla
 
Hype vs. Reality: The AI Explainer
Hype vs. Reality: The AI ExplainerHype vs. Reality: The AI Explainer
Hype vs. Reality: The AI ExplainerLuminary Labs
 
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 CarsLinkedIn
 

Destaque (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
 

Semelhante a Personaliza tu sitio con Wordpress CMS

Semelhante a Personaliza tu sitio con Wordpress CMS (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
 

Último

Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..RobertoGumucio2
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxMariaBurgos55
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxAlexander López
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxJOSEMANUELHERNANDEZH11
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 

Último (20)

Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptx
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptx
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 

Personaliza tu sitio con Wordpress CMS

  • 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