Curso wp enm 5a sesion

792 views

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
792
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Curso wp enm 5a sesion

  1. 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. 2. 1. HTML 2. CSS 3. PHP Conceptos Básicos
  3. 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. 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. 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. 6. CSS Cascading Style Sheets h1 { Color: orange; Text-align: center ; }
  7. 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. 8. <?php /* Artemia/autor Template Name: 3-column */ ?> <?php get_header(); ?> CONTENT <?php get_footer(); ?> Nueva plantilla de página
  9. 9. Daniel J. Bobadilla B. www.sinsistema.net www.enmedio.info

×