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.
Trabajos completos
Por lo pronto pueden comenzar la descarga para realizar los ejercicios posteriores sobre CSS.
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.
complementos sugeribles para el desarrollador web
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.
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.
Sistemas en ITS Motul
- Instalación de un servidor web Apache.
- Instalación de PHP.
- Instalación de MySQL.
- Definición de un sitio web en el entorno de desarrollo de Dreamweaver CS3.
Tarea primer parcial
"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.
- El fantasma de la ópera: 27 capítulos. Descargar aquí.
- El extraño caso del Dr. Jekyll y Mr. Hyde: 10 capítulos. Descargar aquí.
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.
vale de comida rápida = libros y tarea de primer parcial
-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.
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.
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.
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.
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?.
webmaster en formación
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.
Retroalimentación de la primera clase.
primer anuncio
Mis sitios web
FayerWayer
Etiquetas
- apache (1)
- aviso (1)
- benchmarking (1)
- camisetas (1)
- complementos (2)
- creatividad (1)
- CSS (3)
- diseño web (2)
- documentos (1)
- dokeos (1)
- dreamweaver (1)
- educación (3)
- efectivo (1)
- ejercicio (3)
- etiquetas (1)
- eva (1)
- evaluación (3)
- extra (9)
- funcional (1)
- herramientas (1)
- html (3)
- importante (1)
- instalacion (1)
- maquetación (1)
- moodle (1)
- motivación (7)
- mozilla (2)
- mysql (1)
- novelas (1)
- personal (2)
- php (1)
- primer parcial (4)
- salud (1)
- sistemas (1)
- smashup (1)
- tarea (1)
- tercer parcial (1)
- tercera oportunidad (1)
- validadores (1)
- zen garden (1)