programacion software linux cursos manuales tutoriales
 

Tutorial de Dreamweaver

Noticias de >
bases de datos Codigo Fuente
 

Tutorial de Dreamweaver

Tutorial de Dreamweaver 4.0
por Paola Fraticolanuestro agradecimiento a imagedart.com


Configuremos uno o más exploradores para visualizar las páginas

Lo primero que vamos a querer hacer después de haber introducido algo de texto en nuestra página, es ver cómo está quedando. Para ello, pulsamos la tecla F12 y se abrirá nuestro navegador (el que tengamos instalado). Si tuviéramos más de un navegador, podemos indicarle al programa cómo acceder a él.


Para ello debemos ir a Archivo/Previsualización en Navegador/Editar la lista de navegadores (File/Preview in Browser/Edit Browser List). Se abrirá un cuadro de diálogo que nos permitirá agregar navegadores secundarios para previsualizar. El botón Agregar (Add) se utiliza para definir un nuevo navegador. El botón Editar (Edit) nos permite cambiar los seteos para el navegador seleccionado. El botón Remover (Remove) nos permite quitar de la lista un navegador. Para previsualizar una página con el navegador secundario debemos oprimir Ctrl F12.

Insertemos imágenes

Para insertar una imagen en una página Web debemos colocar el cursor en el punto donde queremos introducir la imagen y luego pulsar el botón Insertar imagen (Insert Image) de la paleta de objetos. Hacemos clic en Navegar y seleccionamos la imagen. Para centrar la imagen colocamos el cursor justo a la izquierda o a la derecha de la imagen y pulsamos el botón centrar de la paleta de propiedades.
Para poder colocar texto a la derecha de una imagen debemos alinearla a la izquierda.
El campo ALT de la paleta de propiedades de la imagen sirve para escribir una descripción de la imagen. Hay navegadpres que no muestran imágenes o usuarios que eligen no bajarlas. Por lo tanto, completando este campo podremos darle una idea del contenido de la imagen a estos visitantes.

Realizemos un vínculo

Para crear un vínculo de una página a otra página del mismo sitio debemos seleccionar la palabra o palabras que servirán de enlace.
Luego hacemos clic en el icono Carpeta (Folder) que aparece a la derecha del campo Vínculo (Link). Aparecerá un cuadro de diálogo que nos pedirá que le indiquemos a qué archivo dentro del sitio queremos hacer un enlace. Una vez que ubicamos el archivo lo
seleccionamos con doble clic y en el menú Relativo a (Relative to) le indicamos Documento (Document).

Con esto se habrá establecido un vínculo. Para que una imagen se convierta en un vínculo debemos seguir los mismos pasos pero en lugar de seleccionar texto, seleccionamos la imagen.
Podemos elegir la ubicación en la cual se abrirán los vínculos entre una serie de opciones (destino o target):

_blank: Abre el vínculo en una nueva ventana del navegador
_parent: Abre el vínculo en el conjunto de marcos "padre" del marco actual.
_self: Abre en la misma ventana donde se encuentra el enlace.
_top: Abre en toda la ventana del navegador. Si el enlace se encontraba en una página con marcos (frames), la nueva página removerá los marcos.

A la hora de hacer enlaces existen tres tipos de ruta: absoluta,relativas a la raíz del sitio y relativas al documento.
Ruta absoluta: la ruta completa aun archivo.
Por ej. :
http:1 Iwww .yahoo.com.arlcorreolconsultar .html. Este tipo de enlace se utiliza cuando queremos linkear a una página que está fuera de nuestro sitio.
Ruta relativa al directorio raíz: Todos los archivos de un sitio que son visibles para los visitantes, son aquellos que se encuentran dentro de lo que se llama la raíz del sitio. La raíz de un sitio está compuesta por el protocolo (http) y todo el resto de la dirección HASTA el país (en el caso de EEUU hasta el .com o .net, .org, etc).
Un enlace relativo a la raíz de un sitio es aquel cuya ruta solo menciona los pasos luego de la raíz. Por ejemplo, para el ejemplo anterior: Icorreolconsultar.html. Todas las rutas relativas al directorio raíz comienzan con una barra (/) que le indica al servidor que empiece desde la raíz del sitio que estamos viendo.
Conviene trabajar con este tipo de enlace cuando los archivos html de nuestro sitio cambian de lugar con frecuencia. Cuando se utiliza este tipo de enlace, éstos siguen funcionando aún si el archivo fue movido a otro lugar del sitio. Este tipo de enlace no es apropiado para sitios que serán vistos en forma local (en nuestra computadora) ya que
solo son bien interpretados por los servidores. En este caso deberem'os usar enlaces relativos al documento.
Ruta relativa al documento: Este es el tipo de ruta que se utiliza con mayor frecuencia. Este tipo de ruta es relativa ala carpeta que contiene el documento. Por ejemplo: consultar.html o correo/consulta.html (sin la barra inicial) se refiere a un documento dentro de la carpeta actual.

software tecnologia programacion webmasters
Nube de Tags
Nuestra Red de agregadores de noticias tematicas
info mac ipod iphone
Mac- mundo mac iphone ipod novedades
noticias de moviles iphone nokia trucos
Moviles- actualidad del mundo de los moviles
salud
Salud- salud medicina dietas vida sana
noticias de coches f1 motos tuning motogp
Motor- noticias de coches F1 motoGP motos quads
cine teatro estrenos video
Ocio-Cine- estrenos de cine trailers noticias
juegos psp ps2 ps3 wii nintendo xbox xbox360
Juegos- psp ps2 ps3 wii pc xbox xbox360 sony
noticias de mujeres recetas thermomix
Mujer- noticias recetas moda thermomix belleza
tecnologia
Tech-y- gadchets actualidad de tecnologia
Deportes- todos los deportes agregados
energia eolica solar nuclear biomasa alternativas
Energia- eolica solar nuclear biomasa y mas...
noticias de ecologia
Ecologia- vive de forma ecologica y reciclando
energia solar eolica biomasa nuclear
Finanzas- ibex35 bolsa forex manuales fondos euribor
noticias de musica videos de musica
Musica - miles de videos de musica y noticias
Programacion- software programacion linux
viajes vuelos pueblos de españa Viajes - turismorama viajes y pueblos de españa..   Negocios- negocios y pymes, negocios online
       
viajes vuelos pueblos de espaņa
Recetas - 1001 recetas de cocina
 
Otros idiomas
salud Salute-(it) salute medicina diete salud Sante-(fr) sante medicina diet

 

BlogRoll


 
ver 50 mas votadas + Ver las 50 noticias mas leidas
ver 50 mas votadas + Ver las 50 noticias mas votadas
 
ver 50 mas votadas + Ver las 50 videos mas vistos

Links Recomendados

- pueblos de España

 
 
Documento sin título
Las mejores ofertas de la Red
Ofertas Tecnologia Ofertas de Vivienda
Ofertas Finanzas Ofertas de Motor
Ofertas Formacion Ofertas de Juegos
Ofertas de Ocio Ofertas de Salud
Ofertas de Viajes
Nuestros tutoriales
Tutorial de Visual Basic
Aprende Visual Basic desde 0
Tutorial de MySQL
primeros pasos en oracle

Tutorial de Oracle
primeros pasos en oracle
Tutorial de WAP
primeros pasos en WAP
Tutorial de photoshop
efectos con photoshop
Tutorial de php nuke
efectos con phpNuke
Tutorial de corva
efectos con corva
Tutorial de director
tutorial de director
Tutorial de dreamweaver
tutorial de dreamweaver
Tutorial de dreamweaverMX
tutorial de dreamweaver MX
Tutorial de flash
tutorial de flash
Tutorial de FlashMX
tutorial de flash MX
Tutorial de freehand
tutorial de freehand
Tutorial de frontpage
tutorial de frontpage
Tutorial de oracle
tutorial de oracle
Tutorial de php
tutorial de php
Tutorial de SQL
tutorial de SQL
Tutorial de Windows XP
tutorial de Windows XP
Tutorial de zope
tutorial de Zope
opera bajar opera descargar opera software opera Top Secciones de descargas
programas para bajar peliculas
programas para bajar musica
programas para bajar musica
programas de seguridad para tu pc
programas de seguridad para tu pc
programas google
programas para DJ - mezcladores
Tutoriales
Recomedamos: programatium I solorecursos I manuales I pueblos 2.0I info-salud I info-ocio I info-motor
noticias: Salud I Ocio/cine I Musica I Motor IDeportes IJuegos I Finanzas I Moviles I Energia I Ecologia I Tech-y I Mujer I MAC I Salud I