fuentes sin límite en css e integraciones con copy&paste

11
Fuentes e Integración CSS - Vínculos - PHP - JavaScript - API Computación Multimedia I - Clase 13 Maximiliano Martin - DUOC 2010

Upload: maximiliano-martin

Post on 18-Nov-2014

1.121 views

Category:

Technology


2 download

DESCRIPTION

Utilización de fuentes no tradicionales en CSS y HTML con fontsquirrel.com Ejemplos para traer contenido de la web a mi sitio con el viejo copiar y pegar.

TRANSCRIPT

Page 1: Fuentes sin límite en CSS e integraciones con Copy&Paste

Fuentes e Integración

CSS - Vínculos - PHP - JavaScript - API

Computación Multimedia I - Clase 13Maximiliano Martin - DUOC 2010

Page 2: Fuentes sin límite en CSS e integraciones con Copy&Paste

Fuentes disponibleLas instaladas en el sistema operativo

Times New Roman Arial

HelveticaCourier

Verdana Trebouchet

Comic SansGeorgia

Page 3: Fuentes sin límite en CSS e integraciones con Copy&Paste

Fuentes disponible

http://www.fontsquirrel.com/

Formata Regular

Page 4: Fuentes sin límite en CSS e integraciones con Copy&Paste

Fuentes disponible

Page 5: Fuentes sin límite en CSS e integraciones con Copy&Paste

Fuentes disponible

Page 6: Fuentes sin límite en CSS e integraciones con Copy&Paste

Tipos de integración

BásicaMedia

ProgramaciónDesarrollo

LinksObjetos embebidosPHP o JavascriptProgramaciones API

Page 7: Fuentes sin límite en CSS e integraciones con Copy&Paste

Desde tu sitio a internetLinks HTML

<a href="http://www.twitter.com/maxymiliano"> <img src="http://twitter-badges.s3.amazonaws.com/t_logo-a.png" alt="Follow maxymiliano on Twitter"/></a>

Page 8: Fuentes sin límite en CSS e integraciones con Copy&Paste

Internet en tu sitioJavascript

Page 9: Fuentes sin límite en CSS e integraciones con Copy&Paste

Internet en tu sitio

<script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({ version: 2, type: 'profile', rpp: 4, interval: 6000, width: 250, height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#000000', color: '#ffffff', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' }}).render().setUser('maxymiliano').start();</script>

Page 10: Fuentes sin límite en CSS e integraciones con Copy&Paste

Internet en tu sitioiFrame

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&amp;ll=-30.902225,-31.289062&amp;spn=76.456208,180&amp;t=h&amp;z=3&amp;output=embed"></iframe>

Page 11: Fuentes sin límite en CSS e integraciones con Copy&Paste

Internet en tu sitioEmbed

<object width="480" height="385"> <param name="movie" value="http://www.youtube.com/v/FQEBjzUWjU4?fs=1&amp;hl=es_ES"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/FQEBjzUWjU4?fs=1&amp;hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"> </embed></object>