1 / 20

Clase final

Clase final. Validación de estándares Algunos de los ejemplos de nuestros recursos pueden tener elementos no estándar , trataremos de validar nuestros documentos al 100% previo a incluir youtube y facebook en ellos . . Fonts y styles desde google .

latham
Download Presentation

Clase final

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Clase final

  2. Validación de estándares • Algunos de los ejemplos de nuestrosrecursospuedentenerelementos no estándar, trataremos de validarnuestrosdocumentos al 100% previo a incluiryoutube y facebook en ellos.

  3. Fonts y styles desdegoogle. http://www.google.com/webfonts Caracteresespeciales: tildes y eñes http://www.utexas.edu/learn/html/spchar.html

  4. Favicon En el head: <link rel="icon" href="favicon.png" type="image/png" /> <link rel="shortcut icon" href="favicon.ico" /> Para pasar de png a ico y viceversa: http://www.convertico.com/ Crear un favicon: http://www.favicon.cc/

  5. Fan pages de Facebook • Para crear el fan page • http://www.youtube.com/watch?v=5JoDYEstXqw • https://www.facebook.com/pages/create.php • Para obtener el código a embeber

  6. Lista de opciones • https://developers.facebook.com/docs/plugins/ • La másutilizada • https://developers.facebook.com/docs/reference/plugins/like-box/

  7. Código de ejemplo • <iframesrc="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FPrograma-Dios-es-Amor%2F207934622602795&amp;width&amp;height=590&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=true&amp;show_border=true&amp;appId=233763473339601" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:590px;" allowTransparency="true"></iframe>

  8. Cómosubir un video a youtube • http://www.youtube.com/watch?v=budTxG2P7Z8

  9. Ejercicios • Como insertar video de youtube

  10. <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="800" HEIGHT="600" id="Yourfilename" ALIGN=""><PARAM NAME=movie VALUE="Reciclaje.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#333399> <EMBED src="Reciclaje.swf" quality=high bgcolor=#333399 WIDTH="800" HEIGHT="600" NAME="Yourfilename" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED> </OBJECT>

  11. Incrustar un archivo flash • www.cursolibre.innovaservicios.com/flash.html • Recordarobtenersiempre el archivo .swf no el .fla

  12. Incrustar twitter • https://twitter.com/about/resources/widgets/widget_profile • No funciona con cuentasprivadas

  13. Código de ejemplo • <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/EmisorasUnidas" data-widget-id="264546294725484544">Tweets por @EmisorasUnidas</a> • <script>!function(d,s,id){varjs,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

  14. Dominios • .com.gt • http://www.gt/ • Otros • www.godaddy.com

  15. Hosting ranking • http://www.top10bestwebsitehosting.com/index.php?kw=hosting%20ranking&c=37398375588&t=search&p=&m=p&adpos=1t1&a=2701&gclid=CMOZ0cPuz70CFaVQOgod3CkA0A

  16. HTML • http://www.htmlquick.com/es/reference/tags.html • http://diginota.com/trucos-y-tutoriales/75/145-lista-de-las-principales-etiquetas-html.html • Curso en PDF • http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html.pdf

  17. CSS • http://www.programacionweb.net/cursos/curso.php?num=3 • Lista de atributos • http://www.desarrolloweb.com/articulos/186.php • http://usuarios.multimania.es/dhtml_club/objetos/propiedades.htm • http://www.w3c.es/divulgacion/guiasreferencia/css21/

  18. Uso y descarga de templates https://www.google.com.gt/search?q=html+css+templates&oq=html+css+&sourceid=chrome&espv=210&es_sm=93&ie=UTF-8 Ojo con el tipo de licencia a usar.

  19. PlantillasGratuitas • http://bestlistoflists.com/62-high-quality-html-css-web-templates-of-2010-for-free-download.html • http://www.freecsstemplates.org/preview/greenforest/ • … todoesta en buscar y saberlaseditar

  20. FIN

More Related