Foros del Web » Creando para Internet » Diseño web »

Dos dudas de principiante

Estas en el tema de Dos dudas de principiante en el foro de Diseño web en Foros del Web. Perdon si la pregunta resulta muy absurda... Que es maquetar ???? que es css Maquetar en css? Yo creo que maquetar es hacer el diseño ...
  #1 (permalink)  
Antiguo 10/09/2009, 11:21
 
Fecha de Ingreso: junio-2009
Mensajes: 32
Antigüedad: 8 años, 6 meses
Puntos: 0
Dos dudas de principiante

Perdon si la pregunta resulta muy absurda...

Que es maquetar ????
que es css
Maquetar en css?

Yo creo que maquetar es hacer el diseño de una pagina de una web.... dondo va el texto..donde las fotos...esta foto de tal tamaño aqui,esta otra de tal tamaño mejor asi...el fonde de este color y tal... me equivoco??? y de ser así xq se llama maquetar y no diseñar???, y para esto con Dw es solo ir haciendolo y tal..y listo, una vez hecho subes la página y esta "online"...si estoy equivcado...(que lo estaré) me explicais en que lo estoy..y que hace falta para saber "maquetar" y que programas usar para ello..

que es ccss....en que casos se usa?
  #2 (permalink)  
Antiguo 10/09/2009, 14:10
Avatar de XLogus  
Fecha de Ingreso: noviembre-2008
Ubicación: AQP
Mensajes: 495
Antigüedad: 9 años
Puntos: 19
Respuesta: Dos dudas de principiante

Maquetar una revista por ejemplo significa diseñar la estructura de esta, titulos, imagenes tipo de letra etc.

Diseñar es ir armando el diseño en Photoshop en inglés se habla de un layout que viene a ser la estructura y de un template que viene a ser un modelo de página que ya se pasó a XHTML+CSS o flash

Maquetar en CSS es convertir nuestro diseño de Photoshop en un código XHTML+CSS ( podemos usar Dreamweaver o hasta el bloc de notas para dicho fin )

Una vez que subimos nuestra pagina XHTML+CSS a nuestro servidor usando un cliente FTP (filezilla el mas comun) decimos que nuestra web esta en linea (online o live site) recuerda que la 1era pagina debe ser index.html o index.php
  #3 (permalink)  
Antiguo 10/09/2009, 16:52
 
Fecha de Ingreso: junio-2009
Mensajes: 32
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: Dos dudas de principiante

xq el diseño o maquetacion se hace sobre photoshop y no directamente en el dream weaver que es donde finalmente lo vas a plasmar?? xq hay que hacer doble trabajo??uno en photoshop y otro en DW?? ese concepto no lo acabo de pillar...

yo si quiero ir preparando un index por ejmplo....voy haciendo sobre la hoja html o php ya en DW.... y el photoshop lo uso no se pa retocar o hace un logo que llevara la web o algo asi..pero pa realizar una especie de "pre-pagina pa ver como quedaría en el DW no se que sentido tiene... no lo entiendo..no pillo en concepto...no entiendo
  #4 (permalink)  
Antiguo 10/09/2009, 17:34
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: Dos dudas de principiante

Hay quienes necesitan ver como van a quedar las cosas previamente, en photoshop. Y si estan bien organizados, lo logran, y avanzan con seguridad.

Para mi, diseñar sobre la marcha tiene mas sabor, pero siempre esta la cosa tecnica de resolver css a la vez que el diseño, lo cual es mas tenso que pensar solo en el diseño.
  #5 (permalink)  
Antiguo 11/09/2009, 03:35
 
Fecha de Ingreso: junio-2009
Mensajes: 32
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: Dos dudas de principiante

Pongamos el ejemplo de una Home de una web...la haces y tal...maquetada y todo...dos meses después te piden de poner las banderitas de idiomas en otro lugar..y de otra forma, en vez de cuadradas , pues redondas..y añadir 3 botones..y tal... en vez de hacer esos cambios en DW por ejmplo...haces una captura de la home...la pegas en Photoshop..y es aquí donde añades los botones , las banderas y tal???? y si gusta , puesya haces los cambios sobre la index.php por ejmplo..(osea Maquetas esos cambios )...así es como se opera??

y CSS QUE ES?? para que sirve? que tiene de complicado maquetar en css o xhtml..que piden gente que sepa maquetar en xhtml...que tiene de especial usando como progrmaam para todo esto DW??
  #6 (permalink)  
Antiguo 11/09/2009, 07:52
Avatar de XLogus  
Fecha de Ingreso: noviembre-2008
Ubicación: AQP
Mensajes: 495
Antigüedad: 9 años
Puntos: 19
Respuesta: Dos dudas de principiante

jjajajjaaja
A ver vamo por partes
A un cliente se le muestra una propuesta o varias propuestas en Photshop que luego cambiará a su gusto, si te vas a gastar maquetando directamente en CSS vas a demorar demasiado. Yo francamente no entiendo como alguien va a hacer algo en XHTML sin que le hayan aprobado el diseño salvo que le encate trabajar doble.

no se maqueta en CSS o XHTML, se maqueta en XHTML Y CSS, Dreamweaver no debe se usado para otra cosa que tener tu código coloreado y nunca (salvo principiantes) trabajar en vista diseño (porque genera demasiada basura)
  #7 (permalink)  
Antiguo 11/09/2009, 09:35
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: Dos dudas de principiante

CSS es todo atributo que tienen las etiquetas html. Por ejemplo:

<div style="width:500px; height:15px; background:black"> </div>

Este contenendor div tiene un ancho y alto definidos con css, y un fondo negro. Su tamaño no depende de su contenido sino de lo que le declaremos.

Un paso mas, es dar las instrucciones en cabecera de pagina:

div {width:500px; height:15px; background:black}

<div> </div>

Asi el <body> queda mas limpio.

XHTML por su lado es HTML pero con algunos ajustes de sintaxis: no se pueden usar mayusculas al escribir atributos o tags, etc. Esto, porque hay sistemas CASE SENSITIVE, donde no da igual mayusculas que minisculas ni en una letra (Unix, al caso).

XHTML sirve para que algunos lenguajes de programacion (del tipo esritorio , por ejemplo) puedan interpretar ok el html.
  #8 (permalink)  
Antiguo 11/09/2009, 09:58
Avatar de manaida  
Fecha de Ingreso: mayo-2008
Mensajes: 81
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: Dos dudas de principiante

Normalmente se utiliza un programa de retoque como el photoshop o de dibujo vectorial para crear una imagen o un bozeto, algo donde tu ves un diseño de una web en este caso, esto lo haces para ver como quieres organizar la información de la página, como pondras el menú, los colores que pondras, porque a veces te lias a hacerlo a codigo (html, php,..) y no te gusta como queda y estar retocando el codigo te aseguro que se te va mucho tiempo sobre todo cuando no tienes una idea fija. A parte de utilizarse para tu tener una idea de lo que despues vas a implementar a código, se utiliza también para enseñarselo al cliente para que vea si le gusta o no, o los en casos donde trabajan un diseñador y un programador.

Puedes utilizar el Dreamweaver para empezar a programarla o un gestor de contenidos ya es sobre gustos. Es cierto que en el modo de trabajo de dreamweaver como diseño te crea mucho código sucio pero si conoces bien las estructuras de los lenguajes de programación te lo recomiendo de hecho los diseñadores trabajan en esta vista siempre que no tengan conocimientos sólidos de programación.

CSS son hojas de estilos, al programar en html por ejemplo pues tenías que ir añadiendo etiquetas a donde querías conseguir un tipo de formato (letras en negrita, color rojo, un alineamiento, un efecto de texto, etc..), esto era un coñazo la verdad. Las hojas de estilo te permite dividir por zonas donde quieres añadir estos formatos lo que hace que trabajes más rápido y sobre todo que si quieres hacer un cambio es mas óptimo. También es cierto que con el CSS consigues efectos que jamás harías con el Html solo.

Para intentar que te hagas un idea. Un Boceto de html solamente:

http://images03.olx.com.ve/ui/2/78/07/30227107_3.jpg

Una página utilizando CSS.

http://www.webdesignerwall.com/trend...s-design-2007/

Espero que te sirva de ayuda para orientarte. Suerte.
__________________
http://manaida.wordpress.com/
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:52.