Vista previa

La vista previa es una forma de ver como va quedando nuestra web en los navegadores sin necesidad de subirlo aun a la web, interesante no? A que no lo sabían jeje, y antes de pasar a eso pues toca darles otro pequeño consejillo mas, que otro? Se otro, pero este bien chiquito se los prometo.

Como futuros webmasters tienen que pensar en la estética de la página, no solo para que se vea mas bonita ni exuberante sino también para que sea clara y fácil de navegar para el usuario, pero todo esto no solo depende de cómo conformes tu página, sinó también de como el navegador lea tu código html.

Hay muchos navegadores, siendo el mas popular el IE(internet Explorer), seguido por el Firefox y también el Opera, safari, Netscape, Chrome, etc. Es muy difícil pretender hacer quedar bien  nuestra página en cada uno de los navegadores de la web, pero al menos podemos y debemos darle una vista aceptable aunque sea en los 3 mas populares como el IE, Firefox y Opera, así que mi recomendación de Webmaster a Webmaster es que si solo tienen y usan el IE o algún otro navegador, se descarguen los ya mencionados aunque no sean de su agrado, recuerden que  hay muchas personas que si los usan y nuestra página es para el público no solo para nosotros.

Ok Axel te creo! Pero ahora después de descargarme los dichosos navegadores, como hago para que el Dreamweaver los reconozca? Ja te agarré! sabia que no sabrias!. Pues fíjate que no!¬¬ Acá les digo como hacer eso. En la barra de herramientas arriba, nos vamos a:

Archivo > Vista Previa en el Navegador > Editar lista de navegadores.

 

Nos saldrá una ventana como en la imagen de arriba, como verán yo solo tengo el Internet IExplorer 7.0 y el F12 es pues la tecla abreviada para poder visualizar mi página en aquel navegador, pero como les dije al menos es recomendable tener 3 navegadores en nuestra vista previa, así que yo agregare el Opera de la siguiente manera.

Arriba de IExplorer 7.0  hay un + y un – al costado de navegadores, lo ven? Ok ahora quiero que le den al +. Echo esto se nos abre una pequeña ventana como la de abajo.

 

Le damos a Examinar y buscamos nuestro programa, recuerden tiene que ser un ejecutable ósea un .exe, en mi caso esta en la ruta

Archivos de Programas/Opera/opera.exe

 

 

Luego al señalar el programa, que normalmente tiene el logo del mismo como arriba y  darle abrir, nuestra ventana anterior se llenara, en Nombre si gustan pueden modificar yo le llamare Opera 9.51 por la versión que tengo, echo esto le damos a aceptar.

Como verán ahora Opera se sumo a la lista de los navegadores en la ventana de Preferencias, lo señalamos marcamos la casilla de navegador secundario para asignarla la otra tecla abreviada que vendría ser Ctrl + F12 y le damos a aceptar.

Ahora vamos a probarlo, vamos a nuestra página index y nos ubicamos en la pestaña Diseño, ahora presionamos F12 y wuala! Se te abrirá una página de tu navegador principal mostrándote tu página index, se que no es gran cosa ahorita y que solo hay el texto que escribimos pero confía en mi poco a poco nos saldrá una página genial. Ahora damos Control + F12 se te debió abrir tu misma página pero con el otro navegador, osea el secundario.

 

Así nosotros podemos ir viendo poco a poco nuestros avances como si nuestras páginas estuvieran colgadas en la red. Echo esto pasemos a el siguiente tema donde aprenderemos a colocar una imagen en la web. Siganme..

 

 

<<<<< Anterior Siguiente >>>>>