Comunidad de diseño web y desarrollo en internet online

Pagina web Statuses Twitter

Citar            
MensajeEscrito el 30 Nov 2011 10:45 pm
soy nuevo en esto y hoy pensé en hacer una pagina web que muestre mis twitteos, aún no esta terminada, la diseñé en photoshop cs3 y la edité en Dreamweaver cs3 ..

http://200.0.144.70/~crewxart/

Aún no esta terminada

PD: No es un widget de twitter, sino que use el oAuth callback de twitter c:

Saludos..

Por crewxart

4 de clabLevel



 

chrome
Citar            
MensajeEscrito el 01 Dic 2011 12:45 am
Bueno, la idea no esta mal.

Pero para armarla desde el dreamweaver o similar no debes usar tablas, eso se dejo de hacer hace 10 años, es la prehistoria de la web. Hoy se maqueta en xhtml y css, o html5 y css3.

deberias cambiar eso.

esto te puede guiar: http://www.cristalab.com/curso-html/

saludos

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

chrome
Citar            
MensajeEscrito el 01 Dic 2011 01:09 am
Esque en realidad estoy empezando, gracias por el consejo, lo tomaré en cuenta c: !
Algo más que agregar?

Saludos.

Por crewxart

4 de clabLevel



 

chrome
Citar            
MensajeEscrito el 01 Dic 2011 01:12 am
En todo caso lo de las tablas se hace automaticamente al guardar el psd para webs D:

Por crewxart

4 de clabLevel



 

chrome
Citar            
MensajeEscrito el 01 Dic 2011 04:15 am

crewxart escribió:

En todo caso lo de las tablas se hace automaticamente al guardar el psd para webs D:


Exacto, es el problema con esas herramientas automáticas :( . No hay que usarlas porque el resultado no es el optimo!

si todavía no sabes maquetar desde cero, busca templates gratuitos en xhtml y css, hay un montón dando vueltas por la red, y ya luego lo acomodas.

la idea es que el maquetado con css y xthml es más funcional y estándar con los diferentes navegadores (opera, safari, internet explorer, firefox, etc...) y ademas hoy en día las webs también son navegadas vía celulares, tabletas, etc... por lo que armar la web automáticamente no es recomendable.

revisa la seccion de tutoriales de esta misma web y encontrarás mas info sobre el tema.

cualquier duda aqui mismo hay un foro sobre CSS y HTML por si te surge alguna duda.

saludos!

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

chrome
Citar            
MensajeEscrito el 01 Dic 2011 04:35 am
Gracias, estonces no es recomendable diseñar las webs en photoshop.. ?

Por crewxart

4 de clabLevel



 

chrome
Citar            
MensajeEscrito el 01 Dic 2011 04:51 am

crewxart escribió:

Gracias, estonces no es recomendable diseñar las webs en photoshop.. ?


sí, vos podés diseñarlas donde quieras, en photoshop, illustrator, fireworks, o cualquier programa de diseño que uses.

una vez que tenes el diseño listo, debes convertirlo a pagina web, eso se llama maquetar. Estos programas de diseño tienen estas herramientas que te lo hacen automáticamente, pero no es bueno, ni profesional. De hecho si querés aprender a hacer webs no es lo recomendable.

Lo ideal es que aprendas a hacerlo vos, desde cualquier editor de xhtml & css, como aptana o notepad++.

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

chrome
Citar            
MensajeEscrito el 01 Dic 2011 01:13 pm
Okei, entonces debo diseñar la pagina y guardar solo la imagen??

Por crewxart

4 de clabLevel



 

chrome
Citar            
MensajeEscrito el 05 Dic 2011 01:38 pm
Si la diseñas en photoshop, la forma mas sencilla para maquetar es usando la herramienta sector o slice, lo cual te permite recortar los "pedazos" de tu web (fondo, header, botones, etc..) con bastante precisión y exportarlos en el formato mas conveniente según su peso y calidad.

Una vez que tienes todas las imágenes listas, solo tienes que empezar a escribir tu código xhtml y css de la formas mas limpia posible y veras como todo resulta mas sencillo que usando las engorrosas tablas.

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 15 Dic 2011 08:25 am
No uses photoshop para hacer web. Es una pésima herramienta. Ya viste como se te lavan (pixelan, mancha, etc), las imágenes? Parece que las descargaras de internet pequeñas y luego las agrandaras.

Por otro lado, no me gusta la distribución, al parecer es hecha para monitores pequeños y es tirada hacia la izquierda. Sin embargo la idea es original.

Te recomiendo que diseñes tus interfaces en Fireworks, es la herramienta más apropiada, te va a guardar las imagenes con una muy buena calidad y es una herramienta apta para esta función (aparte no se come los textos en los bordes, etc).

Por johnwmartinez

Claber

455 de clabLevel

5 tutoriales

Genero:Masculino  

Diseño, Desarrollo, Mercadeo

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.