Educadores en Web

Inicio

2020-11-16T13:25:00.000-08:00

Hola, bienvenid@ a nuestro blog de recursos para educador@s webmasters.
Este blog, forma parte de la red educa.com.mx. y se en cuentra a tu disposoción con la fianalidad de compartir los enlaces a recursos que me han resultado y me resultan de gran utilidad en el aprendizaje y el desarrollo de mis páginas web. Quizá para el desarrollador y diseñador profesional le resulten una humorada que les haga sonreírse de soslayo; pero para el webmaster amateur, como es mi caso, pueden resultar de gran ayuda en más de una ocasión.

Sólo un click y
entrarás a la zona de comentarios y recomendaciones de tu red educativa educa.com.mx.
"Educando en el Espacio Virtual para transformar el mundo real."
¡Queremos saber de tí!Cuántas veces no ha sucedido que encontramos un recurso interesante en la red y cuando pretendemos utilizarlo nuevamente, hemos olvidado la dirección o ésta se encuentra en nuestros enlaces favoritos del navegador de nuestra computadora personal bien guardada en casa. Así que, como una manera de mantener a la mano aquéllo que me ha resultado de utilidad o que considero necesitaré en un futuro he "colgado" este blog. En este sentido, las pretensiones de este blog son servir a quien lo desee, y al creador del mismo, como una caja de herramientas.

Espero que algunos de los recursos aquí listados te sean de utilidad.

Mis recursos favoritos

A continuación encontrarás los enlaces a los sitios y blogs con recursos para diseño web que me más he utilizado en el diseño y remaquetación de mis blogs y páginas web así como una breve descripción acerca de los mismos. Para acceder al recurso sólo da click en su respectiva imagen. Espero que te sean de gran utilidad como lo han sido para mi.

0001. Ruleta de colores para diseñadores.
¿Deseas encontrar utilizar algún color en el diseño de tu web y necesitas su valor hexadecimal? ¿Quieres probar combinaciones en complementario o monocromático? Sin duda Color Scheme es la herramienta que buscas. Con sólo dar click en el color deseado puedes encontrar diversas combinaciones y los respectivos valores en hexadeciman de los colores. Lo mejor: Cuenta con ejemplos de cómo luciría tu página con cada combinación y...¡es de uso libre!
0002. Contador de visitas para tu blog.
¿Has deseado incluir un contador de visitas a tu blog? Ahora es muy sencillo tenerlo de forma gratuita. En esta página en pocos minutos tendras tu contador listo y funcionando.
0003. Plantillas gratis para tu blog
¿Aburrido del aspecto de tu blog? ¿Te da sueño sólo de pensar en rediseñar la plantilla de tu blog? Entonces este sitio es ideal para tí. Toneladas de espectaculares plantillas prediseñadas para tu blog. Contiene páginas de ejemplo (demo) para que veas cómo quedará tu web cuando apliques la plantilla.
Color Picker: colores en hexadecimal
Excelente herramienta que de una forma fácil te permite seleccionar el color y te da su código hexadecimal listo para copiarse y pegarse.
Gracias por tu preferencia
Tu red educativa: educa.com.mx, y su equipo, se encuentran a la búsqueda de todo recurso sobresaliente disponible en la red que podamos compartir. Seguramente en las diferentes secciones de este blog encontraras cientos y quizá miles de valiosos recursos para mejorar tu blog o página personal y esa será nuestra mayor recompensa: poder servirte y cooperar en esa tu valiosa empresa de aprender y enseñar.

Otros blogs y webs de la red educa.com.mx

001. Red educa.com.mx
002. Sallita
003. Video Educa Blog
004. Blog Educatic
005. Tic Educablog
006. Just Learn English
007. Blog de Sallita
008. Educaremos
009. Educadores en Web

Maquetación y diseño de páginas web.

2009-09-26T23:33:00.000-07:00

001. Maquetación de una página web con html y css.
Con este sencillo tutorial, nos llevan paso a paso en la creación de una página web desde cero. La declaración de estilo css se hace en la misma página, por lo que es un buen ejemplo de creación de páginas con css si utilizar una hoja de estilo aparte.
002. Creacion de una pagina web desde cero.
Aparte de mostrarnos ccómo crear una página web desde cero, nos proporciona una guía completa sobre la utilización de las etiquetas html y los atributos de estilo que se pueden aplicar a cada una. Recomendable para quien se inicia en la creación de páginas web o para quien necesite una referencia rápida.

HTML

2009-09-26T22:41:00.000-07:00

W3School todo acerca del HTML
Todas toditas las tags de html, ejemplos, referencias, tutoriales, es un sitio completísimo.

Plantillas css para tu página web

2009-09-24T10:36:00.000-07:00

Plantillas listas para utilizar en tu página web

A continuación encontrarás los enlaces a los sitios y blogs con plantillas, la gran mayoría creadas en html y css, que me han ayudado en el diseño y remaquetación de mis blogs y páginas web así como una breve descripción acerca de los mismos. Para acceder al recurso sólo da click en su respectiva imagen. Espero que te sean de gran utilidad como lo han sido para mi.

0000. Free css Templates.
No millones pero sí miles de bellísimas plantillas gratis para tu página web.Listas para remaquetarse y subirlas a la red, no creo que alguien las haya visto, mucho menos probado todas, aparte de su creador, claro.
0002. Pack de plantillas para webpage
¿Te da hueva bajar plantillas de una a una? Aquí tienes un paquete de 44 plantillas, para bajarlas todas de un jalón y empezar a probarlas en tu proyecto

Portables

2009-09-24T08:19:00.000-07:00

http://www.losportables.net

Prueba con tablas

2009-09-18T09:13:00.001-07:00

Columna 1, fila 1	Columna 2, fila 1	Columna 3, fila 1
Columna 1, fila 2	Columna 2, fila 2	Columna 3, fila 2

Video Tutorial Cómo Cambiar Plantillas

2009-09-13T16:57:00.000-07:00

En este videotutorial se nos muestra paso a paso cómo podemos cambiar la plantilla de nuestro blog de blogger.

WEBS Y BLOGS DE RULINSITO

2009-01-22T20:43:00.000-08:00

FREE HOSTING

2009-01-22T19:52:00.001-08:00

Free Hosting for your Website. Una colección de sitios que te brindan hospedaje gratuito para tus webpages. Ideales para probar tus proyectos "en la vida virtual real".

ALMACENES DE IMÁGENES

2009-01-22T19:51:00.001-08:00

Almacena tus propias imagenes para usarlas en tu blog o homepage

Almacenes de imagenes para uso libre

DISEÑO E ILUSTRACIÓN WEB

2009-01-22T19:50:00.001-08:00

Dibujo, Ilustración y Diseño Gráfico Web

A continuación encontrarás los enlaces a sitios y blogs con infinidad de recursos para diseñar e ilustrar las páginas y blogs de tus proyectos, así como una breve descripción acerca de los mismos. Para acceder al recurso sólo da click en su respectiva imagen. Espero que te sean de gran utilidad como lo han sido para mi.

0001. Los headers en tu página web
El encabezado o header de tu página es quizá lo primero que cautiva la atención de los visitantes a tu página web o blog. aquí una muestra acerca de cómo se han utilizado en páginas muy llamativas. Encontrarás además enlaces a otros recursos de diseño e ilustración web.
0002. Menú Maker hace los menús css para tí
¿Has sentido envidia acerca de los espectaculares menús con que cuentan algunas páginas web? Yo sí. Cuando aprendí a hacer los menús verticales,no muy bien por cierto:) los quería incluír hasta en mis @mails ja. Ahora contamos con una herramienta poderosa que nos permite, de forma gratuita, generar nuestros menús online y nos los entrega a descargar junto con sus imágenes y hoja de estilo todo en un archivo comprimido ¿Más fácil? No creo.
0003. Buttonator crea los botones para tu página
¿Necesitas crear una botonera para un ménu o un "click aquí"? Buttonator lo hace por tí, sólo indica las características como forma, color y texto que tendra tu boton y, listo. Lo descargas en formato gif, listo para insertarlo a tu botonera
004. Headers gratis para tu página web.
Headers gratis para tu página web. Espectaculares encabezados gráficos para tu web. Puedes usarlos de inmediato o tomarlos como inspiración: están super..

TUTORIALES PARA ANIMACIÓN

2009-01-22T19:48:00.001-08:00

Tutoriales y Recursos Para Realizar Animaciones

RECURSOS WEB PARA FLASH

2009-01-22T19:44:00.000-08:00

Recursos Web Para Flash

BASES DE DATOS

2009-01-22T19:43:00.000-08:00

Bases de Datos

PROGRAMACIÓN PARA TU WEB

2009-01-22T19:31:00.000-08:00

Pa' programar

RECURSOS CSS PARA DISEÑO WEB

2009-01-22T19:11:00.000-08:00

Css para que diseñes tus páginas Web

Miles y miles de recursos: tutoriales, consejos, ejemplos, trucos y más para que utilices el CSS como un o una verdader@ profesional del diseño web. Para acceder a los recursos, sólo da un click en el enlace y, ¡a disfrutar!

0001. Tabla de propiedades css
Tanto para practicar en tu aprendizaje como para trabajar con las CSS lo mejor es disponer de una tabla donde se vean los distintos atributos y valores de estilos que podemos aplicarle a las páginas web.

En este sitio, nos muestran de forma clara, concisa y maciza qué atributos pueden aplicarse a cada elemento de una página web.
0002. Generador de menús css
Este generador de menús crea a la vez el css y el código HTML requerido para producir un menú atractivo y funcional. Cada vez más diseñadores prefieren menús no dependientes de imágenes por su rapidez de carga y los espectaculares efectos que pueden producirse a base de simple css.
0003. Ruleta de colores para diseñadores.
¿Deseas encontrar utilizar algún color en el diseño de tu web y necesitas su valor hexadecimal? ¿Quieres probar combinaciones en complementario o monocromático? Sin duda Color Scheme es la herramienta que buscas. Con sólo dar click en el color deseado puedes encontrar diversas combinaciones y los respectivos valores en hexadeciman de los colores. Lo mejor: Cuenta con ejemplos de cómo luciría tu página con cada combinación y...¡es de uso libre!
0004. Css para modificar la apariencia de campos de formulario.
Con este sencillo tutorial aprenderás a manejar la apariencia de tus formularios cambiándole el estilo de los campos de entrada de texto mediante css.
0005. Completo curso básico html css.
Este curso cubre cómo crear páginas web usando las tecnologías estándares, CSS y XHTML, recomendadas por el World Wide Web Consortium (Es el organismo que se encarga de regular los estándares de la Web. Algo así como la RAE con el castellano.)
0006. w3c html+css para principintes.
Tutorial completísimo, nadamás y nada menos que directamente desde el poderosísimo w3c.
0007. CSS Sketchbook
Una gran cantidad de trucos y recursos css listos para usarse en tu página web
0008. CSS Typetest
Dale formato css on line a tus textos casi sin saberlo. tamaño, de fuente, color de fondo, tipo de fuente y más.
0009. Code Sucks
Recursos, plantillas de estructuras fijas y fluidas listas para usarse.
0010. CSS Creator
Generador de plantillas css fijas y fluidas listas para usarse.
0011. CSS play
Experimenta con las hojas de estilo. Una autoridad en el uso de css en páginas web. Visita obligada si quieres saber cómo se está usando el css en la vanguardia.
0012. Rounded Corner
Si quieres crear fondos con esquinas redondeadas y pasárte la tarde diseñando una no es tu ideal, debes visitar este sitio y en pocos minutos los tendrás listos.
0013. Corner Shop
Gráficos para crear esquinas redondeadas en segundos. Elijes el radio, el tamaño y el color y zas. Ya están tus gráficoslistos para descargarse.
0014. Web estilo Shop
Programación, recursos y más.
0015. Css Structure and rules
Aprende las reglas y la estructura que debe llevar tu código css.
0016. Bravenet
Css y otros recursos y herramientas más para la creación de tus sitios web.
0017. Jesset. com
Recursos y un extenso surtido de herramientas para la creación de tus páginas web.
0019. El encabezado
Gráficos para crear esquinas redondeadas en segundos. Elijes el radio, el tamaño y el color y zas. Ya están tus gráficoslistos para descargarse.
Open Source Web Design:
a site to download free web design templates and share yours with others.
CSS desde cero
Aprende a utilisar el css desde lo más básico hasta un nivel avanzado.
Top-10-css-table-designs
Top-10-css-table-designs
usando-css-en-tablas
¡Mamita, que pedazo de tabla! Tablas en Css
Todo acerca del uso de css con tablas
Añadiendo un toque de estilo.
Añade un toque de estilo con css a tus páginas web
Comenzando con html y css
Tutorial básico acerca ce la utilización de html y css
css Intensive Station
Intensivo

22 recursos para diseño css

Recursos

CSS PARA PRINCIPIANTES, CAP1

Manuales de Desarrollo Web

Completísima colección de manuales y tutoriales para diseño web. Visita obligada para el diseñador web amateur o avanzado.

maquetar tu página web con css. Un buen tutorial.

CURSITO COMPLETO PARA APRENDER A USAR CSS. LISTADO DE CAPÍTULOS

Cap. 1.- Introducción a las CSS Entramos en materia con los antecedentes de esta tecnología, las razones por las... Entrar
Cap. 2.- Características y ventajas de las CSS Conoce las principales características del lenguaje, su potencia y sus... Entrar
Cap. 3.- Usos de las CSS I Describimos las distintas aplicaciones de las Hojas de Estilo en cascada. En... Entrar
Cap. 4.- Usos de las CSS y II Te describimos los usos más avanzados de las hojas de estilo en cascada. Para... Entrar
Cap. 5.- Otra manera de definir estilos en un archivo externo También podemos incluir estilos en un archivo externo con un código con la... Entrar
Cap. 6.- Sintaxis CSS En este capítulo explicamos la sintaxis de las hojas de estilo en cascada Entrar
Cap. 7.- Atributos de las hojas de estilo Explicación y ejemplos de los distintos atributos de las CSS. Podrás encontrar... Entrar
Cap. 8.- Trucos avanzados con CSS Vamos a ver una serie de técnicas con hojas de estilo, imprescindibles para... Entrar
Cap. 9.- Qué son las capas Vemos las diferencias entre varias etiquetas para aplicar estilos y crear capas... Entrar
Cap. 10.- Atributos para capas Veamos el posicionamiento de capas y otros atributos que podemos utilizar al... Entrar
Cap. 11.- Problema con el posicionamiento absoluto de capas A veces el posicionamiento absoluto de capas es demasiado rígido, pues si la... Entrar
Cap. 12.- Maquetación CSS Una introducción sobre cómo maquetar una página utilizando capas, que ilustra el... Entrar
Cap. 13.- Formas de aplicar estilos en maquetación CSS Repaso a los métodos por los que se pueden aplicar estilos a las páginas web... Entrar
Cap. 14.- Notación de colores CSS Varias maneras, sintaxis o notaciones para definir colores con CSS de los... Entrar
Cap. 15.- Definición de estilos CSS Shorthand Disminuye el peso de tus hojas de estilo utilizando la forma shorthand de... Entrar
Cap. 16.- Pseudo-element en CSS Vamos a conocer los Pseudo-elementos en hojas de estilo en cascada, que sirven... Entrar
Cap. 17.- EL atributo Overflow de CSS Explicamos esta propiedad interesante contemplada en la especificación CSS 2. Entrar
Cap. 18.- El Modelo de Caja en CSS Un aspecto especialmente relevante de CSS es el Modelo de Caja. Este artículo... Entrar
Cap. 19.- Utilizar porcentajes para tamaños de texto con CSS El tamaño del texto se puede cambiar por medio de CSS, para agrandarlo o... Entrar
Cap. 20.- Problemas del Modelo de Caja en Internet Explorer 5 Si no se toman ciertos recaudos nuestros diseños se verán distinto en distintos... Entrar
Cap. 21.- Por qué diseñar con CSS Mostramos algunas ventajas al maquetar con CSS respecto a otras formas de... Entrar
Cap. 22.- Trucos CSS para no enloquecer Algunas soluciones a los problemas tipicos que te puedes encontrar con CSS. Entrar
Cap. 23.- CSS semánticas. Un nuevo enfoque Existen infinidad de sitios en Internet que ofrecen miles de propuestas... Entrar
Cap. 24.- CSS semánticas. Un nuevo enfoque (II) Este artículo es la continuación de CSS semánticas. Un nuevo enfoque, y trata de... Entrar
Cap. 25.- 10 errores comunes en los css Esta es una recopilación de errores comunes en las hojas de estilo. Es bastante... Entrar
Cap. 26.- Introducción a CSS 3 Algunos navegadores comienzan a implementar CSS 3, así que es hora de empezar a... Entrar
Cap. 27.- Bordes redondeados en CSS 3 Las características de CSS 3 incluyen bordes redondeados, a través del atributo... Entrar

RECURSOS PARA TUNEAR TU BLOG

2009-01-22T19:02:00.000-08:00

Aquí encontrarás enlaces a recursos para "tunear tu blog" a tu entero gusto.

PLANTILLAS Y MÁS PLANTILLAS PARA CHULEAR TU BLOG

CÓMO CAMBIAR TUS PLANTILLAS ( Se supone que ya encontraste la que te megafascina y la tienes bien guardadita y descomprimida en tu disco duro o en una memoria usb.

OTROS RECURSOS MÁS...

pruebas

2009-01-21T19:50:00.000-08:00

Fotos

2009-01-15T18:59:00.000-08:00

Mis fotografías e imágenes favoritas que utilizo en mis pruebas de diseño web

Entre a picasa con mi contraseña de gmail, a la cuenta que se crea automáticamente al subir imágenes a mi blog. y efectivamente está ahí esta imagen y todas las que he insertado en este blog.
Enseguida quiero insertar una imagen directamente desde mi album de picasa: entré a mi album, copíe la ruta URL de la imagen y después pegué la ruta en insertar imagen en el editor de este blog.Lo que pretendo es crear un album con thumbnails para mi blog de Sallita. No había utilizado picasa y como que ya me va gustando.

Ahora intentaré insertar una imagen que almacené en fileden, vía el url que se le asignó tan sólo para ver cómo carga de rápido.

Ohh, sí funciona.

Ahora vamos con animaciones flash. Almacené una animación flash en Fileden y la llamé con el código que recomiendan en el tuto para insertar flash en la seccion "para tuenear tu blog" suprimí los saltos de línea y cambié las url y...funciona.

Personal

2008-11-26T16:51:00.000-08:00

Aquí se supone que debo incluir aquello que es personal, pero, diantre, todo mi blog es personal.

Educadores en Web

Inicio

Mis recursos favoritos

0001. Ruleta de colores para diseñadores.

0002. Contador de visitas para tu blog.

0003. Plantillas gratis para tu blog

Color Picker: colores en hexadecimal

Gracias por tu preferencia

Otros blogs y webs de la red educa.com.mx

Maquetación y diseño de páginas web.

001. Maquetación de una página web con html y css.

002. Creacion de una pagina web desde cero.

HTML

W3School todo acerca del HTML

Plantillas css para tu página web

Plantillas listas para utilizar en tu página web

0000. Free css Templates.

0002. Pack de plantillas para webpage

Portables

Prueba con tablas

Video Tutorial Cómo Cambiar Plantillas

WEBS Y BLOGS DE RULINSITO

Webs y Blogs de Rulinsito.

FREE HOSTING

Free Hosting for your Website. Una colección de sitios que te brindan hospedaje gratuito para tus webpages. Ideales para probar tus proyectos "en la vida virtual real".

ALMACENES DE IMÁGENES

Almacena tus propias imagenes para usarlas en tu blog o homepage

Almacenes de imagenes para uso libre

DISEÑO E ILUSTRACIÓN WEB

Dibujo, Ilustración y Diseño Gráfico Web

0001. Los headers en tu página web

0002. Menú Maker hace los menús css para tí

0003. Buttonator crea los botones para tu página

004. Headers gratis para tu página web.

TUTORIALES PARA ANIMACIÓN

Tutoriales y Recursos Para Realizar Animaciones

RECURSOS WEB PARA FLASH

Recursos Web Para Flash

BASES DE DATOS

Bases de Datos

PROGRAMACIÓN PARA TU WEB

Pa' programar

RECURSOS CSS PARA DISEÑO WEB

Css para que diseñes tus páginas Web

0001. Tabla de propiedades css

0002. Generador de menús css

0003. Ruleta de colores para diseñadores.

0004. Css para modificar la apariencia de campos de formulario.

0005. Completo curso básico html css.

0006. w3c html+css para principintes.

0007. CSS Sketchbook

0008. CSS Typetest

0009. Code Sucks

0010. CSS Creator

0011. CSS play

0012. Rounded Corner

0013. Corner Shop

0014. Web estilo Shop

0015. Css Structure and rules

0016. Bravenet

0017. Jesset. com

0019. El encabezado

Open Source Web Design:

CSS desde cero

Top-10-css-table-designs

usando-css-en-tablas

¡Mamita, que pedazo de tabla! Tablas en Css

Añadiendo un toque de estilo.

Comenzando con html y css

css Intensive Station