El próximo estándar Web

0.0.0.0

3874

4017 <H2 class=MsoNormal><IMG class=aligncenter title="NextGen Web" height=240 alt="" src="http://farm4.static.flickr.com/3484/3464910429_8ca137b9ea_o.jpg" width=577></H2> <H2 class=MsoNormal>Desde su nacimiento, la Web ha ido evolucionando, pasando de ser una red de documentos simples entrelazados a principios de los ochenta a una granestructura para ejecutar aplicaciones y servicios.</H2> En ocasiones, los fabricantes del software que permite acceder a la Web, los conocidos navegadores, han incluido en sus productos extensiones de manera unilateral, como las etiquetas propietarias en el lenguaje HTML, dando lugar a incompatibilidades entre navegadores. <A class=more-link href="http://techconsumer.wordpress.com/2009/04/22/el-proximo-estandar-web/#more-1143">Leer más »</A>

2009-04-22T15:16:04Z

2009-04-22T15:15:00Z 312196

el-proximo-estandar-web

2009-04-22T15:16:04Z

1 El próximo estándar Web

2009-04-22T15:16:04Z

79.151.141.17

48602

22875 <div class="post-body entry-content"> Esta es una prueba que hago de algo que me han sugerido: Se trata de colgar en un foro un documento (texto, foto, vídeo, etc.) como pdf de manera que se descargue sin tener que abrirse ninguna página. Aquí me resulta. Bueno lo del vídeo no lo he probado, que no lo tengo a mano. <a href="http://miguelangelvelascoserrano.googlepages.com/Abba.pdf">descargame!</a> Escrito en html resulta de la siguiente manera <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_37bhXKDoWPM/SQCFw1Ye8xI/AAAAAAAACws/4GeHXpoYlgs/s1600-h/colgar+pdf+en+foro.jpg"><img style="cursor: pointer; width: 400px; height: 40px;" src="http://4.bp.blogspot.com/_37bhXKDoWPM/SQCFw1Ye8xI/AAAAAAAACws/4GeHXpoYlgs/s400/colgar+pdf+en+foro.jpg" alt="" id="BLOGGER_PHOTO_ID_5260351438778725138" border="0"></a> Al pasarlo a texto normal en la casilla Redactar, dice simplemente: descargame!</div>

2009-09-17T21:49:07Z

2008-10-23T12:43:00Z 378350

pruebas-imprenta

2009-09-17T21:49:07Z

1 Pruebas de imprenta

2009-09-17T21:49:07Z

0.0.0.0

4773

4955 <UL> <LI>Hola Probando si funciona <UL> <LI>Porque sería interesante <UL> <LI><IMG alt="" src="http://www.fckeditor.net/fckeditor/2.6.3/editor/images/smiley/msn/wink_smile.gif"> que lo hiciera </LI> </UL> </LI> </UL> </LI> </UL> Este es un post de prueba, para aquellos que andais cansados de lo lentísimo o limitado del editor de post que nos ofrece la comunidad .... El texto de arriba ... muy simple ha sido realizado utilizando un editor HTML muy sencillito, on line ... y que podeis encontrar en el siguiente enlace <A id=link_1 title=http://www.fckeditor.net/demo href="http://www.fckeditor.net/demo">FCeditor</A> El modo de funcionamiento es extremadamente sencillo 1) Se escribe el post ;) usando el editor 2) Pulsar submit .... y en la página siguiente sale el código HTML 3) Copiar el código 4) Pegar en el editor de "lacomunidad" en modo HTML por supuesto ..... 5) Publicar ;) PD. Como vereis ... hago lo que sea con tal de poder seguir navegando con mi querido Firefox

2008-10-07T14:35:15Z

2008-10-08T18:30:00Z 211114

2008-10-09T13:06:15Z

editar-post-facilmente

2008-10-07T14:35:15Z

1 Editar los post fácilmente

2008-10-09T13:06:15Z

0.0.0.0

16389

10992 <H3 style="MARGIN: auto 0cm"> <H3 style="MARGIN: auto 0cm"> <IMG class=imgcen id=img_0 src="http://lacomunidad.elpais.com/blogfiles/aryce39/fsscr040.jpg"> <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></H3></H3> <H3 style="MARGIN: auto 0cm"> <DIV style="TEXT-ALIGN: center"> <DIV style="TEXT-ALIGN: center"> <DIV style="TEXT-ALIGN: center"> <TABLE class=MsoTableGrid style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes"> <TD style="BORDER-RIGHT: black 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: black 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: black 1pt solid; WIDTH: 432.2pt; PADDING-TOP: 0cm; BORDER-BOTTOM: black 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid black .5pt; mso-border-themecolor: text1" vAlign=top width=576> <div class="widget-content"><o:p></o:p> <left><img src="http://img176.imageshack.us/img176/6091/84056383at1.png"/></left><o:p></o:p> <form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank"><o:p></o:p> <input value="ES" name="wl_srclang" type="hidden"/><o:p></o:p> <select style="font-size: 70%; width: 160px;" name="wl_trglang"><o:p></o:p> <option value="EN"/>Español - Inglés<o:p></o:p> <option value="FR"/>Español - Francés<o:p></o:p> <option value="DE"/>Español - Alemán<o:p></o:p> <option value="IT"/>Español - Italiano<o:p></o:p> <option value="PT"/>Español - Portugués<o:p></o:p> <option value="RU"/>Español - Ruso<o:p></o:p> </select><o:p></o:p> <input value="http://gustavorey.blogspot.com/" name="wl_url" type="hidden"/><o:p></o:p> <input style="font-size: 70%; width: 50px;" value="Traduce" type="submit"/><o:p></o:p> </form><o:p></o:p> </div><o:p></o:p> </TD></TR></TBODY></TABLE></DIV></DIV></DIV></o:p></H3> Funciona perfectametne y las traducciones están muy lograda. Tus textos se traducen en seis idiomas. Pueden verlo en mi blog de ayuda de blogger: <A id=link_0 title=http://pinoantunez.blogspot.com/ href="http://pinoantunez.blogspot.com/"> En la Terraza con Pino - Blog de ayuda. </A> <H3 style="MARGIN: auto 0cm"></LEFT></H3>

2008-08-31T16:19:25Z

2008-09-30T08:00:00Z 193832

2009-07-20T23:55:55Z

un-traductor-multilingue-tu-blog-

2008-09-30T08:00:07Z

1 Un traductor multilingüe en tu blog...

2009-07-20T23:55:55Z

0.0.0.0

16389

10992 ¿Te apetece un día hacer un post y poner unas mariposas revoloteando por todos lares? Este es el código para ponerlas en un elemento HTML-Javascript, verás que salen desde abajo volando, y sin problema para escribir luego lo que quieras. Solo tienes que ir al editor, y al igual que siempre he explicado, cuando vamos a copiar un código de cualquier tipo, ya sea flash, script, html. Etc. Pinchar en editar html y pegar el siguiente código tal cual está. No tienen que modificar nada. <embed allowscriptaccess="never" allownetworking="internal" enablejavascript="false" width="350px" src=" <A href="http://www.crazyprofile.com/butterfly/Butterfly.swf?nr=6&type1=0&type2=3&type3">http://www.crazyprofile.com/butterfly/Butterfly.swf?nr=6&type1=0&type2=3&type3</A> =1&type4=4&type5=5&type6=2" height="300" wmode="transparent"> <div><a href></a></div></embed> Vuela mariposa…vuela!! <embed allowscriptaccess="never" allownetworking="internal" enablejavascript="false" width="350px" src=" http://www.crazyprofile.com/butterfly/Butterfly.swf?nr=6&type1=0&type2=3&type3 =1&type4=4&type5=5&type6=2" height="300" wmode="transparent"> <div><a href></a></div></embed>

2008-02-26T16:50:22Z

2008-02-26T16:47:00Z 104904

2008-12-14T01:17:13Z

mariposas-tu-blog

2008-02-26T16:50:21Z

1 Mariposas en tu Blog

2008-12-14T01:17:14Z

0.0.0.0

16389

10992 <BIG><BIG>COMO PONER UNA IMAGEN DE OTRA PÁGINA/BLOG</BIG></BIG> <IMG SRC="AQUÍ SE PONE URL de FOTO"> Si por ejemplo queremos poner una imagen de cualquier extensión, es decir: .jpg .gif. png etc. En la imagen que queremos que se vea en nuestro blog, 1.-ponemos el cursor del ratón encima y botón derecho (se abre una ventanita) pinchamos donde pone "propiedades". 2.-Y verán que sale DIRECCIÓN (URL): Pues se selecciona http//lacomunidad.elpais.com/blogfiles/fotogramas/cielo-votaba.jpg nota: he puesto como ejemplo una foto mia. Bien ya tnemos la dirección de la foto (URL) Vamos al editor, y donde pone HTML pinchamos ahí y ponemos ese código: <IMG SRC="AQUÍ SE PONE URL de FOTO"> <IMG SRC="<A href="http://lacomunidad.elpais.com/blogfiles/fotogramas/cielo-votaba.jpg">http://lacomunidad.elpais.com/blogfiles/fotogramas/cielo-votaba.jpg</A>"> Ya está. En el editor ponemos de nuevo al boton "modo diseño" escriben su post o lo que quieran y luego hacen como siempre: "publicar" <BIG>Resultado </BIG> <IMG style="WIDTH: 421px; HEIGHT: 263px" height=291 src="http://lacomunidad.elpais.com/blogfiles/fotogramas/cielo-votaba.jpg" width=470> <BIG><BIG>texto</BIG> </BIG> Estilos: Cursiva ..... Negrita ..... Subrayado ..... Tachado <S>.....</S> RESULTADO ---> Cursiva hola Negrita hola Subrayado hola Tachado <S>hola</S> Alinear parrafo izquierda: ..... Ya en este editor sepuede hacer automaticamente, solo lo pongo a título de información. centrado ..... derecha ..... <BIG>»Enlaces</BIG> <a href="<A href='http://...">página</a'>http://...">página</a</A>> Abrir en otra ventana y de esta manera nunca se sale de vuestro blog <a href="URL"target="_blank">página</a> Ejemplo: <A href="http://lacomunidad.elpais.com/arice39" target=_blank>sor Arice</A> si pinchan en ese enlace se abrirá nueva ventana sin salir de mi blog :) Bien...un pequeño paro para explicarles: Dónde pone "URL" se pone la dirección del blog o página web. En "página": El nombre del Blog o página web. la diferencia es que abre ventana con la orden de "target="_blank" . Es decir, que al pinchar en el enlace nunca salen de vuestro blog. Mail como enlace <a href="<A href="mailto:tu">mailto:tu</A> mail">Escribime</a> »Hacer una Celda<fieldset>.......</fieldset> Quedaría así: <FIELDSET>Pues esto es la cajita o celda</FIELDSET> »Caja de texto <TEXTAREA>Hola!</TEXTAREA> Quedaría asi: <TEXTAREA>Hola!</TEXTAREA> O así con el texto que deseen poner <TEXTAREA>Hola Vecinitos, espero que sepa explicarme en esta lección básica de los códigos html</TEXTAREA> <A href="http://www.fodey.com/generators/animated/ninjatext.asp"><IMG height=119 alt=Ninja! src="http://r3.fodey.com/14a6b64f12a394679a59bb5080c4c72fc.1.gif" width=428 border=0></A>

2008-02-22T13:33:51Z

2008-02-22T10:00:00Z 102712

2008-06-15T21:46:04Z

codigos-basicos-html

2008-02-22T13:33:50Z

1 CÓDIGOS BÁSICOS DE HTML

2008-06-15T21:46:05Z

0.0.0.0

77 Imágenes: cómo incluirlas en los post Para incluir nuevas imágenes en nuestros artículos simplemente debes pinchar en el enlace que dice “Añadir nuevo archivo”. En la ventana que se expande, debes seleccionar “examinar”. Allí eliges, del disco duro de tu ordenador, el archivo que deseas publicar. <IMG class=imgcen height=124 src="http://www.lacoctelera.com/myfiles/ayuda/examinar.jpg" width=400> Después de que lo hayas seleccionado, debes hacer clic sobre la opción “Incluir archivo”. De esta forma se adjuntará el fichero a tu blog. <IMG class=imgcen height=105 src="http://www.lacoctelera.com/myfiles/ayuda/incluir.jpg" width=400> En la parte inferior aparecen tres recuadros. Haz clic sobre alguno de ellos según si quieres insertar la imagen a la izquierda, derecha, o centro del artículo. Automáticamente se cargará el código de la imagen en la parte inferior del texto. (En este ejemplo, en la parte central) <IMG class=imgcen height=238 src="http://www.lacoctelera.com/myfiles/ayuda/ubicando.jpg" width=400> Si deseas insertarlo en otro lugar, por ejemplo en la parte superior del artículo, simplemente debes copiar y pegar el código en donde prefieras publicarlo. Ten en cuenta que la imagen que piensas insertar no ocupe más del espacio que tu blog dispone para ello. Para eso puedes modificar previamente el archivo a través de un editor de imágenes como Photoshop o directamente manipulando el código. El ancho máximo de cada imagen es de 420 px. Para modificar el tamaño de la imagen es tan sencillo como cambiar los valores de lo que está en negrita: <img src="http://lacomunidad.elpais.com//usuario/imagen/incluirarchivo1.jpg" width="400" height="195" class="imgizqda" /> Width: Es el ancho de la imagen (en px). Height: Es la altura de la imagen (en px). Audio En la red podemos encontrar distintos proveedores para incorporar música a nuestros blogs, en este caso utilizaremos <A href="http://www.evoca.com/">Evoca</A> El poder de tu vozTM. Una vez en Evoca, tenemos que darnos de alta para poder utilizarlo, y para ello, pulsaremos la pestaña “Registrarse”. <IMG class=imgizqda height=90 src="http://www.lacoctelera.com/myfiles/elrincondeanita/Evoca-1-registro1112_2.jpg" width=440> Para formalizar nuestro registro, debemos cumplimentar los datos que vemos a continuación. El teléfono y código de acceso, lo cumplimentaremos en caso de querer subir alguna canción a través del teléfono. Una vez que hemos indicado todos los datos, pulsaremos el botón “Sign me Up”. <IMG class=imgizqda height=285 src="http://www.lacoctelera.com/myfiles/elrincondeanita/Evoca-1-registro2.jpg" width=440> Una vez tramitada el alta, recibiremos un correo que nos permitirá formalizar dicho registro. Realizados todos esos pasos, podemos comenzar a utilizar Evoca. El paso anterior solamente se realizará la primera vez que accedemos, en sucesivas ocasiones accederemos con nuestro usuario a través del enlace “Ingresar”. <IMG class=imgizqda height=208 src="http://www.lacoctelera.com/myfiles/elrincondeanita/Evoca-42-ingresar_2.jpg" width=440> Cuando accedemos con nuestro usuario, podemos comprobar que estamos bien logados, porque veremos el nombre de nuestro usuario en la parte superior derecha de la pantalla: “Bienvenido, elrincondeanita”. Para subir una canción, debemos pulsar el enlace “Subir una grabación”. <IMG class=imgizqda height=168 src="http://www.lacoctelera.com/myfiles/elrincondeanita/Evoca-4-subir-grabación.jpg" width=440> En la siguiente pantalla debemos cumplimentar los datos que nos solicitan; no es obligatorio cumplimentar todos, pero si es importante que tengamos encuenta estos cinco pasos, que vemos en la imagen: <IMG class=imgizqda height=544 src="http://www.lacoctelera.com/myfiles/elrincondeanita/Evoca-4-subir-canción.jpg" width=436> En el paso dos, pulsaremos el botón “Examinar”, para localizar en nuestro ordenador el archivo de MP3 o WAV que queremos incorporar a nuestro blog. Lo seleccionamos y pulsamos el botón “Abrir”. <IMG class=imgizqda height=256 src="http://www.lacoctelera.com/myfiles/elrincondeanita/Evoca-5-Subir-archivo.jpg" width=440> Cumplimentados todos los datos necesarios, pulsamos “Upload”, para comenzar con la carga del archivo, que nos llevará unos minutos. Una vez que hayamos terminado, podemos encontrar nuestra canción en la pestaña “Mis Grabaciones”. <IMG class=imgizqda height=353 src="http://www.lacoctelera.com/myfiles/elrincondeanita/Evoca-6-ver-canciones.jpg" width=431> Para escuchar la grabación que hemos subido, podemos pulsar el play, si lo que queremos es acceder al código html para incorporarlo a nuestro blog, pulsaremos sobre el nombre de la canción. <IMG class=imgizqda height=386 src="http://www.lacoctelera.com/myfiles/elrincondeanita/Evoca-6-ver-canciones2222.jpg" width=440> A continuación, copiamos el código que aparece en la sección “Para tu blog utiliza:”, y lo pegamos en nuestro post. <IMG class=imgcen height=254 src="http://www.lacoctelera.com/myfiles/elrincondeanita/Evoca-7-crear-post.jpg" width=440> Para centrar la imagen, llevarla a derecha o izquierda podemos utilizar el código html: align="right", align="center" ó align="left". Una vez que hayamos terminado de editar nuestro post, podemos pulsar el botón “Guardar borrador”, para ver como nos a quedado. <IMG class=imgcen height=159 src="http://www.lacoctelera.com/myfiles/elrincondeanita/Evoca-6-Visualiar.jpg" width=302> Videos/YouTube Youtube y otros servicios nos permiten incluir videos o reproductores de audio para incluir en nuestros posts, mediante la copia de fragmentos de HTML. Ahora incluirlos en tus posts es más sencillo. Hemos incluido un botón "Youtube" en el editor WYSIWYG que al pincharlo te mostrará una ventana para copiar el código correspondiente a videos, audios u otros elementos externos. <DIV style="TEXT-ALIGN: center"><IMG class=imgcen id=img_14 height=95 src="http://www.lacoctelera.com/myfiles/ayuda/coc-dis-ayuda-youtube.png" width=288> </DIV>Solo tienes que copiar el código en esa ventana, pinchar en Incluir, y listo. También hay otra manera de incluir esos códigos: El nuevo editor WYSIWYG para la edición de posts nos ofrece dos modos de edición de posts: Modo HTML y Modo diseño. El Modo HTML nos muestra todo el HTML tal y como funcionaba el editor hasta ahora. El Modo diseño nos ofrece una previsualización de como quedará el post, mostrando negritas, cursivas, las imágenes que hayamos insertado, etc. Se puede cambiar de modo de forma muy sencilla mediante un botón en la esquina superior izquierda del editor de posts. A partir de ahora, con la introducción del nuevo editor WYSIWYG, los fragmentos de HTML para incluir elementos de servicios externos como Youtube tendremos que copiarlos estando en Modo HTML. ¡Es muy fácil! (Si lo hacemos estando en Modo diseño, nos copiará el código HTML, pero no lo intepreterá)

2007-05-28T17:51:29Z

2007-05-28T17:51:29Z 480

2009-10-19T15:39:44Z

elementos-multimedia

2007-05-28T17:51:29Z

1 Elementos multimedia

2009-10-19T15:39:45Z