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