Diseño Web (Macromedia Dreamweaver, adobe GoLive...)
- Iniciador del tema FroscH
- Fecha de inicio
Uy amigo bueno, tienes que echarte un vistazo por www.cristalab.com toma los tutoriales de CSS , tienes que desacerte de las tablas....sigo sin entender bien lo que quieres....pero si no sabes nada de Css tocara hacerlo con el metodo antigüo ( anticuado y poco funcional de las tablas/ no validables en XHTML estricto)...bueno, en el Dreamweaver, le das insertar tabla o cTRL+ ALT+ T te aparece un menú.
Primero, deberás crear un "contenedor", que será el ancho de tu sitio ( para este caso: 750 pixeles) entonces en ancho de tablas pones ese valor, columnas: 2 y filas:1 listo! ( asegurate de que diga vertical: superior en las propiedades cuando te pares dentro de la tabla. LOS OTROS VALORES DEJALOS EN CERO SIEMPRE ( ES EL SECRETO PARA QUE LAS COSAS SE UNAN UNAS CON OTRAS Y NO PASE LO DE LA SEPARACIÓN INDESEADA)..
ahora, en la fila inferior arrastras la foto de la imagen uno despues te paras en la fila superior y buscas las propiedades..te aseguras de que donde pone vertical este puesto "supeior"...divides la celda en 5 columnas esto se hace en la barra se propiedades, en el icono dividir celda es como un cuadro partido en dos. y comienzas a arrastrar las fotos de la imagen 2 una por una colocando cada una dentro de la celda...y listo!!!
la idea con etso, es que aprendas el concepto basico de diagramación PERO CONSTE: así no se hacen las cosas....la manera correcta es CSS: http://www.camaleoncss.com/1/p1/camaleon.html
Donde hacemos mas o menos lo mismo, pero escribimos el codigo para lograrlo y separamos el contenido de la presentación...los contenedores invisibles harían lo mismo que las tablas, pero con mucha más versatilidad y mejor uso del codigo.
Primero, deberás crear un "contenedor", que será el ancho de tu sitio ( para este caso: 750 pixeles) entonces en ancho de tablas pones ese valor, columnas: 2 y filas:1 listo! ( asegurate de que diga vertical: superior en las propiedades cuando te pares dentro de la tabla. LOS OTROS VALORES DEJALOS EN CERO SIEMPRE ( ES EL SECRETO PARA QUE LAS COSAS SE UNAN UNAS CON OTRAS Y NO PASE LO DE LA SEPARACIÓN INDESEADA)..
ahora, en la fila inferior arrastras la foto de la imagen uno despues te paras en la fila superior y buscas las propiedades..te aseguras de que donde pone vertical este puesto "supeior"...divides la celda en 5 columnas esto se hace en la barra se propiedades, en el icono dividir celda es como un cuadro partido en dos. y comienzas a arrastrar las fotos de la imagen 2 una por una colocando cada una dentro de la celda...y listo!!!
la idea con etso, es que aprendas el concepto basico de diagramación PERO CONSTE: así no se hacen las cosas....la manera correcta es CSS: http://www.camaleoncss.com/1/p1/camaleon.html
Donde hacemos mas o menos lo mismo, pero escribimos el codigo para lograrlo y separamos el contenido de la presentación...los contenedores invisibles harían lo mismo que las tablas, pero con mucha más versatilidad y mejor uso del codigo.
Hola pues bue qusiera que me dieran su opinion sobre las ultimas paginas que he diseñado.... espero sus comentarios... Grax.... Espero les guste....
http://www.cedanza.com : trabajando para una empresa
http://www.grupoemt.com: Particular
http://www.sclubparty.com: Particular y en desarrollo actualmente
http://www.arteunido.com : trabajando para una empresa
Grax por su tiempo Bye...
http://www.cedanza.com : trabajando para una empresa
http://www.grupoemt.com: Particular
http://www.sclubparty.com: Particular y en desarrollo actualmente
http://www.arteunido.com : trabajando para una empresa
Grax por su tiempo Bye...
Estan muy buenas esas paginas, aunque el primer y el ultimo link no me sirvieron, pero la calidad de las otras es muy buena.
Lefius muchas gracias por compartir tus páginas con nosotros.
Algunos comentarios sobre ellas:
http://www.cedanza.com : me gusta el diseño y los colores, tiene algunos problemitas de redacción pero no son tuyos seguro son de los responsables de escribir para el sitio, en la parte de reseña histórica de sus funciones creo que podrías agregar espacios porque el texto se vuelve muy ladrillo para leerlo y manejar los títulos en fucsia y morado, no fucsia y rojo. Me pareció una buena página, carga muy rápido y las imágenes son muy bonitas.
http://www.grupoemt.com: divino ese azul, el diseño y el movimiento, los textos son muy amigables, no me funcionaron los links de marketing, emprendedor y contactos. Muy buen diseño.
http://www.sclubparty.com: super tierna y bonita, la animación en flash me gustó y los colores perfectos para los animales, cuida la redacción te faltan tildes en algunas palabras. Vas muy bien con la creación.
http://www.arteunido.com: está muy linda, aunque no es que me haya gustado del todo, la letra con sombra me parece que no se lee bien, tiene muchos errores ortográficos, la música es perfecta y el baner de Arte Unido se ve divino.
Bueno son mis humildes opiniones espero que te sirvan de algo y muchas gracias de nuevo, tus creaciones tienen un sello diferenciador que las hacen únicas.
Algunos comentarios sobre ellas:
http://www.cedanza.com : me gusta el diseño y los colores, tiene algunos problemitas de redacción pero no son tuyos seguro son de los responsables de escribir para el sitio, en la parte de reseña histórica de sus funciones creo que podrías agregar espacios porque el texto se vuelve muy ladrillo para leerlo y manejar los títulos en fucsia y morado, no fucsia y rojo. Me pareció una buena página, carga muy rápido y las imágenes son muy bonitas.
http://www.grupoemt.com: divino ese azul, el diseño y el movimiento, los textos son muy amigables, no me funcionaron los links de marketing, emprendedor y contactos. Muy buen diseño.
http://www.sclubparty.com: super tierna y bonita, la animación en flash me gustó y los colores perfectos para los animales, cuida la redacción te faltan tildes en algunas palabras. Vas muy bien con la creación.
http://www.arteunido.com: está muy linda, aunque no es que me haya gustado del todo, la letra con sombra me parece que no se lee bien, tiene muchos errores ortográficos, la música es perfecta y el baner de Arte Unido se ve divino.
Bueno son mis humildes opiniones espero que te sirvan de algo y muchas gracias de nuevo, tus creaciones tienen un sello diferenciador que las hacen únicas.
Lefius dijo:
Muchas Grax por tus comentarios.........Pues si lo de las faltas de ortografia no es culpa mia......ade+ que yo tambien tengo mala ortografia pero solo en tildes por que en letras soy bueno...... jejeje...... Grax me gusta que les guste mis diseños despues les traigo mas......... Ah la de grupo emt es que le tuve que bajar las secciones al que me pidio que la hiciera por que no m ha querido pagar todo el sitio......pero bueno ahi esta la principal..... que es lo que vale.......Muchas GRax por sus comentarios...
Ehh pos ya que hablamos de diseño web... pos este hace unos meses tuve que pasar un trabajo en la u pa una licitacion, y pos hice esta página a la carrera, advierto, demore hora y media haciendola para alcanzar a entregarla con el resto de papeles haha. La url es: http://www.sue.col.nu. La verdad no tuvimos mucha creatividad, muchos "robones" nosotros de nombre con Sun Microsystems haha. Espero les guste, recuerdo: FUE A LA CARRERA :s.
EDIT: Si entran a la seccion "quienes somos", aparezco de ultimo, pa que me conozcan
.
EDIT: Si entran a la seccion "quienes somos", aparezco de ultimo, pa que me conozcan
.
|Nc| Carlosespc dijo:
viejo la vaina es simple, los botones los voy a diseñar yo. no lo podemos hacer en flash por que no hay plata para la licencia (pero tenga en cuenta que es para una empresa legalmente constituida). toda la pagina se va a hacer en HTML por que es FREE.
parce si me puede colaborar como hacer esos botones de la mierd...le agradesco
.::kikas::. dijo:
Hola, pues mira, no se que tan equivocado este... pero no creo que la ley te valla a caer encima por "diseñar botones en flash", osea, una cosa es instalar el software pirata, otra cosa es tener la web ya diseñada con flash... Otra cosa, los botones los puedes diseñar hasta con paint si quieres
. Hay dos maneras simples de botones con imagenes:1. Insertar la imagen tal cual como cualquiera, pero insertandole el link. Ej:
Código:
[COLOR=navy]<a href="url"><img[/COLOR][COLOR=navy] src="directorio/imagen.jpg"></a>[/COLOR]2. O insertando el boton de formulario así:
Código:
[COLOR=navy]<input type="image" src="directorio/imagen.jpg" onclick="accion">[/COLOR]Otra cosa, si lo que quieres son las medidas, pues les agregas los atributos ancho y alto...
Código:
height="valor" width="valor"Si quieres visita esta url:
http://www.blooberry.com/indexdot/html/tagpages/i/inputimage.htm
Recuerda que Google siempre ayuda...:muerto:
Bueno, yo tambien quiero hacer unos botones, ya realize unos con Macromedia Flash MX 2004.. quedaron lo mas de bien en .swf. la vuelta es que al ir al Dreamweaver, y darle por insertar - Media - Boton. No se como carajo hacer para que me aparesca en ese listado.. si le doy por Insertar - Media - Flash. si lo puedo agregar... pero ahi ta lo teso pa poder ponerle el Vinculo.. por donde hacerlo? o como hacer para agregarlo al catalogo de estilos y que me aparesca dentro de mi coleccion de Botones? gracias por la ayuda a quien pueda suministrarla.
VIEJO MUCHAS GRACIA POR LOS CONCEJITOS. LOS TENDRE EN CUENTA Y SI LO NECESITO DE NUEVO LO MOLESTARE :nervios::nervios:
Carlosespc dijo:Hola, pues mira, no se que tan equivocado este... pero no creo que la ley te valla a caer encima por "diseñar botones en flash", osea, una cosa es instalar el software pirata, otra cosa es tener la web ya diseñada con flash... Otra cosa, los botones los puedes diseñar hasta con paint si quieres
Ayuda por favor
He creado una web con distintos frames, pero cuando creo un boton flash de los predeterminados en dreamweaver, siempre me abre el vinculo en una pagina nueva, y yo lo que quiero es que me la abra en otro marco que tengo que haceR?
Esque xk nose dnde esta para escribir en una vntana de estas parte espero vustra respuesta pronto
LMA dijo:
He creado una web con distintos frames, pero cuando creo un boton flash de los predeterminados en dreamweaver, siempre me abre el vinculo en una pagina nueva, y yo lo que quiero es que me la abra en otro marco que tengo que haceR?
Esque xk nose dnde esta para escribir en una vntana de estas parte espero vustra respuesta pronto
Bueno, si es un boton desde dreamweaver ( sea de flash o sea una foto osea lo que sea y lo que quieres es abrir una ventana emergente; debes saber que es independientemente de eto, deberás selccionar el objeto)... entonces:
1) selecciona el objeto: sea flash , o foto,simplemente le das click con el mouse al boton de flash y te aseguras de que este seleccionado. si es texto, entonces lo señalas como lo harías en Word: con click sostenido.
2) abre el panel "comportamientos" ( Mayus + F4) . Dale Click al signo de "mas" (+) te aparecera un menu emergente, selecciona la opcion "abrir ventana del navegador", te aparecerá otra ventana de configuración, llenala con el URL ( el archivo HTML) que deberá cargarse en la ventana, el ancho y el alto en Pixeles y listo.
Ahora, si lo que quieres es abrirla, en otra ventana, pero que no sea emergente, haz lo siguiente:
1) seleccionas el objeto
2)Inmediatamente te fijas en el menu desplegable que hay abajo, llamado "propiedades" sino está presionas Ctrl + F3.
3) En el panel propiedades donde dice "Propiedades" asegurate de que las opciones de "destino" este resaltado"Blank" que es patra que se abra en otra ventana del explorador, pero de igual tamaño a la pagina en la que estas visualizando la pagina anterior.
Esto es sí lo haces desde DW o HTMl, la otra opción es hacerlo desde el mismo Flash ( es lo que se hace profesionalmente, desde Action Script):
Estos son algunos codigos importantes del action para abrir botones:
Para abrir páginas en otro servidor
on(release) {
getURL("http://www.udea.edu.co/", "_blank");
}
Para abrir páginas en el mismo server:
on(release) {
getURL("contactenos.html");
}
Para cargar películas desde un botón:
on(release){
loadMovieNum("connova.swf",1)
}
RECUERDA QUE AL SER PELICULAS EXTERNAS, EL FLASH LAS RECONOCE POR NIVELES, SIENDO EL NUMERO DE AL LADO EL NIVEL...Y SIENDO CERO EL NIVEL PRINCIPAL.
Para que al terminar una película se cargue otra (sin botón)
on (release) {
gotoAndPlay("homologacion.swf",1);
}
Para abrir el Outlook express o el mail:
on (release) {
getURL("mailto:user@email.com?subject=Feedback");
}
Hay muchos tutoriale spara abir POP UPS desde Flash, pero yo prefiero usar los comportamientos del servidor de DW.
1) selecciona el objeto: sea flash , o foto,simplemente le das click con el mouse al boton de flash y te aseguras de que este seleccionado. si es texto, entonces lo señalas como lo harías en Word: con click sostenido.
2) abre el panel "comportamientos" ( Mayus + F4) . Dale Click al signo de "mas" (+) te aparecera un menu emergente, selecciona la opcion "abrir ventana del navegador", te aparecerá otra ventana de configuración, llenala con el URL ( el archivo HTML) que deberá cargarse en la ventana, el ancho y el alto en Pixeles y listo.
Ahora, si lo que quieres es abrirla, en otra ventana, pero que no sea emergente, haz lo siguiente:
1) seleccionas el objeto
2)Inmediatamente te fijas en el menu desplegable que hay abajo, llamado "propiedades" sino está presionas Ctrl + F3.
3) En el panel propiedades donde dice "Propiedades" asegurate de que las opciones de "destino" este resaltado"Blank" que es patra que se abra en otra ventana del explorador, pero de igual tamaño a la pagina en la que estas visualizando la pagina anterior.
Esto es sí lo haces desde DW o HTMl, la otra opción es hacerlo desde el mismo Flash ( es lo que se hace profesionalmente, desde Action Script):
Estos son algunos codigos importantes del action para abrir botones:
Para abrir páginas en otro servidor
on(release) {
getURL("http://www.udea.edu.co/", "_blank");
}
Para abrir páginas en el mismo server:
on(release) {
getURL("contactenos.html");
}
Para cargar películas desde un botón:
on(release){
loadMovieNum("connova.swf",1)
}
RECUERDA QUE AL SER PELICULAS EXTERNAS, EL FLASH LAS RECONOCE POR NIVELES, SIENDO EL NUMERO DE AL LADO EL NIVEL...Y SIENDO CERO EL NIVEL PRINCIPAL.
Para que al terminar una película se cargue otra (sin botón)
on (release) {
gotoAndPlay("homologacion.swf",1);
}
Para abrir el Outlook express o el mail:
on (release) {
getURL("mailto:user@email.com?subject=Feedback");
}
Hay muchos tutoriale spara abir POP UPS desde Flash, pero yo prefiero usar los comportamientos del servidor de DW.
AAAHH!! ya se que quiere hacer,eso creo , eso se hace con codigo, no hay una herramienta q lo haga, apenas este en un pc se lo paso toy desd mi cel, saludesAlatriste dijo:
Laneros necesito una ayudita, lo que pasa es que eh estado trabajando en mi sitio web y me gustaria ponerle un foro, el problemita es que no tengo ni idea como crearlo, por favor ayudenme.
Alatriste dijo:
Tengo entendido que... se le agrega el Target al vinculo:
Código:
[/COLOR]
[COLOR=navy]<a href="url" target="nombredelmarco">Vinculo</a>[/COLOR]
[COLOR=navy]OJO: asegúrate que el nombre del marco este igual escrito en la pagina donde dividas por macros, supongo que diferencia mayusculas y minusculas.
Espero solucione la duda...
