|
Se muestran los artículos pertenecientes al tema Diseño Web. 13/04/2005Validando linksEste día, decidí validar el código de un catálogo de productos que hago para un cliente. Yo sabía que no había cometido faltas en mi código, pero de todas maneras decidí revisarlo. La sorpresa fue cuando en lugar del tan ansiado aviso que la página es xhtml válido, el resultado de mi consulta fue contrario... ¿y saben qué era?. Pues era que yo escribí los links dinámicos de este modo: [a href="http://dominio.com/script.php?var1=1&var2=2"]Link[/a] en lugar de hacerlo de la manera correcta: [a href="http://dominio.com/script.php?var1=1&var2=2"]Link[/a]. Hecho el cambio, procedí a validar de nuevo y ¡Listo! Que no les pase ;) Recuerden en las URL de los enlaces, no deben escribir & sino & (amperside). 06/04/2005Maquetando con XHTML+CSS Hace una tres horas comencé un proyecto para un sitio de "clasificados" de un banco que a la vez maneja una franquicia de tarjetas de crédito.La imagen que ven, es el resultado de este rato concentrado en busca de la forma apropiada de mostrar el contenido que el cliente publicará. Obviamente ya pasó la etapa de escuchar lo que él quiere, proponer lo que conviene y mostrar un diseño en jpg. Mi código inicial fue de 5 div principales dentro de los cuales, 4 de ellos se subdividirán en dos div cada uno. Para ir viendo como quedarán los espacios según el posicionamiento apropiado, los coloreo cada uno con tonos diferentes. Cuando uno llega a este punto, se siente casi en descanso después de una gran cuesta esquivando obstáculos en cada navegador. Sin saberlo quizá, mi amigo fael en una "simple" plática me ayudó mucho hace un tiempo, para entender este asunto del posicionamiento. Cuando haya avanzado a un nivel de publicación, les traeré links. Layout a 3 columnasEn la web te puedes encontrar varios sitios en los que te enseñan a crear plantillas para tu sitio, usando xhtml+css; pero, en neuroticweb, nos regalan esta herramienta que genera una plantilla como la descrita antes. Revísala y aprende lo sencillo que puede ser implementar los estándares. Obviamente lo podemos complicar, pero por ahora y para empezar, esta herramienta nos puede servir. de ahora en adelante, queda en mis favoritos. Éxito! P.D. El enla ce lo conocí por Diseñorama. 05/03/2005IE actúa como ESTÚPIDO!!!Esto no me lo contaron!!! Internet Explorer me ha encabronado (normalmente no uso este léxico, pero es que estoy ardido!!!). He perdido exactamente 8 horas tratando de resolver un asunto que me hizo navegar por google y cuanto sitio referente a CSS hay por la web. No se imaginan como me siento. :@ (para los que usan el amsn). Estoy re-diseñando un sitio que había hecho con tablas (aún no terminado, pero mi cliente no tiene la culpa de que yo trabajaba pura basura antes y ahora hago cosas bien hechas, así que mejor lo rehago) y ahora es PURO xhtml+css. Pues básicamente el código es algo así: [div id="global"] [div id="1"][/div] [div id="2"][/div] [div id="3"][/div] [div id="4"][/div] [div id="5"][/div] [/div] Ya con contenido queda más o menos así: [div id="global"] [div id="1"] [img src="path" /] [/div] [div id="2"] [img src="botones"] [/div] [div id="3"]mensajes aleatorios en php[/div] [div id="4"]texto grueso del contenido[/div] [div id="5"]pie[/div] [/div] Pues el problema es que los navegadores gecko me leen perfectamente el script y lo muestran magnífico, pero la mi63d8 de Internet Exploiter, me deja espacios entre el primer div (header) y le div de los botones.... eso me llevó tantas horas resolver. Le pregunté a un par de expertos en el tema y no encontraban la razón de por donde estaría el problema. Solución: Después de hacer, deshacer, "backspaces" y "deletes"... hago un maldito F5 y pum, no hay espacios A que no saben cuál era el problema... El IE me dejaba el espacio entre el div y la imagen... así que para resolverlo hice: [div id="1"][img src="path" /][/div] [div id="2"][img src="botones"][/div] y problema resuelto! En serio, me parece una torpeza... pero bueno, ya está resuelto y es una lección más que aprendo (me costó muchas horas). Así que comparto esto no para que me sermoneen de que IE es lo mejor o lo peor... sino para que recuerden esta amarga experiencia y busquen esta "simple" solución a una torpeza cuando les pase. Que se muera el IE de una vez por todas!!! P.D. Tengo tanto trabajo (gracias a Dios) que por eso no estoy posteando a diario, pero paso todos los días para contestar sus comentarios, así que no me olviden ;) Les aprecio! Auspiciadores28/02/2005Básicos acerca de xhtml+cssEste día, mientras me daba una vuelta por CSS Vault, encontré Dev-News, con notas extremadamente necesarias para todo aquel que quiere hacer buenos sitios web, estándares. Justo aquí se detallan elementos que sin lugar a dudas debemos saber y recordar permanentemente para el buen uso de xhtml y hojas de estilo. Disfruten la lectura, es muy buena e intuitiva. 24/02/2005Primera página Últimamente, se discute mucho respecto de la costumbre de poner una página de inicio -en los sitios web- con una fotografía o animación en lugar de permitir al visitante que vaya directo al grano.Conozco el criterio de quienes dicen que esa práctica no es "usable". Y en este sentido concuerdo que si yo ya he visitado un sitio y cada vez debo tragarme la misma animación para poder llegar al sitio o esperar a que aparezca un botoncito de skip intro... En este caso, este sitio se ganará pronto la adversión de muchos de sus visitantes, a menos que por alguna razón estén forzados a regresar. Por otro lado están quienes creen que no hay una segunda primera impresión, que los primeros segundos del encuentro entre dos personas son más importantes que el resto de la relación. Además, se asegura que en la web esto es aún más cierto y se agudiza porque parte de esos primeros segundos sirven para "cargar" o "bajar" esa primera página. Lo que sí puedo decir que -de ambos criterios- comparto, es que debemos poner el máximo empeño en causar una PRIEMRA BUENA IMPRESIÓN. Para ello podemos echar mano del diseño, pero por sobre cualquier cosa cobra relevancia la mamá de todos los elementos de la web: EL CONTENIDO. Les dejo este link que me inspiró a escribir sobre este tema hoy. 15/02/2005PNGEste día, en el que me encuentro "armando" un sitio (la plantilla que utilizaré para mostrar el PHP), saltó la duda... por años he venido trabajando las imágenes como JPG principalmente, excepto que haga una animación, utilizo los GIF; no obstante, sé que desde mediados de la década anterior, el W3C recomienda el uso de PNG. La duda ha sido, cuándo usar PNG, cuándo GIF y cuándo los JPG... La verdad es que para fotografías (entiendo) el JPG sigue siendo el mejor formato, pero para otros... he comenzado a explorar los PNG. Debido a que no estoy acostumbrado, demoraré -después prueba y error- un poco en tomar la mejor medida. Al preguntarle a mi amigo F, me dijo que para cierto tipo de imágenes él prefiere PNG8, así que ese será un parámetro. Mientras googleaba en búsca de información al respecto, me encontré este interesante artículo. 13/02/2005eCSSelencia!!! Este día (bueno, esta madrugada) Manolo publicó en su weblog, el primer anticipo del sitio que ayer les comenté será una vitrina para mostrar sitios con calidad estética y apegada a los estándares. Así que señores... con la seguridad de ser el primero en linkear este sitio desde mi weblog, les presento (en su fase de anuncio preliminar (suenan tambores y fanfarrias :))):eCSSelencia.com. Con toda seguridad, dará de qué hablar y sólo se mostrarán sitios con calidad estética y apegados a los estándares. Los requisitos son que los sitios sean estrictamente XHTML+CSS, Español y Estética... Apúntense y envíen desde ya SUS sitios al correo sitios[arroba]ecsselencia[punto]com. 12/02/2005Nuevo proyecto de apoyo a sitios en CSSHace algunos días Manuel Guerrero, autor del proyecto Camaleón CSS publicó en su blog que está trabajando junto a Christian Van Der Henst, autor de Maestros del Web, en un proyecto de "escaparate" de sitios hechos con CSS. casas chalets terrenos IVF Behandlung Eizellspende PGD panel sandwich cubierta properties in costa blanca marketing en internet ganar dinero posicionamiento en buscadores Pazo country manor cenas con boys pulsioximetros 05/02/2005Atributo border para img en XHTML Bueno, a partir de hoy compartiré con ustedes cosas muy importantes a considerar SIEMPRE que desarrollamos un sitio web (obviamente si estamos interesados en hacerlo bajo los estándares del W3C).Pocas cosas -al desarrollar un sitio- se siente tan bien en uno como cuando al validar tu código como XHTML (es necesario que el DTD que usas en tu código sea ;?> Hay 2 comentarios. 03/02/2005Standard hasta el copetePues me he propuesto para el 2005 (los que están en mi lista de aMSN lo saben) mejorar mucho (hasta no poder hacerlo mejor) en mi trabajo relacionado con el desarrollo de webs, principalmente en lo tocante a CSS, XML y php5. Entre las cosas importantes que he conocido en este proceso que está siendo cada vez más interesante, está el uso adecuado de DTD. En este sitio hay una serie de elementos que todo desarrollador apegado a los standares debe saber. Algunas de las etiquetas que no se nos permitirá utilizar más -si es que nos basamos en el strict y no en el transitional, son: * dir * menu * center * isindex * applet * font * basefont * s * strike * u * iframe * noframes Que no se te ocurra volver a utilizarlas (si es que quieres conseguir mejor pagerank y posicionamiento en Google (tema para otro día)). Además, recuerda, todo está evolucionando (excepto la mierda de Internet Explorer) y llegará el día en que TODOS utilizarán navegadores de verdad (como dice mi amigo Freddie) y si tus sitios no son estándares... estarás verdaderamente arruinado. Un buen lugar para aprender acerca de los standares es w3schools. Nos seguimos viendo ;) 29/01/2005Escribir el contenido de mi sitioInteresantemente, tendemos a pensar y escribir acerca de nuestro sitio y de los que estamos haciendo (por trabajo o hobbie) frente a la computadora; sin embargo, Jennifer Kyrnin, Andy Harris y Larry Ullman nos invitan (en sus libros) que es mejor alejarse de la computadora (para no divagar y concentrarnos mejor) y no regresar hasta que estemos listos con ideas frescas, nuevas y buenas. En este link, Jennifer nos comparte un artículo bastante interesante. Ojalá les sirva. Al menos a mi, me recuerda lo que ya antes había leído y pocas veces practico. Éxito! pisos Budapest Inmobiliaria Barcelona catering en Barcelona stylos clarividencia vidente Hoteles Sevilla diseño paginas web hotel rural inmobiliaria en ibiza 18/01/2005¡Ojo con las prácticas fraudulentas de posicionamiento! A todo poseedor de un sitio web le gustaría que sus páginas aparezcan en las primeras (si no es que en la número uno) posiciones de los más importantes buscadores y -en muchos casos- hace hasta lo imposible por conseguir su cometido; sin embargo, -en su desesperación- dejan en manos de impostores o piratas esa tarea. Auspiciadores04/12/2004El ComicHoy quiero compartir con ustedes, un elemento que veo que cada día se extiende más. No es nuevo, pero aún hay personas que no han visitado un sitio con un comic. Ojalá te guste y lo sigas frecuentando. Comic de CL (Por las limitaciones que se tiene en este tipo de weblogs gartuitos... no puedo pegar el código para que se vea el flash... pero les dejo el link). Si tienes algún otro (bueno) de referencia, pégalo aquí y lo vemos ¿te parece? ;) 09/08/2004Sitios "auto-ajustables" Debido a que la resolución que más se usa en los monitores, actualmente, es la de 800 X 600 pixeles, prefiero diseñar sitios Web de máximo 700 pixeles de ancho.¿Por qué 700 y no 800? Pues bien, la cosa es que hay personas que usan al lado izquierdo de su pantalla, la ventanita de "History", "Favorites", "Search", etc., lo que le quita al menos (si no es que más) unos 100 pixeles de visibilidad. Este día, entré -después de varias semanas de no hacerlo- al de foro de Cristalab y me encontré con este post en el que el autor expone su inquietud acerca de la resolución más conveniente a la hora de diseñar. Hace varios días, navegando por "esta Web de todos", encontré este artículo que me pareció muy interesante. No lo he practicado, pero tampoco descarto el uso si en algún momento se le ocurre pedir eso a un cliente. De lo que sí estoy seguro es que trataré de no usar tablas a 100% Por lo menos en mi medio, la gente prefiere -mayoritariamente- 800X600, por lo que mi trabajo será orientado hacia esa resolución. 24/06/2004Pasión por la WebFue en 1998 que me llegó la pasión por diseñar páginas Web. Era yo el gerente de la empresa en la que trabajaba y estábamos preparando una serie de eventos. Creo que fue en 1995 (no recuerdo exactamente) que por primera vez entré al cada vez más completo y útil mundo de Internet. No recuerdo -a ciencia cierta- cuál fue el primer sitio que visité; nada más, puedo traer a mi pensamiento la escena aquella en que el Presidente de la Junta Directiva del grupo me daba -a diario- media hora o 45 minutos para que navegara en busca de información para mis programas de radio y los del resto de productores. En esos días, la única manera que había para conectarse (por lo menos en mi ciudad) era a través de la línea telefónica. Así que aprovechaba para exprimir esa computadora minuto a minuto. La impresora echaba fuego del trabajo al que era sometida por este entusista de la Web. Por esas cosas de la vida, una tarde, mientras me dirigía a mi segundo trabajo, ví un rótulo que decía "Cyber Place Café". Decidí entrar y fue desde esa vez que -exceptuando pocas veces- no dejo de conectarme... Casualmente, el dueño de ese café era también familiar del dueño de una de las primeras empresas que hubo en mi país ofreciendo conexión y diseño de páginas web. Ese amigo fue quien -sin darse cuenta- me inspiró para comenzar a experimentar con el desarrollo de sitios para Internet. Entre las herramientas que decidí usar para la promoción de los eventos, planifiqué el desarrollo de una página Web. No sabía como hacerla, pero sabía que podría. Era un trabajo que requeriría mucho de mi tiempo, pero aprovechaba cada oportunidad para experimentar con el Frontpage. Ese mismo amigo, fue quien me ayudó a conseguir ese primer dominio regional, que dos años después dejaría morir porque el ente que ahora los administra cobra demasiado por algo que no vale la pena... US$. 150.00 por un dominio. ¡Están locos! De aquella fecha hacia hoy, han transcurrido muchos días y aguas han corrido por los contaminados ríos de mi ciudad. Creo que pasaron meses para que decidiera -al final- dejarlo todo para trabajar y vivir de una de las cosas que me apasiona: El desarrollo de sitios Web. |
Weblog de Pedrito¡Bienvenid@! a mi rincón.
Temas
Archivos
EnlacesForosLenguajes de ProgramaciónSitios de ApoyoDiseño WebWebmailWeblogs
Varios |
.