Cual es el mejor editor web?Propongo un tutorial!

ociosos · #31 (**permalink**) 26/12/2001, 15:09

bueno tengo 3 frames, botonera, titulo y contenido, coloco un scrit en la botonera para que se vea la barra de color azul...

otra cosa yo utilizo dream para los botones y esas cosas, y uso el FP para el contenido y las imagenes, despues de guardado voy a dream y lo abro y aparece con otro frames abajo, por que pasa esto??? ;)

mannyven · #32 (**permalink**) 26/12/2001, 15:30

Creo que allí lo que hay es incompatibilidad de softwares. Intenta hacerlo sólo con Dream. Me refiero a la inserción del script y la creación de los frames. Recuerda que FP siempre genera "basura" en el código y puede verse distinto en Dream.

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

ociosos · #33 (**permalink**) 27/12/2001, 10:12

muchas gracias, voy a hacerlo solo con dream.... ;)

Gladiator · #34 (**permalink**) 28/12/2001, 08:13

Perdonen, que no haya contestado antes estaba tastendo los dos programas A LA VEZ!!

Si lo que oyen compatibilidad a mi me van los dos a la vez y eh provado de hacer cosas.. tengo preguntas, como que se puede hacer en el dreamweaver k no se pueda hacer con el front a parte de los botones flash??

Saludos!!
Este tema en el foro esta a punto de arder saben? al llegar a 40 respuestas la carpeta se kemara,, asi k vamos a ello..!!

Gladiador :)

"Lo que hacemos en la vida tiene su ego en la eternidad"

ociosos · #35 (**permalink**) 28/12/2001, 13:34

Bueno yo creo que una de las mejores cosas de dream son los botones flash, yo uso FP para el texto y para manejar las imagenes, segun lo que he oido dream tiene muchas utilidades mejor que FP pero como todo hay que conocerlo....
tal vez gladiator y yo tenemos el mismo problema yo tengo 1 año trabajando con FP y el cambio es algo complicado... ;)

mannyven · #36 (**permalink**) 28/12/2001, 17:21

Pero poco a poco amigos se logra. Yo todavía aprendo algo nuevo de dream todos los días. Parece que no se terminara nunca, jejeje.
Y lo que falta! :P

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #37 (**permalink**) 30/12/2001, 01:21

¿Ya saben como crear frames (marcos)? ¿Lo explicamos?¿Ya saben como hacer que una imagen "vuele" por toda la pantalla?.
Si les gustaria saberlo, lo explicamos. Otra: ¿ya saben como poner el logo del site en la barra de direcciones del navegador? :)

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

In Flames · #38 (**permalink**) 30/12/2001, 02:51

Bueno ahora me toca preguntar a mi es algo sobre los marcos (ojala me explique).

1.-Estoy empezando a diseñar mi pagina y lo primero que hice fue insertar tres marcos (logo, menu y contenido), lo que veo es que el tamaño de cada macro es como el de una pagina(null claro porque cada macro es una pagina independeiente ) mi duda es ¿se puede ajustar el tamaño de la macro del tal modo que se ajuste al ancho o alto que tiene el menu o el que tiene el logotipo?

2.-hay alguna otra opcion que se pueda usar en vez de una macro para dejar siempre visibles el Menu y el logotipo, y que solo cambie el contenido

Bueno eso es todo, tambien si pueden explicar detalladamente sobre el uso de capas

Gracias por seguir con este tutorial

no dejen de visitar <a href='ir.asp?http://www.luisdiaz.cjb.net/' target='_blank'>http://www.luisdiaz.cjb.net/...</a>

mannyven · #39 (**permalink**) 30/12/2001, 03:25

Con respecto a tu pregunta nº 1: Sí. Simplemente lo adaptas segun el % o los píxeles que necesites.
Pregunta Nº 2: Para que eso suceda, debes usar como target o destino, _mainFrame. Con esto todos los destinos de los links de tu menu apareceran en el frame de "contenidos".
Con respecto a las capas o layers:
Son un recurso simple para el diseño de una página. Y su mayor provecho lo obtienes cuando vas a Ver/Vista de tabla/ y escoges la vista de disposición. Para que una layer o capa funcione como es debido, debes siempre convertirla a la vista estandar.
No sé si me explico. Si no me entiendes, seguimos aqui a la orden.

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #40 (**permalink**) 30/12/2001, 03:25

Con respecto a tu pregunta nº 1: Sí. Simplemente lo adaptas segun el % o los píxeles que necesites.
Pregunta Nº 2: Para que eso suceda, debes usar como target o destino, _mainFrame. Con esto todos los destinos de los links de tu menu apareceran en el frame de "contenidos".
Con respecto a las capas o layers:
Son un recurso simple para el diseño de una página. Y su mayor provecho lo obtienes cuando vas a Ver/Vista de tabla/ y escoges la vista de disposición. Para que una layer o capa funcione como es debido, debes siempre convertirla a la vista estandar.
No sé si me explico. Si no me entiendes, seguimos aqui a la orden.

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #41 (**permalink**) 30/12/2001, 03:27

Con respecto a tu pregunta nº 1: Sí. Simplemente lo adaptas segun el % o los píxeles que necesites.
Pregunta Nº 2: Para que eso suceda, debes usar como target o destino, _mainFrame. Con esto todos los destinos de los links de tu menu apareceran en el frame de "contenidos".
Con respecto a las capas o layers:
Son un recurso simple para el diseño de una página. Y su mayor provecho lo obtienes cuando vas a Ver/Vista de tabla/ y escoges la vista de disposición. Para que una layer o capa funcione como es debido, debes siempre convertirla a la vista estandar.
No sé si me explico. Si no me entiendes, seguimos aqui a la orden.

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #42 (**permalink**) 30/12/2001, 03:28

Hice lo posble para que este mensaje no apareciera 3 veces. Pero bueno... :(

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #43 (**permalink**) 30/12/2001, 03:34

Ahora si tamos hechando candela, jejeje :P

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

Gladiator · #44 (**permalink**) 30/12/2001, 06:48

Siiii!!! quiero saber como puede parecer el logo en la barra de direcciones donde metes la URL en el explorer hay webs k lo tienen..

Y otra custion k programa se usa pa hacer los logos minis estos..

mmm.. Me a entrado un virus chungo en el pc menos mal k ya acabe con el si no me vuela todo el 12 se activaba i casi me destruye todos los exe y dll..

Un Saludo
Me interesa lo de la barra de navegación!! :) Gladiator

"Lo que hacemos en la vida tiene su ego en la eternidad"

mannyven · #45 (**permalink**) 30/12/2001, 11:18

Para crear tu icono en la barra de direcciones debes seguir los siguientes pasos:
1.- Consigue un programa de edición de iconos como Microangelo. Allí, creas uno con un tamaño de 16 x 16 pixeles.
2.- Lo pones en la carpeta raíz de tu sitio, en el sevidor.
3.- En tus páginas colocas el siguiente tag:
<link rel="shortcut icon" href="favicon.ico">.
Y listo. Cuando te agreguen a favoritos se mostrará el icono. Incluso si lo arrastras a la barra del escritorio también. :)

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #46 (**permalink**) 30/12/2001, 11:21

Ah, se me olvidaba. Debes llamar a tu icono como "favicon.ico". :P

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

ociosos · #47 (**permalink**) 30/12/2001, 14:32

epale mannyven, eso de la imagen volando por la pantalla me gustaria saber como es....

:P

ociosos · #48 (**permalink**) 30/12/2001, 14:38

FP tiene efectos DHTML, uno en particular es el que al pasar el mouse sobre un hipervinculo cambia de color, dream tambien lo tiene pero dice que es texto Flash, que diferencia hay entre las dos??? alguna se tarda mas??? y otra cosa que otras cosas se pueden hacer con el texto flash??? ;)

mannyven · #49 (**permalink**) 31/12/2001, 14:47

Bueno Ociosos, aqui te va:
1.- En tu página, debes insertar una capa y colocarla exactamente donde quieres que comience la animación. (Insertar/Capa).
2.- Luego, insertas una imagen pequeña (Para que no pese tanto).
3.- Luego, vas a Ventana/Linea de tiempo y se abre el panel.
4.- Te vas a Modificar/Línea de tiempo/Agregar objeto a línea de tiempo.
5.- En el panel de línea de tiempo, te ubicas en el último cuadro que te apareció (frame) y arrastras la capa hasta el punto en que desees que termine. De esta forma la imagen se moverá en línea recta desde un punto a otro, pero ojo, regresará al lugar de origen brúscamente. Si quieres que siga una ruta, entonces vas a Modificar/Línea de tiempo/Registrar ruta de capa.

Si quieres hacer más cosas, puedes ir probando hasta que descubras cosas buenas. Tienes más en Ayuda/Línea de tiempo. ;)

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #50 (**permalink**) 31/12/2001, 14:57

Con respecto a lo de flash y el cambio de color de los hipervínculos:
Los hipervínculos de texto que cambian de color, son comportamientos o "behaviors" o sea, que se hacen con códigos javascript o CSS (Cascade Style Sheet= Hojas de estilo).
Cuando haces vínculos de texto en Flash, primero debes crear un botón por supuesto con Flash, exportarlo a .swf y luego insertarlo en tu página iendo a Insertar/Medio/Flash.
Con respecto al peso, los códigos siempre son texto inserto en la estructura de la página, por consiguiente, su descarga es mucho más rápida que un flash. Además, con Flash, tienes el problema del plug-in para que se pueda visualizar. Sin embargo, la decisión de escoger uno u otro es solo tuya y según el diseño que más te convenga para tu site. A veces, es preferible sacrificar un poco de velocidad por impacto visual. Es mi opinión, ¿no?
:P

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #51 (**permalink**) 31/12/2001, 15:03

Aqui le traigo 3 meta tags que son buenos.

<meta http-equiv="Content-Language" content="ES">
<meta name="author" content="MannyVen">
<meta name="distribution" content="Local">

El primero define el lenguaje de tu página.
El segundo, el nombre del autor.
Y el último, define los alcances de tu site. Puede ser local o global.

Esto los saqué de la extensiones de Dreamweaver en Macromedia Exchange.

Son muy útiles para que los motores de búsqueda te ubiquen la página. :)

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #52 (**permalink**) 31/12/2001, 15:06

Por ahí les estoy preparando la explicación de cómo hacer un album de fotos con dreamweaver y fireworks. Es bien bueno por que te hace automáticamente, una galería de fotos con miniaturas (thumbnails) y al hecerle clic las ves a tamañao real. :P

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #53 (**permalink**) 31/12/2001, 15:22

Uppps, Ociosos: creo que te dí una respuesta errada con lo de flash y el cambio de colores. Lo estuve probando y la diferencia la veo simplemente es que en vez de tener que crear un javascript, el dreamweaver te lo hace solito. Jejeje, un truquito que no sabía. Se está poniendo bueno este tutorial. :P

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

ociosos · #54 (**permalink**) 01/01/2002, 16:13

Feliz año 2002!!!! Epale Mannyven, mira yo queria saber si me podrias explicar un poco mejor lo que son las capas y para que se usan...
;)

Gladiator · #55 (**permalink**) 01/01/2002, 16:56

sip! pyo tambien estoy interesado con lo de las capas, en verdad me lo explicaron pero no se muy bien y no me entere de na..

Alumbranos con tu sabiduria manywen..

Gladiador..

"Lo que hacemos en la vida tiene su ego en la eternidad"

Gladiator · #56 (**permalink**) 01/01/2002, 16:56

aaa!! perdon y feliz años 2002!! el euro a llegado vaya taco nos aremos!..:(

Saludos

"Lo que hacemos en la vida tiene su ego en la eternidad"

In Flames · #57 (**permalink**) 01/01/2002, 20:53

Si que explique bien las capas, ya que veo que todos las usan como por ejemplo

Tambien tengo otra duda en esta pagina que puso Gladiator <a href='ir.asp?http://www.ffinfinity.com ' target='_blank'>http://www.ffinfinity.com ...</a> donde la imagen de fondo esta dividida en tres partes la del logotipo(superior) el menu(izquierdo) y la derecha, pero estas imagenes parecen ser solo una, algunos dijieron que se logra cortando la imagen en un editor y ponerlas de fondo en tablas o en capas.

1.-¿es mejor usar capas que una tabla?
2.-¿en vez de usar cualquiera de estas dos puedo usar marcos(FRAMES) de tal modo de que quede el mismo efecto y que estas tres partes no se tengan que cargar una y otravez, y solo cambie el contenido?
3.-¿se puede usar otra cosa en vez de marcos(FRAMES)para que solo se cargen algunas partes?

Son muchas dudas pero tal vez de solo a mi le sirva a otros

Bueno Feliz año desde México.

mannyven · #58 (**permalink**) 02/01/2002, 14:38

Hola muchachos. Feliz año para todos. Aquí hay algo sobre el solapamiento de capas:
<a href='ir.asp?http://www.forosdelweb.com/mensaje.asp?id=54177' target='_blank'>http://www.forosdelweb.com/mensaje.asp?i...</a>
Mientras veo si les puedo ayudar con algo más. :)

<html><left><img src="http://www.lacuponera.net/logonavidad.gif" height=75 width=51 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #59 (**permalink**) 02/01/2002, 15:19

Aquí les traigo algo de las capas:

Una capa es un contenedor en la página Web que contiene elementos de página HTML. El uso de capas en la página proporciona mayor control y flexibilidad para hacer la página dinámica. Las capas se crearon para el diseño Web con el fin de proporcionar a los diseñadores un control y una flexibilidad similares a los que tenían en el diseño tradicional para impresión.

Las capas pueden apilarse una encima de otra, ocultar unas capas y mostrar otras, o mover una capa por la pantalla con una línea de tiempo. Por ejemplo, puede haber una imagen de fondo en una capa y luego apilar encima otra capa que contenga texto. En la página también puede haber imágenes que aparecen y desaparecen de la página. Todo esto se puede hacer en Dreamweaver utilizando capas, sin necesidad de escribir código JavaScript o HTML.

Uno de los inconvenientes de usar capas en la página Web es que esas capas no se ven en todos los navegadores Web antiguos. Solamente los navegadores Internet Explorer 4.0 y Netscape 4.0 y las versiones posteriores muestran las capas, y no siempre correctamente. Para que todos los visitantes puedan ver la página Web, se pueden usar capas conjuntamente con tablas. Se puede realizar el diseño de la página usando capas, y luego convertir las capas en tablas.
Continúa...

<html><left><img src="http://www.lacuponera.net/awven.jpg" height=60 width=50 alt= "Asociación Webmasters de Venezuela">
<left></html>

mannyven · #60 (**permalink**) 02/01/2002, 15:24

Al insertar las capas en la página Web, Dreamweaver inserta la etiqueta HTML para esas capas en el código. Se pueden establecer cuatro etiquetas distintas a las capas: div, span, layer, e ilayer. div y span son las etiquetas más comunes y se recomienda emplearlas para que el mayor número de visitantes pueda ver las capas de la página. Microsoft Internet Explorer 4.0 y Netscape Navigator 4.0 admiten las capas creadas utilizando las etiquetas div y span . Solamente las versiones de Navigator 4.0 admiten capas creadas con las etiquetas layer e ilayer (Netscape no incorporó esa compatibilidad en las versiones posteriores del navegador). Las versiones anteriores de ambos navegadores muestran el contenido de la capa, pero no la muestran en su posición.

De forma predeterminada, Dreamweaver crea capas con la etiqueta div e inserta código de capa en el punto de inserción, o bien en la parte superior de la página, inmediatamente después de la etiqueta body. Si se crea una capa anidada, Dreamweaver inserta el código dentro de la etiqueta que define la capa padre.

Se pueden establecer propiedades para determinar la posición de las capas en la página. Estas propiedades son: izquierda y superior (coordenadas x e y, respectivamente), índice z (también denominado orden de apilamiento) y visibilidad.

<html><left><img src="http://www.lacuponera.net/awven.jpg" height=60 width=50 alt= "Asociación Webmasters de Venezuela">
<left></html>