Gracias Gracias:  60
Página 10 de 22 PrimerPrimer ... 6789101112131420 ... ÚltimoÚltimo
Resultados 136 al 150 de 318

Tema: Joomla vs Dreamweaver

  1. #136
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    pronto, pronto habrá reto
    Yuhu!

    Yo en cuanto acabe un diseño en Photoshop de una nueva web, me pongo con ese formulario. A ver si acabara hoy todo el curro de diseño.

  2. #137
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    Cita Iniciado por MooDiE Ver mensaje
    en cuanto acabe un diseño en Photoshop de una nueva web.
    tengo links y documentación guardada sobre eso aunque por no dispersarme, hasta que no programe con más soltura no las miraré...

    pero me sorprende, creo que tengo un buen nivel de photoshop... pero las webs que hice abocetaba directamente en dreamweaver ...

    ya me contareis sobre partir desde pohotoshop...

    pdata: ayer entregué el último curro fuerte que me quedaba por despejar... creo que ahora voy a poder disponer de unas semanas con todo el día para estudiar...

  3. #138
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    Para bocetear webs se usa un programa de mockups (Muchos de Windows usan visio de microsoft, omnigraffle para mac), luego también he visto que usan illustrator, Photoshop o el software de adobe específico para esa tarea que es fireworks.

    Diseño se suele hacer con Photoshop, existen plantillas para diseñar con Photoshop, http://960.gs, bajate el descargable de esta web y aparte de algunos css ya definidos por defecto, encontraras un .psd o .ai, en fin hay muchos para que puedas empezar a bocetear las web y diseñarlas con la anchura que ahora se usa (960px). Los psd no son más que las guías verticales formado columnas para que puedas distribuir el contenido correctamente.

  4. #139
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    por si pasais por aquí, MooDiE o Kashir... ,un par de cosas... a las 04.49 de la madrugada estudiando (y mañana tengo curro, con dos clientes apretando )

    1: Estoy ya maquetando (obligandome a teclear código... a pelo) y parto de tu .center-layout:


    /*Moodie rules*/
    .center-layout {
    width:960px;
    margin:0 auto;
    overflow: hidden;
    //border:1px solid red;
    }

    Un par de cosas... por qué partes del overflow:hidden; si parece más practico dejarlo en auto?
    El borde rojo... cuando pasas el puntero... ¿puedes comentarme esa foerma de escribirlo con // pues no encuentro documentación en http://www.librosweb.es sobre eso?
    Última edición por Pit [reloaded]; 07-01-2011 a las 06:39

  5. #140
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    2; y ésta que va a ser un ladrillo... lo siento, pero me despista este problema...

    En www.librosweb.es en la documentación, en las unidades relativas se advierte de lo siguiente:

    Por otra parte, uno de los problemas habituales cuando se utilizan unidades relativas es el problema de "el texto cada vez se ve más pequeño" o "el texto cada vez se ve más grande".
    El siguiente ejemplo muestra el primer caso:
    div { font-size: 0.9em; }
    <div>
    <p>Texto 1</p>
    <div>
    <p>Texto 2</p>
    <div>
    <p>Texto 3</p>
    </div>
    </div>
    </div>


    Y efectivamente así ocurre si:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>pruebas unidades relativas</title>
    <style>
    div { font-size: .9em; }
    </style>
    </head>
    <body>

    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    </div>
    </div>
    </div>

    </body>
    </html>

    Sin embargo, enredando... veo el problema desaparece si:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>pruebas unidades relativas</title>
    <style>
    div#prueba1 { font-size: .9em; }
    </style>
    </head>
    <body>

    <div id="prueba1">
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    </div>
    </div>
    </div>

    </body>
    </html>

    Aunque si combino los dos casos, el problema vuelve a aparecer:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>pruebas unidades relativas</title>
    <style>
    div { font-size: .9em; }
    div#prueba1 { font-size: .9em; }
    </style>
    </head>
    <body>

    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    </div>
    </div>
    </div>

    <div id="prueba1">
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    </div>
    </div>
    </div>

    </body>
    </html>

    No entiendo muy bien.

    En el primer caso uso: div { font-size: .9em; }
    Y aparece el problema.

    Si no uso ese css y en su lugar uso div#prueba1 { font-size: .9em; }
    El problema desaparece.

    Pero si uso los dos:
    div { font-size: .9em; } y div#prueba1 { font-size: .9em; }
    Y en el segundo div le aplico el id="prueba1"
    El problema se reproduce en los dos.





    En la documentación, en la colisión de estilos se decía:
    1. Cuanto más específico sea un selector, más importancia tiene su regla asociada.
    2. A igual especificidad, se considera la última regla indicada.
    Por lo que no entiendo por qué en el tercer caso me ignora div#prueba1 { font-size: .9em; } que en teoría es más específico.
    O a lo peor me he liado y tengo una gran empanada mental
    Última edición por Pit [reloaded]; 07-01-2011 a las 06:20

  6. #141
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    bah, paso... la relatividad del la relatividad el 0.9em no tiene arreglo

    podía haber empleado el tiempo en algo más productivo

  7. #142
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    Cita Iniciado por Pit [reloaded] Ver mensaje
    bah, paso... la relatividad del la relatividad el 0.9em no tiene arreglo

    podía haber empleado el tiempo en algo más productivo
    Voy a tener que reemplazar el código css de un sitio entero solo por usar la unidad de medida em, cada día veo menos gente que usa este tipo de medida, este sitio en cuestión en resoluciones muy específicas de monitor provoca una estructuración del sitio que no es la esperada, px de toda la vida.

  8. #143
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    esta claro, sí...

    pero tenía que probarlo para desencantarme de los puñeteros em y ex


    2 ó 3 horas de madrugada he estado con eso, y ahora muerto de sueño tengo que estar currando

  9. #144
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    por si pasais por aquí, MooDiE o Kashir...,un par de cosas... a las 04.49 de la madrugada estudiando (y mañana tengo curro, con dos clientes apretando)
    Leí el post a las 5:15 de la madrugada, parece ser que se programa mejor a las tantas.

    1: Estoy ya maquetando (obligandome a teclear código... a pelo) y parto de tu .center-layout:

    /*Moodie rules*/
    .center-layout {
    width:960px;
    margin:0 auto;
    overflow: hidden;
    //border:1px solid red;
    }

    Un par de cosas... por qué partes del overflow:hidden; si parece más practico dejarlo en auto?
    El borde rojo... cuando pasas el puntero... ¿puedes comentarme esa forma de escribirlo con // pues no encuentro documentación en http://www.librosweb.es sobre eso?
    Lo de overflow es para que la capa coja altura si tiene elementos flotantes en su interior (float) no hay diferencia de usarlo con hidden o auto, a efectos practicos es la misma siempre y cuando no se le defina altura a esta capa y no se vea bloqueada. Si esta en auto y la capa no puede crecer a lo largo aparecerá el scroll. Teniendo en cuenta eso es cuestión de gustos.

    Lo de la doble barra al lado de border en programación es un comentario de línea. A diferencia del comentario de párrafo (/*Comentario de parrafo*/) que hasta que no se cierre el comentario no acaba, con // el comentario solo afecta a una línea. Lo uso para activar/desactivar el borde de los elementos mientras voy maquetando y cuando lo paso a producción elimino esa líneas completas con una búsqueda.

    Si el sueño no me traicionó creo haber leído algo de porque estaba en el margin el 0 y el auto. Cuando se ponen dos valores el primero es el margen superior e inferior y el segundo derecho e izquierdo. De este modo el margen superior/inferior vale 0 y el derecho/izquierdo se centraría automáticamente.

    Por cierto, no me olvido del formulario de contacto pero últimamente no doy a basto, en cuanto acabe este trabajo buscaré un hueco y lo monto.

  10. #145
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    Cita Iniciado por Pit [reloaded] Ver mensaje
    esta claro, sí...

    pero tenía que probarlo para desencantarme de los puñeteros em y ex


    2 ó 3 horas de madrugada he estado con eso, y ahora muerto de sueño tengo que estar currando
    A efectos practicos, cuando tienes que crear un sitio con imágenes que encajan al pixel es una locura. Aunque siempre habrá donde se use aún sobre todo cuando los sitios tengan que ser accesibles, ya que con las unidades em se produce un escalado de las fuentes.

    Si el sitio tiene que ser accesible puedes usar esta propiedad:

    body {
    font-size: 62.5%;
    }
    Con esto consigues que 1em = 10px y todo será más fácil a la hora de maquetar. Yo uso también esta web para ver las tablas de conversión entre unidades http://pxtoem.com/.
    Última edición por MooDiE; 07-01-2011 a las 13:59

  11. #146
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    Cita Iniciado por MooDiE Ver mensaje
    Si el sueño no me traicionó creo haber leído algo de porque estaba en el margin el 0 y el auto. .
    no te traicionó... lo busqué y lo encontré, por eso lo borré

  12. #147
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    He buscado la información que usé en la web que se descolocaba con las unidades em, en el post anterior te dejo el código que usé para hacer un poco más fácil la reescritura del código css.

  13. #148
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    este finde, aprovechando que llueve y que he entregado los curros y que hasta el lunes no volveran a forrarme a ostias...

    me machaco el css y pruebo a arrancar con una página sólo con código, sin el arrastar y soltar del dreamweaver...

    si puedo con ello, la semana que viene arranco con javascript y DOM

    Última edición por Pit [reloaded]; 08-01-2011 a las 00:32

  14. #149
    Senior Member Avatar de MooDiE
    Fecha de ingreso
    Jul 2005
    Ubicación
    Málaga
    Mensajes
    280

    Re: JOOMLA vs DREAMWEAVER

    Por lo que no entiendo por qué en el tercer caso me ignora div#prueba1 { font-size: .9em; } que en teoría es más específico.
    O a lo peor me he liado y tengo una gran empanada mental
    Huy! Había olvidado de contestarte a este tema:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>pruebas unidades relativas</title>
    <style>
    div { font-size: .9em; }
    div#prueba1 { font-size: .9em; }
    </style>
    </head>
    <body>

    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    </div>
    </div>
    </div>

    <div id="prueba1">
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    <div>
    <p>MALDITAS UNIDADES RELATIVAS</p>
    </div>
    </div>
    </div>

    </body>
    </html>
    En este tercer caso, especificas que div#prueba1 { font-size: .9em; } tenga .9em hasta ahí bien, pero como también especificas div { font-size: .9em; } entonces si la unidad em se comporta de la siguiente manera:

    Si empleas la unidad 'em' para especificar el tamaño de la letra (font-size) entonces el valor de em es relativo al tamaño de letra del elemento padre que lo contiene.
    El tamaño de las letras se hará más pequeño, ya que para la primera capa div#prueba1, la segunda capa contenida dentro de div#prueba1 y que no posee un identificador (Solo tiene <div></div>) tendrá un 0.9em menor que el tamaño de su elemento padre (En este caso div#prueba1). Y como a su vez dentro de esta div existe otra div (Recordamos que todas las divs por css tienen un valor de 0.9em) será 0.9em luego se hará más pequeña.

    Es un poco lioso, lo sé.

  15. #150
    soy un emigrante Avatar de Pit [reloaded]
    Fecha de ingreso
    Jun 2005
    Ubicación
    viendo bob esponja
    Mensajes
    16,804

    Re: JOOMLA vs DREAMWEAVER

    Gracias, tío... al final ya me quedó claro que andar reduciendo o ampliando los em y oos ex no da más que problemas

    Sobre la anchura de las páginas,

    tú partes de una anchura fija de 960px

    sin embargo en la guía de librosweb.es mencionan:

    Cuando se diseña la estructura de una página web, se debe tomar la decisión de optar por un diseño de anchura fija o un diseño cuya anchura se adapta a la anchura de la ventana del navegador.

    Sin embargo, la mayoría de las veces sería conveniente una solución intermedia: que la anchura de la página sea variable y se adapte a la anchura de la ventana del navegador, pero respetando ciertos límites. En otras palabras, que la anchura de la página no sea tan pequeña como para que no se puedan mostrar correctamente los contenidos y tampoco sea tan ancha como para que las líneas de texto no puedan leerse cómodamente.


    Cómo lo ves, mejor fija o variable?


Página 10 de 22 PrimerPrimer ... 6789101112131420 ... ÚltimoÚltimo

Temas similares

  1. Dreamweaver CS6
    Por 3dpoder en el foro Libreria fisica y electronica
    Respuestas: 0
    Último mensaje: 02-05-2015, 10:37
  2. Crear una web desde cero. Paso a paso con Joomla!
    Por 3dpoder en el foro Libreria fisica y electronica
    Respuestas: 0
    Último mensaje: 26-01-2015, 10:37
  3. 3ds Max Dreamweaver
    Por Geo_BsAs en el foro Problemas con Programas
    Respuestas: 3
    Último mensaje: 12-04-2013, 18:45
  4. adobe Dreamweaver CS6
    Por 3dpoder en el foro Programas de Diseño gráfico
    Respuestas: 0
    Último mensaje: 07-05-2012, 16:30
  5. ayuda con Dreamweaver
    Por franquy en el foro Diseño Gráfico y CAD
    Respuestas: 7
    Último mensaje: 22-10-2003, 09:18

Actualmente estos son sus permisos de publicación en el foro.

  • -No puedes crear nuevos temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes responder temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes subir archivos adjuntos al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes editar tus mensajes al no estar registrado o no haber iniciado sesión en el foro.
  •