Aqui te dejo un tutorial, solo que esta en ingles, trata de entenderlo porque es muy bueno. Lo voy a traducir solo que me tomara 2 o 3 dias jeje http://files.deviantart.com/f/2004/01/5/5/Tutorial1.jpg Saludos The Ghost |
Primero: No funciona el enlace. |
Escrito originalmente por tk4d3d ¿Quien me puede decir como realizar un template para hacer una pagina? tengo entendido q es con photoshop pero yo hago el diseño luego lo divido en sectores luego exporto el html y lo abro en dreamweaver escribo y luego la imagen pareciese que se estuviera rompiendo esta es la forma correcta de hacerlo o hay otra forma, le agradeceria que me ayudaran... Te explico: Efectivamente, el diseño se hace sobre Photoshop (hay otros programas, pero pudiendo ir en un Ferrari pq ir en algo menor???  ) Al grano, en photoshop tu creas tu diseño mediante capas, cuándo lo tengas terminado guardas el documento (GUARDAR COMO...) no (GUARDAR PARA WEB). Luego te vas al inspector de capas y las combinas todas, quedando el diseño agrupado en 1 sola capa. Ahora debes habilitar las reglas (si sabes diseñar en photoshop asumo que sabes de que te hablo, si no es asi, dimelo) y entonces empiezas a sacar guías distribuyendolas por el diseño con el objeto de cortarlo en pedazos. Esta fase es complicada y se requiere un nivel importante en cuanto al conocimiento y manejo de photoshop. Debes cortar el documento pensando que luego los trozos que cortes puedan encajar en tablas y celdas (dreamweaver te facilita esto bastante). Los espacios del diseño que en el documento html puedan ser coloreados con colores planos NO LOS RECORTES, recorta los elementos gráficos indispensables, por ejemplo, la cabecera (cortala al menos en 4 trozos) el menú, etc... Para cortar, una vez ubicadas las gúias usas la selección rectangular, copias el trozo cortado en un nuevo documento (haciendo el siguiente proceso) ctrl+c (copiar) ctrl+n (abrir documento nuevo) pulsas enter ctrl+v (pegar) Entonces tendrás el trozo cortado en un nuevo documento, ahora si, ahora ese trozo GUARDAR PARA WEB (formato gif o jpg) Y asi sucesivamente con todos los trozos. Si tienes dreamweaver o similar, crea la estructura de tablas y celdas necesarias y ve pegando los trozos en celdas hasta completar el diseño. Sé que esto que estoy explicando es complicado. Y es que diseñar directamente sobre dreamweaver o frontpage poniendo colores y añadiendo imágenes es muy fácil, pero hacerlo COMO DEBE HACERSE, diseñando en photoshop (o corel) es bastante más complicado aunque eso si, los resultados son webs con mucho mejor diseño. En cualquier caso, estoy escribiendo un curso de diseño de páginas webs de nivel intermedio-avanzado en el cual se diseña sobre phothosop y se maqueta en dreamweaver. Lo verás en esta dirección dentro de un tiempo http://miarroba.com/foros/ver.php?foroid=235367 |
Muchas gracias Ikerman, lo entendi mas o menos pero ya tengo la base...esperare impaciente a q hagas el curso... |
¿Ikerman cuando tendremos el curos de html-intermedio me has dejado con las ganas de leerlos...? |
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un nuevo tema en lugar de responder al actual |
Opciones: Ir al subforo: |
Permisos: TU NO PUEDES Escribir nuevos temas TU NO PUEDES Responder a los temas TU NO PUEDES Editar tus propios mensajes TU NO PUEDES Borrar tus propios mensajes |
| Temas similares | ||||
| Tema | Usuarios | Respuestas | Visitas | Actividad |
|---|---|---|---|---|
Por: SDF.net, el 13/Oct/2006, 23:46 |  | 1 | 3k | Oct/06 |