14 comentarios

Nueva plantilla para las novelas digitales


Ya está la nueva plantilla para las novelas digitales, claro está, mi versión, en la que podrán ver un ejemplo práctico de todos los temas vistos y comentados en clase (para que vean que no solo es choro :D).
Así que revisen de nuevo walthamtaro.com para ver la nueva versión.

Nota: Si instalaron las herramientas del mozilla podrán ver el texto CSS y el HTML utilizado para esta plantilla.
read more
2 comentarios

Trabajos completos

La lista de trabajos recibidos y aceptados ya está lista y el compendio de capítulos para El fantasma de la ópera y El extraño caso del Dr. Jekyll y Mr. Hyde también, aunque del proyecto del fantasma faltaron cinco capítulos que no fueron entregados, o bien, sabrá dios en que lugar fueron a parar.

Por lo pronto pueden comenzar la descarga para realizar los ejercicios posteriores sobre CSS.
read more
8 comentarios

Nuestras novelas digitales


En www.walthamtaro.com.mx he colocado, provisionalmente, un ejemplo de su tarea con un par de capítulos de la novela La guerra de los mundos de H. G Wells.

En este primer ejemplo tiene asignado un poco de estilo con una CSS (es un ejemplo, ya ni me gustó tanto después de terminarlo) y que será la segunda parte de su trabajo.

Por cierto, si alguien tiene curiosidad, debe leer (en el manual) la información asociada a la etiqueta DIV que es la que, junto con la CSS, nos permite maquetar los contenidos y adecuarlos a espacios, tamaños y demás características que conforman la estructura de una plantilla o template.
read more
3 comentarios

complementos sugeribles para el desarrollador web

De entre los múltiples complementos disponibles yo te sugiero, si no quieres instalarte todos los que se te crucen en el navegador, el CSS validator, el HTML validator y el page validator (que es prácticamente igual que el anterior con algunos extras en las revisiones) para asegurar que tus páginas cumplen los estándares del W3C y, por tanto, son ejemplo de buenas prácticas de diseño y estructuración de sitios web, además de ampliar la compatibilidad con navegadores (excepto con explorer 6, pero eso lo mencionaremos en otra ocasión).

El web developer es una barra de herramientas básica para la revisión de sitios, te agrega opciones para CSS con el que puedes espiar las reglas que aplican a algún elemento de un sitio web que estés revisando y quieras repetir en el tuyo, por mencionar un uso; entre otros elementos, agrega una opción para redimensionamiento de páginas que te permiten visualizar como se vería la página en otros tamaños de monitor o resoluciones posibles y que en definitiva es de mucha ayuda. Así podría describirte más de las herramientas, pero dejaré esto a manera de consulta por si al revisar la barra alguna de estas no es lo suficientemente clara en su objetivo.

Por último te diría también colocar el dummy lipsum cuya única función es hacer lo siguiente:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec eros. Proin non lacus vitae erat pellentesque pellentesque. Sed vel eros! Etiam rutrum, metus a lacinia iaculis, felis nunc malesuada ante; nec fringilla est nibh at pede. Nulla eleifend nibh consequat enim. Quisque eget lacus. Cras volutpat, nisi eu scelerisque congue, elit purus dapibus metus, sit amet dignissim quam felis a lorem.
¿Y para que diantres me sirve eso?, simple, para llenar con contenidos (obviamente ficticios) las secciones de una página web y con esto tener una imagen más clara de como se verá una vez que tenga texto con información real, ya que, en muchos casos, los proveedores de los contenidos se toman su tiempo para generarlo y eso no es excusa para retrasar el diseño de la plantilla.

Con estas herramientas para empezar tendrás suficiente.
read more
6 comentarios

Complementos Mozilla para desarrolladores web


Mozilla tiene en su sección de complementos (accesible desde el navegador), una serie expresamente para desarrolladores web y que les facilitará la vida para encontrar errores en sus documentos HTML, como lo haría el validador de HTML y el validador de CSS del W3C, pero con la comodidad de estar inmersos en el navegador y no tener que acceder a las respectivas páginas que los contienen. También encontrarán herramientas que les permitirán ver información sobre el como fueron hechas algunas páginas cuyo diseño les parezca interesante o digno de emular. Una de las más populares es la barra de herramientas web developer, que sin duda deberían tener en su navegador.

Les adjunto una imagen de los complementos que tengo activos en mi navegador y que posiblemente les podrían parecer interesantes a ustedes.
read more
1 comentarios

Sistemas en ITS Motul

En el dominio del ITS Motul, tenemos un directorio que no figura en el sitio web oficial, pero que nos pertenece, es el área de sistemas. Esta sección se utilizó para un proyecto de evaluación personal, pero también como un primer acercamiento a la creación de un sitio web propio para la carrera, digo, sería inaceptable no tener uno, ¿no lo creen?, pero bueno, lo importante aqui es que en ese espacio he alojado algunos videos demostrativos que les serán útiles cuando estén definiendo sus respectivos proyectos sin guía personalizada. Los recursos activos ahora son:

Nota: En dreamweaver 8 es prácticamente lo mismo.
read more
77 comentarios

Tarea primer parcial

Se acerca el periodo de evaluación y con ello la necesidad de ver su avance, así que esta vez, nuestra primera actividad formal consistirá en darle formato a un documento de texto como el del ejercicio hecho en clase. ¡Tranquilos!, no van a formatear a Don Quijote de la Mancha, eso sería abusivo de mi parte. Van a formatear: El fantasma de la ópera y El extraño caso del Dr. Jekyll y Mr. Hyde.



"Quiéreme cuando menos lo merezca, porque será cuando más lo necesite." Harry Jekyll.




"¡O vives siempre junto a mí o tú su muerte vas a ver!" El Fantasma de la Ópera.


Así es, serán estas dos novelas y harán lo que hicieron en el fragmento del quijote, aplicarle el formato adecuado para su posterior diseño por CSS. La idea principal es practicar el formateo de texto, imágenes, enlaces y demás elementos que están presentes en el uso del HTML, antes de preocuparnos por el aspecto visual. Recuerden que lo importante es tener una buena estructura antes que un buen aspecto (creo que aplica también para otras cosas, pero eso es otro tema). Como extra en el ejercicio, tendré dominio completo del contenido que estén manejando pues yo les entregaré las novelas con las que trabajaran, y aún más, les habré ofrecido una lectura entretenida, aunque no del todo obligatoria.

Relájense de nuevo, la dinámica será la siguiente:
  • Cada novela se conforma de cierto número de capítulos.
  • Cada participante será responsable de formatear un capítulo de la novela que elija.
  • Llegada la fecha de entrega (aún por confirmar) todos los participantes deberán tener los respectivos capítulos de la novela en que haya trabajado.
  • Cada participante tendrá una calificación por su trabajo personal en el formateo del capítulo correspondiente.
  • Habrá una calificación colectiva al organizar la novela en un único proyecto y ver la consistencia final.
  • Ambas calificaciones afectarán su promedio del parcial.
Como extra, tendrán a su disposición dos novelas clásicas e interesantes para su lectura y además, por la dinámica, no están obligados a leerlas todas si no es de su interés, aunque espero que lo hagan. Dicho esto último, aquí van el número de capítulos para cada novela.


Nuevos documentos. Agrego nuevos documentos para aquellos infortunados que no consiguieron un capítulo a tiempo. Por cierto, aquí no elegirán capítulo, es el documento completo.

Al comentar agreguen su nombre, el nombre de la novela y el número del capítulo que eligen para trabajar.

Nota: Existe un prólogo y un epílogo para El fantasma de la ópera y una introducción para el extraño caso del Dr. Jekyll y Mr. Hyde, espero voluntarios para esos textos o tendré que elegir para ello.

Espero sus comentarios, recuerden que mientras más pronto lo hagan, más pronto eligen.
read more
3 comentarios

vale de comida rápida = libros y tarea de primer parcial

El viernes que pasó recibí mis vales de quincena y entre ellos un vale de promoción del Burguer King, lo cuál me dejó atónito por un instante, porque estaba acostumbrado a que aparecieran en mis estados de cuenta pero nunca en mi recibo de pago y entonces un profesor que llegaba me dijo:

-Hey, eso está muy bueno. Llamando mi atención, pues un saludo es lo más que habíamos hablado antes.
-si, eso creo, solo me desconcierta un poco. Repuse para no quedarme callado, pues me tomó por sorpresa.
-Yo ya fuí y la verdad comimos bastante bien, terminas satisfecho.
-Te creo, quizás los use este fin de semana.
-Si, ya tienes opción para el 14 de febrero.
-No creo que sea para tanto, no hay nada romántico ahi, al menos no para ellas. Fue lo último que mencioné antes de retirarme de la ventanilla haciendo un ademán de despedida a mi interlocutor. Y agrego que con "ellas" me refiero a las mujeres en general.


Y entonces llegó el domingo y con ello el hambre de quien despierta al mediodía. Así que después de inspeccionar las zonas aledañas a la recámara en busca de víveres y, confirmar que no había nada que se preparara en tres pasos o menos, recordé el vale y decidí usarlo, después de todo para están diseñados, ¿o no?, y para agregar la buena acción del día invité a mi hermanita a comer una de las dos que ofrecía el paquete (los hermanitos siempre agradecen estas cortesías, no se porqué).

Asi que después de hacer fila en el Burguer King más cercano, llegar a la caja pedir mi paquete, mostrar mi vale, enterarme que solo me ahorré seis pesos del precio que manejan ahí y además perder una bolsa de papas chicas (pues mi paquete no las contemplaba) decidí deambular un poco por una plaza para bajar la comida y la frustración.



Caminando por la plaza con esta personita y ya sin tener nada más que hacer opté por algo inusual: platicar.



-Y... ¿que quieres hacer? -Pregunté, por algo debía empezar.
-Mmmh... no lo sé -Respuesta típica.
-¿Quieres ver ropa o algo? -VER no comprar, pensé.
-Mmmh... no, quiero ver un libro -¿un libro?, ¿en serio?, ¿lee?, ¿Acaso lee?, lo siento, pero me sorprendió.
-Si, algunos monitos me divierten. Dijo riendo, y pensé, bueno es mejor que nada.


Entonces entramos a una librería y recorrimos los pasillos viendo que había por ahí, y entonces vi Mujeres de ojos grandesde Ángeles Mastretta, y dije:



-Lei un fragmento, me pareció divertido.
-Si, ya la leí.
-¿La leiste completa?
-Si, muy buena, me gustó. ¡Mira!, es el extraño caso del Dr. Jekyll y Mr. Hyde, siempre me pareció curiosa.
-Si,es un personaje clásico.


Entonces decidí regalarle un libro, uno de cuentos cortos que ella eligió porque entre ellos había uno que hace un tiempo había leído y le pareció lindo.



Y así, pensando y reflexionando al respecto, de camino a casa pensé, entre otras cosas personales que no mencionaré, que era muy bueno que se interesase un poco por leer algo más que historietas y mangas. No es que sea malo el gusto por lo anterior, incluso yo veo y leo algunos de estos, pero hay más cultura que solo la nipona y sus extravagantes historias, ¿no creen? (espero no ofender a ningún seguidor del género, porque sé que hay). En otras palabras, hay que variar, leer algo distinto a veces es bueno para no enfrascarse y volverse un gran conocedor de poco.



Pensando en eso y en las actividades de evaluación que requerimos ahora (no me pregunten porque, solo se me ocurrió de regreso a casa), decidí cuál sería el contenido de sus primeras tareas HTML, y como estarán deduciendo en este punto (si llegaron a él), incluye un par de novelas en la ecuación y los detalles se les daré en la siguiente entrada.

read more
2 comentarios

expertos en... educación?


Aprovechando la inspiración del post anterior, veo que los proyectos ganadores y muchos de los que participaron están en la línea de educación, o sea, son software educativo u objetos de aprendizaje. En nuestra experiencia, tenemos un objeto de aprendizaje que participó en Kaambal y el software educativo maya Itzamná que compitió en creatividad...

eso me hace pensar que podemos darle una especialidad más a nuestra carrera, ¿no creen?.

El MES Humberto Centurión y la MIE Danice Cano Barrón son graduados de posgrado en la facultad de Educación UADY, y tienen amplio conocimiento y experiencia en esta área, de hecho, están en el seguimiento de una tesis, si una tesis por uno de nuestros egresados de la primera generación de sistemas, basada en la generación de componentes para plataformas educativas como Dokeos (que es la base de nuestra querida EVA) y Moodle.

Así que empiecen a considerar cuál será su trabajo terminal de la asignatura, pero busquen una idea asociada a la generación de esta clase de software para adquirir experiencia en la rama educativa, y así, quizás en un año más, tengamos otro título de creatividad con sus nombres en él, o bien, una mención en congresos educativos de renombre.
read more
4 comentarios

Felicidades por participar en creatividad!!!


Este post es para felicitar a las chicas que participaron en el concurso de creatividad fase nacional en Veracruz, con su proyecto denominado: software educativo maya "Itzamná", si alguien lo duda vea el registro del software en el evento.

Felicidades Milka, Sara y Paty!!!

Estas chicas son las primeras en participar en esta clase de evento por parte de nuestro instituto y nuestra carrera, y lo mejor, de ganar un primer lugar en la fase regional compitiendo con institutos de reconocida trayectoria en el evento como lo es el Tecnológico de Mérida (mi alma mater), el de Villahermosa y Tuxtla Gutierrez, por mencionar algunos.

En corto: obtuvieron un primer lugar regional y un noveno sitio en el nacional, compitiendo en este último caso contra trece proyectos directos y estando al final por encima de ciento treinta y siete proyectos a nivel nacional (si no conté mal), pero no me crean, vean la lista de participantes en el área de sistemas computacionales.

¿Qué nos deja esta experiencia?

Además del triunfo de la fase regional y su intensa participación en la fase nacional, queda la experiencia personal del evento a ellas y a quienes estuvimos con ellas de asesores, para el instituto la colocación de su nombre por vez primera para hacerse notar entre los ITS en tan afamado evento.

Por último, a todos nosotros, los que trabajamos y estudiamos en este instituto, nos deja una muestra y un aliciente para saber que podemos participar, competir y ganar contra cualquier adversario, sin importar cuán jóvenes podamos ser (a nivel institucional, claro está) y cuán experimentados sean los demás. En pocas palabras, que destacar no es exclusivo de los que tienen renombre y que ustedes tienen capacidad para hacer cosas brillantes, cosas sobresalientes.

Felicidades de nueva cuenta chicas, aprendimos mucho juntos (espero) y eso siempre lo recordaremos.
read more
2 comentarios

La belleza en CSS: CSS Zen Garden

Citando un texto del css Zen Garden acerca del diseño basado en hojas de estilo:



CSS permite total y completo control sobre el estilo de un documento de hypertexto. La única forma en que este punto puede ser ilustrado de manera tal que la gente quede impresionada es demostrando lo que realmente se puede hacer, una vez que las riendas son colocadas en las manos de aquellos dispuestos a crear belleza basada en estructura. Hasta la fecha, la mayoría de los trucos y mejoras han sido demostrados por estructuristas y codificadores.


El sitio y su finalidad están enfocados al diseño a través de CSS, y específicamente para usuarios diseñadores, nosotros somos estructuristas y codificadores a lo más, sin embargo, no deja de ser una fuente de inspiración para nosotros y el alcance que puede tener manejar una buena estructura HTML para su posterior diseño con CSS.



Orchid Beauty   A Walk in the Garden   Withering Beauty

En pocas palabras, vale la pena visitar el sitio web, ver los trabajos realizados por los diseñadores que participan y aprender algo de la técnica de maquetación que ellos promueven. Los archivos necesarios para probar y prácticar están disponibles en el mismo sitio.

Y aunque lo dicen en el sitio claramente quiero repetirlo: si, es la misma página HTML en todos los casos, lo único que cambia es la CSS, ¿genial, no?.

read more
8 comentarios

webmaster en formación

Tal como el título del post, estamos en formación y por eso espero su amplia participación en el curso, ¿cómo? pregunten, sugieran, respondan a sus mismos compañeros y formemos nuestra comunidad de desarrolladores. En el siguiente post comenzaremos con información ya de lleno a la asignatura.
read more
9 comentarios

Logo asignatura.





Este post es recreativo, solo para sugerir un logotipo de la asignatura y que podamos utilizar en una camiseta o algo parecido. Es una propuesta para no usar solamente las camisetas con los logos del tecnológico, ¿no les parece?. Espero sus comentarios.



Por cierto, tienen razón, no es un logotipo, solo una imagen simpática para incluir en una camiseta. 

De cualquier forma, espero sus comentarios, sobre la imagen.

Segunda opción.






read more
0 comentarios

Retroalimentación de la primera clase.

Les dejo un pequeño multimedia que resume lo comentado en la primera sesión de clase acerca del lenguaje de etiquetas.



Este segundo multimedia es sobre las características de un documento HTML básico. 



En una segunda modificación dejaré los archivos para su descarga.
read more
20 comentarios

primer anuncio

Bienvenidos al blog de la asignatura programación web que cursaremos durante este semestre. La idea aqui es agregar las retroalimentaciones de clase, las dudas, materiales de clase e información relevante a los contenidos que trabajemos. Así como cualquier otra cosa que deseen destacar y/o compartir con los compañeros del curso.

Lo primero: registrarse y colocar una fotografía con su nickname o nombre (lo que gusten) para que me ayuden a recordarlos más fácilmente, ya que sufro de perdida de memoria a corto plazo. 

Saludos y estamos en contacto.
read more