Logos para copiar y pegar en html en otros artículos

Los que ya habéis hecho varios artículos en el blog, habréis sufrido lo pesado que es situar imágenes una vez que el artículo ya está escrito. Ya sé, mover, copiar y pegar, insertar una nueva imagen... pero todo se descoloca y hay que volver a formatear la entrada con mucho cuidado. A veces no hay más remedio, pero yo he encontrado un truquillo que me funciona bién, para esas imágenes repetitivas, como son los logos de mis entradas. Como véis, las tengo aquí añadidas, y lo que hago es copiar su codigo html y luego lo pego en el nuevo, o viejo, artículo, también en html, de forma que nada se me desplaza.Esta entrada puede estar guardada y no publicada, para uso interno del administrador del blog sólamente. Yo os la publico para contaros mi truco.

PARA ACCEDER: MOTÓRICOS, ACCESIBILIDAD





CONTROL + PARA VER MEJOR





PARA ESCUCHAR, VISUAL





PARA SABER MÁS

Creación de páginas WEBS

Una página Web es un documento que puede ser visualizado con un navegador de Internet.
Un sitio Web es un conjunto de páginas Web relacionadas entre sí.
Hay muchas herramientas para crear y editar páginas webs, la más conocidas son:


Word
Un sencillo Word puede servirnos para crear una página web sencilla. Aquí os dejo un tutorial sobre cómo hacerlo.






FrontPage
FrontPage2003 es un programa con el cual podemos crear páginas Web de una forma visual. Gracias a esto el usuario sólo tiene que concentrarse en el diseño de su Web sin necesidad de saber programar. No obstante, un usuario avanzado puede usar las características avanzadas de FrontPage2003 para hacer sitios Web más complejos. FrontPage2003 nos permite diseñar y modificar tanto el sitio como cada página individualmente, y nos ayuda en su edición y mantenimiento.
FrontPage2003 forma parte del paquete de aplicaciones Office2003, y comparte muchas de las características del resto de programas del Office, tanto en procedimientos como en el interfaz. Gracias a esto, muchas de las tareas que nos son familiares en Word nos servirán para FrontPage y viceversa. Algunas de las características que comparten son:

• Los menús y los iconos son similares entre cada aplicación y realizan la misma función.
• El portapapeles de Office es ahora común a todas las aplicaciones Office, y permite guardar de forma temporal gráficos y textos de distintos documentos de Office y de otros programas, y pegarlos en un documento de Office. Por ejemplo, puedes copiar textos de un documento de Word y pegarlos en una página Web de FrontPage, y después abrir una hoja de cálculo de Excel, y copiar una tabla de Excel a Word.
• Otras funciones, como el corrector ortográfico, funcionan de la misma manera o de una forma casi idéntica en todas las funciones.

DreamWeaver
Dreamweaver CS3 es un software fácil de usar que permite crear páginas web profesionales. Pertenece a Adobe (antes fue de Macromedia) y claro, no es gratuito. Las funciones de edición visual de Dreamweaver CS3 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML, es decir, que no necesitas ser programador informático para poder hacer una página web. Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc., de una forma muy sencilla y visual. Puedes descargar la versión gratuita de Dreamweaver desde la página de Adobe, la versión caduca al cabo de 30 días, y te permitirá aprender su manejo pues no está recortada.

Publicar tu página web
Una vez hecha tu página web, tienes que publicarla para que pueda ser vista por otras personas en Internet. Para eso necesitas un sitio en Internet donde alojarla. Este sitio puede ser un dominio propio (que pagas por mantenerlo, como hacen las empresas .com, .es, .org, .net...) o puedes echar mano de servicios alojadores gratuitos como Geocities, de Yahoo, Iespana ...
Subir una página web a Internet

Extras para tu web:

Los gadgets y widgets que se utilizan para blogs, wikis... también pueden utilizarse en las páginas webs, insertando su código HTML en la ventana de código. Ver artículo gadgets.

Hay aplicaciones FLASH on line que permiten insertar menús, textos, banners y botones. Una de ellas, por ejemplo, es FlashVortex. permite crear animaciones flash muy fácilmente para sitios web. Crea el número de registros necesarios y no necesita instalación de ningún software. El diseño se realiza en línea y brinda el código HTML para embeber el objeto creado en, por ejemplo, tu blog, pero también en tu web. Además todas las opciones son personalizables.
Permite las siguientes opciones:

Para saber más:
+ Cómo hacer bien páginas webs. Por Daniel Clemente. Es un "manual de buen comportamiento". Recomendaciones antes de ponerse en marcha.
+ Tutorial HTML. De Conclase.
+ Herramientas adecuadas para el diseño y desarrollo de un sitio web.
+ Curso gratuito de FrontPage, de AulaClic. Lo puedes seguir en la web, puedes descargar los ficheros pdf o seguir sus videotutoriales. Te desarrollan ejercicios paso a paso, tienes propuestas de ejercicios y pruebas evaluativas para comprobar si progresas adecuadamente en tu aprendizaje. Muy completo y bien explicado. Lo recomiendo.
+ Curso gratuito de Dreamweaver CS3, de AulaClic. Lo puedes seguir en la web, puedes descargar los ficheros pdf o seguir sus videotutoriales. Te desarrollan ejercicios paso a paso, tienes propuestas de ejercicios y pruebas evaluativas para comprobar si progresas adecuadamente en tu aprendizaje. Muy completo y bien explicado. Lo recomiendo.
+ Trucos para usuarios de Dreamweaver CS3.
+ 42 videotutoriales de Dreamweaver CS3, en VTutOnline. Para expertos.
+ HTM 5, ¿revolución o puesta al día? Artículo en CONSUMER EROSKI.

Pruebas inserción cajitas con texto plano

Esto es para mí, no para alumnos (bueno, salvo que alguno quiera que se lo explique).

Prueba de cajita con texto cualquiera dentro:

..aquí el código o lo que quieras que ellos copien..

Prueba de cajita con código HTML dentro. No se puede pegar HTML dentro directamente (ni en la caja, ni en las webs o blogs, aunque sea en la pestaña Redactar pues se interpretaría y saldría el gadget o elemento correspondiente). Hay que convertir el código HTML a TEXTO PLANO (convertidor a texto plano:
http://nosetup.org/php_on_line/convertir_html_texto
así los alumnos pueden ver y copiar y pegar el código HTML en su propio blog):

<form id="search" action="/search" name="search" method="get"><br /><br /><p class="form"><br /><br /><input xonfocus="this.value=''" value=" Escribe..." name="q" size="15" type="text"/><br /><br /><input value="Buscar" type="submit"/><br /><br /></p><br /><br /></form>

Y esto es lo que se vería en el blog o web copiando el código HTML de la cajita anterior:

¡¡¡Gracias por tu ayuda y buena disposición Ferípula!!!