Ñuño Martínez
24/11/2008, 17:51
Ayer me emperré con cambiar mi webería personal, que actualmente es una chapuza a partir del diseño que me hicieron cuando trabajaba de autónomo. Al principio pensaba rehacer el diseño yo mismo, pero al final nunca me gusta y no lo termino. Por eso acudo al foro, que aquí hay gente que sabe.
Lo único que puedo ofrecer es un enlace al pie de mi página a la suya, del estilo "Diseño realizado por Fulanito de Tal". Ni dinero, ni ediciones especiales de Ultimate Fantasy Brawl XCVII pro, ni nada de eso. No es que mi página reciba muchas visitas, pero alguna cae de vez en cuando y siempre podréis añadir la dirección a vuestro currículum.
Lo que necesito son dos páginas con las que montaría el resto: El índice. Básicamente el logo, los enlaces a las secciones, con un iconito cada una (proyectos, descargas y currículum, ¿para qué más?) y tal vez una brevísima introducción, enlaces a RSS, el "Mejor con cualquier navegador (http://www.anybrowser.org/campaign/anybrowser_es.html)", "I love Linux" y tal, y abajo del todo un pie de página con el copyright y tal. Una página de "descripción del proyecto" (o de contenidos). El logo enlazando con el índice, un menú para acceder a secciones (las mismas que el índice, quizá con algo de espacio por si meto algo más), el nombre/logo del proyecto, su descripción, la inevitable galería de pantallazos, una sección con la lista de descargas disponibles y el pie. Si da tiempo, una página para errores (400, 500, etc.) Soy programador y esta web es la que pongo en mi currículum cuando busco curro, así que nada de florituras hechas con Flash, como mucho algún pequeño GIF animado que no pese mucho, o ni eso.
No sé si será ya abusar, pero me gustaría que utilizara más etiquetas de XHMTL aparte del <div>, como <h1>, <h2>, <ul>, <dl>, etc, que por algo las han inventado. Más que nada porque si tengo esto:
<div class="seccion" id="informacion_interesante">
<h1>Interesante información</h1>
<div>
<p>Texto a cascoporro con interesantísima <em>información interesante</em>.</p>
<p>Más texto, que tengo muchísmas cosas que decir, tú. Incluso <a href="http://www.aqui.es">con enlaces</a>, hoigan.</p>
</div>
</div> Digo, que con eso puedo hacerme una idea de la estructura de la información y crear el guión PHP adecuado para generarlo, e incluso meter JavaScript para cargarlo con AJAX si me apuras, pero con cosas como la siguiente pues como que es muy complicado:
<div class="ags_340_px_clr1 szr_j seccion_informacion_interesante" id="sep_section_3">
<div id="informacion_interesante">
<div class="center sizr_j">
<span class="title" style="font-weight: bold">Interesante</span><span class="separator"> </span><span class="title"
style="font-wight: bold">información</span>
</div>
<br />
</div><div class="separador_ie">
<div class="ajuste_opera ajuste_monkey">
</div>
</div>
<div class="content content_right align_top" id="content_section_informacion_interesante">
<div class="paragraph_3" id="pr_1">Blablabla, blabla, bla...</div><div> <br /><br />
<div class="lorelei menudosoyyo">
&nbsP;
</div>
</div>
<div clas="paragraph_3" id="pr_2">¿Pero esto qué es?</div>
etc... Sí, sé que es para que se vea igual en todos los navegadores y tal pero sinceramente, me la suda si los usuarios de Internet Explorer 5 no lo ven centrado, de verdad. Vamos, que tampoco pasa el Acid2 (http://acid2.acidtests.org/) así que no duele.
Resumiendo: títulos de página, sección y tal con h1, h2..., los menús y las listas con ul+li, los párrafos con simples p, las negritas con strong, cursivas con em, etc (http://www.burdjia.com/personal/web/XHTML.html).
Del sitio tal cual está ahora (http://www.burdjia.com) sólo quiero conservar el logotipo y que los textos sean en color claro sobre fondo oscuro. Lo ideal sería conseguir un estilo retro VGA, Amiga, MSX, recreativa... pero tampoco quiero abusar (y tengo los webos de escribirlo :D) y si sale otra cosa y queda bien pues bien.
Si has leído hasta aquí y quieres hacerlo, ya sabes.
Gracias. :brindis:
(Mañana contesto si hay alguna propuesta. Es lo que tiene que tarden tanto en dar de alta una línea de Intenet)
Lo único que puedo ofrecer es un enlace al pie de mi página a la suya, del estilo "Diseño realizado por Fulanito de Tal". Ni dinero, ni ediciones especiales de Ultimate Fantasy Brawl XCVII pro, ni nada de eso. No es que mi página reciba muchas visitas, pero alguna cae de vez en cuando y siempre podréis añadir la dirección a vuestro currículum.
Lo que necesito son dos páginas con las que montaría el resto: El índice. Básicamente el logo, los enlaces a las secciones, con un iconito cada una (proyectos, descargas y currículum, ¿para qué más?) y tal vez una brevísima introducción, enlaces a RSS, el "Mejor con cualquier navegador (http://www.anybrowser.org/campaign/anybrowser_es.html)", "I love Linux" y tal, y abajo del todo un pie de página con el copyright y tal. Una página de "descripción del proyecto" (o de contenidos). El logo enlazando con el índice, un menú para acceder a secciones (las mismas que el índice, quizá con algo de espacio por si meto algo más), el nombre/logo del proyecto, su descripción, la inevitable galería de pantallazos, una sección con la lista de descargas disponibles y el pie. Si da tiempo, una página para errores (400, 500, etc.) Soy programador y esta web es la que pongo en mi currículum cuando busco curro, así que nada de florituras hechas con Flash, como mucho algún pequeño GIF animado que no pese mucho, o ni eso.
No sé si será ya abusar, pero me gustaría que utilizara más etiquetas de XHMTL aparte del <div>, como <h1>, <h2>, <ul>, <dl>, etc, que por algo las han inventado. Más que nada porque si tengo esto:
<div class="seccion" id="informacion_interesante">
<h1>Interesante información</h1>
<div>
<p>Texto a cascoporro con interesantísima <em>información interesante</em>.</p>
<p>Más texto, que tengo muchísmas cosas que decir, tú. Incluso <a href="http://www.aqui.es">con enlaces</a>, hoigan.</p>
</div>
</div> Digo, que con eso puedo hacerme una idea de la estructura de la información y crear el guión PHP adecuado para generarlo, e incluso meter JavaScript para cargarlo con AJAX si me apuras, pero con cosas como la siguiente pues como que es muy complicado:
<div class="ags_340_px_clr1 szr_j seccion_informacion_interesante" id="sep_section_3">
<div id="informacion_interesante">
<div class="center sizr_j">
<span class="title" style="font-weight: bold">Interesante</span><span class="separator"> </span><span class="title"
style="font-wight: bold">información</span>
</div>
<br />
</div><div class="separador_ie">
<div class="ajuste_opera ajuste_monkey">
</div>
</div>
<div class="content content_right align_top" id="content_section_informacion_interesante">
<div class="paragraph_3" id="pr_1">Blablabla, blabla, bla...</div><div> <br /><br />
<div class="lorelei menudosoyyo">
&nbsP;
</div>
</div>
<div clas="paragraph_3" id="pr_2">¿Pero esto qué es?</div>
etc... Sí, sé que es para que se vea igual en todos los navegadores y tal pero sinceramente, me la suda si los usuarios de Internet Explorer 5 no lo ven centrado, de verdad. Vamos, que tampoco pasa el Acid2 (http://acid2.acidtests.org/) así que no duele.
Resumiendo: títulos de página, sección y tal con h1, h2..., los menús y las listas con ul+li, los párrafos con simples p, las negritas con strong, cursivas con em, etc (http://www.burdjia.com/personal/web/XHTML.html).
Del sitio tal cual está ahora (http://www.burdjia.com) sólo quiero conservar el logotipo y que los textos sean en color claro sobre fondo oscuro. Lo ideal sería conseguir un estilo retro VGA, Amiga, MSX, recreativa... pero tampoco quiero abusar (y tengo los webos de escribirlo :D) y si sale otra cosa y queda bien pues bien.
Si has leído hasta aquí y quieres hacerlo, ya sabes.
Gracias. :brindis:
(Mañana contesto si hay alguna propuesta. Es lo que tiene que tarden tanto en dar de alta una línea de Intenet)