Cual es el mejor editor web?Propongo un tutorial!

mannyven · #61 (**permalink**) 02/01/2002, 15:26

Preferencias de capa

Use las preferencias de capa para definir la configuración predeterminada de las capas nuevas. Elija Edición > Preferencias y luego haga clic en Capas para cambiar las preferencias de capa.

Etiqueta Establece la etiqueta predeterminada HTML que se empleará al crear capas. Las opciones son DIV (predeterminada), span, layer, o ilayer. div o span se recomiendan para asegurar que las capas funcionen en todos los navegadores de la versión 4.0 y posteriores. layer e ilayer sólo funcionan en los navegadores Netscape 4.x.

Visibilidad Determina si las capas serán visibles como opción predeterminada.

Ancho y Alto Establecen la anchura y la altura predeterminadas de las capas creadas mediante Insertar > Capa.

Color de fondo Determina el color de fondo predeterminado. Seleccione el color en el selector de colores.

Imagen de fondo Especifica una imagen de fondo predeterminada. Haga clic en Examinar para localizar el archivo en el ordenador, o introduzca la ruta del archivo de imagen en el cuadro de texto.

Anidar Convierte una capa dibujada dentro de los límites de otra capa existente en una capa anidada. Mantenga presionada la tecla Alt (Windows) u Opción (Macintosh) para cambiar esta configuración temporalmente mientras se dibuja una capa.

Compatibilidad con Netscape 4 Inserta código JavaScript en el contenido head de un documento y repara un problema conocido en los navegadores Netscape 4.x que consiste en que las capas pierden sus coordenadas de posición cuando el usuario cambia el tamaño de la ventana del navegador. El código JavaScript introducido hace que la página vuelva a cargarse cada vez que se modifica el tamaño de la ventana del navegador, volviendo a asignar a las capas su posición correcta. También puede añadir o eliminar el código JavaScript eligiendo Comandos > Añadir/Quitar reparación de cambio de tamaño de Netscape.

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

mannyven · #62 (**permalink**) 02/01/2002, 15:30

En fin, las capas nos facilitan mucho el diseño del sitio. Pero siempre, debemos estar pendientes de la compatibilidad con los navegadores viejos.

Otra cosa, es bueno siempre convertirlas a tablas.

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

mannyven · #63 (**permalink**) 02/01/2002, 16:02

In Flames:

Esa es una sola imagen, solo que la editas completa en photoshop o fireworks y luego la cortas en pedazos y con capas o tablas la armas.

¿Usar capas o tablas?: Pues yo te digo que lo mejor es usar lo que te dé más comodidad. Yo particularmente diseño directamente en tablas, porque las capas aunque útiles, hay que tenerles cuidado con los navegadores.
Sí puedes usar marcos para tener el mismo efecto, no tiene ningún problema. Lo importante, es que siempre le pongas a tus links el detino: _mainFrame. Con esto, te quedarán fijos y cambiará solo el contenido. :)

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

Begginer · #64 (**permalink**) 02/01/2002, 19:30

Hola muchachos!!
la verdad que recien me entero de este mensaje de hacer un tutorial del DW,(realmente seria genial!) quiero decirles que a tantas recomendaciones que me dijeron sobre el DW al final me lo instale a mi PC y bueno espero que me ayuden en esto de usar el DW :)

espero participar!

ociosos · #65 (**permalink**) 02/01/2002, 20:44

Muchas gracias Mannyven!!!! es algo bastante interesante y voy a ver si los uso... ;)

In Flames · #66 (**permalink**) 02/01/2002, 22:13

oye muchas gracias Mannyven, pero veo que solamente estas tu apoyando este turorial ojala otro webmaster pueda ayudar

bueno saludos ojala este tutorial no se pierda.

P.D. ¿Mannyven eso de las capas lo sacaste del manual de Macromedia?

RufinoLM · #67 (**permalink**) 03/01/2002, 10:35

Gladiator:
Intenté descargar DW 4.0 en Español, pero fue imposible por que sale un mensaje que fichero no esta disponible....
Me confirmas la dirección para bajarlo ?

Un saludo.,...
Así podré seguir el tutoril tan bueno.

RufinoLm
;)

<embed src="http://www.sts-e.com/rufinolm.swf" width="200" height="75">

mannyven · #68 (**permalink**) 03/01/2002, 10:40

Sinceramente espero que vengan otros a apoyar este tutorial. Yo sé unas cuantas cosas y sigo aprendiendo, pero si alguien más quiere ayudar, bienvenido sea!.
Lo de las capas lo saqué de la ayuda del dreamweaver. Explórenla un poco que se consiguen cosas buenas.
;)

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

mannyven · #69 (**permalink**) 03/01/2002, 10:50

CREACION DE ALBUM DE FOTOS
1.- Ir a Comandos/Crear un album de fotos web.
2.- Allí colocas el título de la página del album y el nombre del album.
3.- Seleccionas en tu disco duro, la carpeta donde tienes las imagenes .gif o .jpg
4.- Seleccionas luego, la carpeta de destino donde quieres que se guarde el album.
5.- Escoges el tamaño que quieres para las miniaturas (thumbnails). (100x100 por ej.) y las columnas que necesites.
6.- Por último, seleccionas el formato de salida de las miniaturas y las fotos grandes y su porcentaje de tamaño (Donde el 100% es el tamaño real). Seleccionas Crear página de navegación para cada foto y listo.

Al aceptar, automáticamente se abre Fireworks y te crea el album. Por supuesto deben tener Fireworks instalado.

Para abrir el archivo htm del album deben buscarlo en la carpeta que seleccionaron como destino.
Eso es todo, una galería de imágenes automática.
:)

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

Gladiator · #70 (**permalink**) 03/01/2002, 20:02

BUeno,!! eso del album es GENIALL!!! :)

veamos, si aun no os aveis bajado el dreamweaver en español lo podeis hacer desde esta pagina o almens se podia..

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

Vais al apartado de software i programas editores web o alg asi..y os lo bajais
yo me lo baje de alli..

weno a ver si algun webmaster mas nos ayuda.. eh=?

Venga un saludo..
Voy a practicar mas sobre lo del album..

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

mannyven · #71 (**permalink**) 03/01/2002, 21:15

Gladiator:
Traté de visitar el link que diste y sólo veo un banner. ¿Está correcta la dirección?

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

mannyven · #72 (**permalink**) 03/01/2002, 21:22

Upss, ya lo logré ver, pero tardó una eternidad. Jejeje. :P

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

RufinoLM · #73 (**permalink**) 04/01/2002, 09:53

Gracias Gladiator, encontré.....

shshshshshshs,,, ahi ahi mucha pirateria junta. en estos foros esta prohibido....

Un saludo y Gracias.
RufinoLM
:)

<embed src="http://www.sts-e.com/rufinolm.swf" width="200" height="75">

In Flames · #74 (**permalink**) 04/01/2002, 23:32

hola, aqui tengo otra pregunta

Mi computadora la tengo configurada 1024*768
con un monitor de 17" y algunas paginas que estan diseñada en resoluciones mas bajas pues se ven mas chicas como esta pagina de Masestros del Web, pero toda la pagina se ve en el centro de la ventana y por ejemplo en <a href='ir.asp?http://www.terra.com.mx/' target='_blank'>http://www.terra.com.mx/...</a> toda la pagina se carga del lado izquierdo de la ventana.

¿como se hace para que la pagina este en el centro?

Saludos
In Flames

mannyven · #75 (**permalink**) 04/01/2002, 23:51

Para que tu página quede centrada debes siempre al insertar cada una de tus tablas principales (donde incluirás el diseño), seleccionarla, y en el cuadro de diálogo decirle Alinear:Centro. Pero yo particularmente, siempre trato de diseñar a 800x600, lo que quiere decir que cuando un monitor tenga esta resolución se verá perfecta y centrada. Pero si diseñas a resolución mayor y el usuario tiene la resolución estándar (800x600) entonces pasará lo siguiente: lo que se vea en el navegador será de mayor tamaño, o sea, abrá que hacer scroll horizontal para ver la página. Esto de las configuraciones de monitor, es un tema muy extenso. Incluso, aquí en el foro hay infinidad de temas que tratan al respecto. Lo mejor es seguir documentándose y hacer pruebas hasta lograr lo que queremos. ¿Y cómo no?, seguir preguntando, que todavía nos falta... ;)

Todo esto según mi óptica muy personal. :P

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

Gladiator · #76 (**permalink**) 05/01/2002, 03:31

si es verdaD en esa pagina HAY mucha cosa prohibida shshshshshs.. pero is a secret, jajaajaja..

No se de kien sera la web pero va de******madre! :) mmm.. pkierto mannywen!sabes como se ilumina una tabla al pasarle el raton por encima usando DW?me gustaria saber eso..

Gracias por colaborar en este tutorial!!
Saludos

Gladiador

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

Gladiator · #77 (**permalink**) 05/01/2002, 03:32

upss.. no sabia k tachaban los tacos jajajajajaa...

excuse me..
lo siento..

Saludos!! :)

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

Gladiator · #78 (**permalink**) 05/01/2002, 11:42

ok! veras en muchas paginas en el menu lo hacen con tablas pero, 1º los links no estan subrayados.. 2º cuando pasas el raton por encima de lo que anuncia el vinculo se ilumina toda la celda en la k esta..

I bueno como en el menu de los foros del web los vinculos no estan subrayados y encima se ilumina la celda es un ejemplo a lo k me refiero..

Saludos
Gladiador :)

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

mannyven · #79 (**permalink**) 05/01/2002, 13:09

Hola GLADIATOR: Aquí te traigo la solución del cambio de color haciéndolo sólo con Dreamweaver.
METODO QUE FUNCIONA SOLO CON CAPAS:
1.- Insertas una capa y le das el color de fondo de inicio (el primero que quieres que aparezca).
2.- Seleccionas la capa y vas al panel de comportamientos. Pinchas en + y seleccionas "cambiar propiedad".
3.- En la ventana emergente, seleccionas en tipo de objeto: Layer. En Objeto con nombre, seleccionas la capa a la que le vas a dar el efecto. En Propiedad, seleccionas style.backgroundColor para IE4. Introducir lo dejas en blanco. Y en Nuevo valor colocas el color de fondo de inicio que elegiste (recuerda poner el #)y aceptas.
4.- Luego, en el panel de comportamientos, haz clic sobre onClick y selecciona onMouseOut. Esto significa "mientras el ratón esté afuera".
5.- Vuelves a seleccionar la capa y repites el procedimiento hasta Nuevo Valor, y le das el color (#XXXXXX). Regresas al panel de comportamientos, haces clic sobre onClick pero ahora seleccionas onMouseOver. Esto significa "mientras el ratón esté arriba". Haz la vista previa en el navegador (F12) y ves si funciona como quieres.

:)

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

mannyven · #80 (**permalink**) 05/01/2002, 13:14

Ahora, COMO HACERLO CON TABLAS:

1.- Insertas una tabla. Le das el color de inicio. Te vas al Inspector de códigos. Allí, tendrás que insertar esto, entre las etiquetas <td> y </td>
onMouseOver="this.style.backgroundColor='#666 666'" onMouseOut="this.style.backgroundColor='#3333 33'">Ejemplo
Y listo! ;)

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

mannyven · #81 (**permalink**) 05/01/2002, 13:22

Ah, se me olvidaba. Los colores los seleccionas tú. El primer color que te doy en el script debe ser el mismo del color de inicio de la tabla.
PARA INSERTAR VINCULOS SIN QUE SE SUBRAYE:
1.- Insertas el texto del vínculo. Lo seleccionas y le das la URL a seguir.
2.- Lo seleccionas nuevamente y vas al panel de comportamiento y escoges la pestaña Estilos CSS. Allí, haces clic en la páginita que tiene el + (Nuevo estilo).
3.- En el menú emergente, seleccionas etiqueta "a", tipo: Redefinir etiqueta html, Definir en: sólo este documento. Aceptar.
4.- En Definición de estilo para "a", seleccionas en Decoración: Ninguna. De esta manera el vínculo no saldrá subrayado. Y siempre tendrás el efecto de cambio de color del fondo de la tabla.
¡A practicar que se olvida! :P

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

mannyven · #82 (**permalink**) 05/01/2002, 23:09

POP-PUPS:
Un pop-pup es una página que se abre según algún evento.
POP-PUP QUE SE ABRE AL CARGAR LA PAGINA:
Antes de empezar a diseñar, vas a comportamientos, "abrir ventana del navegador":
Mostrar URL: la página que quieres que muestre el pop-pup.
Alto y ancho: Ya saben que es(Siempre en píxeles)
Atributos: Las características del marco que va a contener el pop-pup.
Aceptar y previsualizar (F12).Listo. Las variantes las crean modificando las características mencionadas anteriormente.

:)

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

In Flames · #83 (**permalink**) 07/01/2002, 01:33

hola

1.-¿oye es posible poner una imagen de fondo a una tabla o solo las capas tienen esa opcion?
2.-¿esta pagina usa un marco en la parte superior no?

Mmmm... si quieren ver una pagina totalmente en Flash les recomiendo <a href='ir.asp?http://www.xeofreestyle.com/' target='_blank'>http://www.xeofreestyle.com/...</a> se tarda un poco en cargar pero vale la pena para los que les gusta la animacion con flash

Bueno saludos
In Flames

mannyven · #84 (**permalink**) 07/01/2002, 01:47

He intentado porner texto a una imagen de fondo en una tabla y no lo he logrado. La única manera que conozco, es insertar la imagen como fondo, pero exactamente al tamaño de la tabla ya que esta se repite.

No, esta página no tiene marcos. Lo que pasa es que a veces cuando carga aparece primero el logo y el banner y después es que ves lo demás. Esto pasa, porque estamos hablamdo de programación asp y lo primero en cargarse es un encabezado o header. Además, siempre va a ser más rápido que lo demás porque ya tienes las imágenes guardadas en los temporales de tu navegador. ;)

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

mannyven · #85 (**permalink**) 07/01/2002, 01:49

Por cierto, muy bueno el sitio que recomendaste. Visita estos:
<a href='ir.asp?http://www.estudio.com' target='_blank'>http://www.estudio.com...</a>
<a href='ir.asp?http://www.vectorgate.com' target='_blank'>http://www.vectorgate.com...</a> :P

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

In Flames · #86 (**permalink**) 08/01/2002, 03:49

oye Excelentes paginas unos efectos ni me imaginaba que podian hacer.

1.-¿oye sabes tambien algo de Fireworks ?
2.-¿sabes alguna carrera orientada al diseño de paginas?

mannyven · #87 (**permalink**) 08/01/2002, 08:45

Manejo un poco de Fireworks y Photoshop. Cualquier duda pregunta a ver en que te puedo ayudar. Y dentro de las carreras para el diseño web, bueno, yo soy diseñador gráfico lo que ayuda mucho al control de la imagen. Sin embargo, me falta mucho por aprender en cuanto a programación asp, php, java y un largo etc. Eso es lo difícil de ser webmaster. Se necesitan muchos años de experiencia para dominar distintos aspectos, pero por algo se comienza no?. ;)

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

mannyven · #88 (**permalink**) 10/01/2002, 07:32

¿Y que pasó? ¿Ya se acabaron las dudas?. ¿A ver, quien tiene dudas? :(

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

In Flames · #89 (**permalink**) 11/01/2002, 00:06

Mmm... pues ahora me estoy familiarizando con el Fireworks para crear los menus y usar los slaces.

...Dudas:
¿si es muy frecuente el uso de plantillas?
¿tu tienes alguna pagina donde uses capas?
¿como se hace para que las esquinas de la pagina esten curveadas?

mannyven · #90 (**permalink**) 11/01/2002, 00:30

Las plantillas son lo mejor que te puede ofrecer Dreamweaver. Porque siempre puedes tener dos opciones de diseño. Una, cuando sólo quieres cambiar contenido, lo puedes hacer. Y segundo, cuando quieres cambiar algo en el formato de tu sitio lo haces en la plantilla y automáticamente se actualiza todo.
En cuanto a lo de las esquinas, necesito que seas más explícito en cuanto a qué quieres hacer.
Creo que te he dicho que no me gusta el uso de capas al menos que sean muy necesarias, por aquello de la compatibilidad de navegadores.
:)

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