Cmo agregar SCRIPTS a nuestras pginas.

Vamos a analizar como utilizar scripts prediseados en nuestros proyectos con el Web Page Maker Primero un breve repaso de algunas cosas.. Script / cdigo; dentro de este mbito de edicin, creacin o adaptacin Web, un script o cdigo es parcial o totalmente un programa de ejecucin Web escrito, generalmente para ejecucin en el servidor o utilizando macros del browser. Como todo programa Web, tambin puede incluir llamados a otros scripts o cdigos que se encuentran en otros servidores Web y pueden actuar de diferente forma segn el browser en que se ejecute o visualice. Un script, por ejemplo, puede ser una parte de un programa que expone una porcin de otro sitio Web. Por ejemplo, son muy comunes los scripts de contadores de visitas. En muchos sitios referentes al tema se ofrecen gratuitamente gran variedad de cdigos para insertar en nuestras pginas y visualizar posteriormente cuando la misma se encuentre online, contadores de visitas. Pero claro, cuando el visitante esta en nuestra pgina y visualiza el contador de visitas tiene la posibilidad de clikear en l y ser redireccionado a la pgina generadora del contador, casi nada es gratuito y de alguna manera siempre estas cosas terminan haciendo publicidad para otros sitios. Hay maneras de evitar que suceda eso, por ejemplo creando un recuadro sobre la caja donde esta el script y ubicndolo en una capa superior cosa que cuando se visualice, el navegante clike sobre el mismo y no suceda nada al estar clikeando en realidad sobre el recuadro que qued sobre la caja del script. Claro, para utilizar estos scripts prediseados, debemos insertarlos en nuestras pginas WEB de la siguiente manera; estando obviamente en un proyecto del Web Page Maker, nos dirigimos al men, Insert / HTML code or Script code

Y luego insertamos el cdigo

Para este ejemplo, inserte un cdigo gratuito de contador de visitas. Luego clikeamos en OK y listo, solo resta acomodar el cuadro en donde nos gustara que aparezca el contador. Y si se

termina visualizando solo parcialmente, significa que debemos darle mas tamao al recuadro o caja en donde tenemos cargado visualmente el script o cdigo. Otros scripts muy interesantes Para este manual voy a utilizar como ejemplo unos scripts que hay insertados en un template de una inmobiliaria. Pueden ver/probar los scripts en el template que esta online en http://www.weblight.com.ar/inmobiliaria En primer lugar veremos dos scripts que nos brindan cierta informacin de otros sitios, exacto, el clima y las cotizaciones actuales de monedas internacionales (algo muy adecuado a la temtica de esa pgina en particular). Estos son scripts o cdigos de libre uso que insert en la pgina, ofrecen informacin til y si el visitante desea puede clikear sobre cualquiera de ellos y sern redireccionados a las pginas que patrocinan esta info. En el proyecto se ven de la siguiente manera;

Y si previsualizamos con F5, en el sitio en funcionamiento se vern del siguiente modo

Por ejemplo, as como sucede con los dems elementos, si le damos doble clik al cuadro del script o cdigo se nos abrir una ventana para su edicin

Dolarsi.com brinda este tipo de script para insertar en nuestros sitios de forma gratuita. Y lo mismo sucede con el cdigo del clima, clikeamos sobre el cuadro del script y vemos lo siguiente

wunderground.com tambin nos brinda el cdigo gratuito para excolocar en nuestro sitio el clima, en este caso de Mar delPlata. Ingresando en ese sitio se puede escoger otra zona geogrfica y consecuentemente recoger el cdigo adecuado para excolocar esa info en la pgina. Para seleccionar otra zona geogrfica hacemos lo siguiente; Vamos a http://www.wunderground.com/ , en el cuadro de buscar indicamos la zona, en este ejemplo Neuqun, y luego clikeamos en Ir

Luego de clikear en Ir se nos abre una pgina con toda la informacin meteorolgica de Neuqun, ahora hay que buscar el siguiente cuadro y clikear en ese botn

Luego de clikear en ese botn se nos abre otra pgina con diferentes modelos de cajas informativas

Cuando elegimos la que ms se ajusta a nuestro diseo o necesidad, clikeamos sobre esa y se nos generar el cdigo que debemos copiar y pegar en nuestro cuadro de script que en este caso en particular se llama html2

De esa forma podemos insertar cajas informativas del estado del tiempo de la zona correspondiente a, en este caso, unaempresa de bienes races. Veamos ahora otro interesante cdigo que es cedido gratuitamente por Google Para ello vamos a la pgina contacto, en nuestro proyecto, desplazndonos con el cuadro Site Contents y veremos un cuadro con un script llamado html3 (html2 y html1 son los otros 2 scripts que acabamos de analizar) o tambin lo podemos ver en funcionamiento enhttp://www.weblight.com.ar/inmobiliaria/contacto.html;

Ok, si previsualizamos esa pgina o simplemente la visitamos online veremos lo siguiente;

Es un cdigo que llama al servicio Google Maps de Google. Para insertar el cdigo adecuado tenemos que hacer lo siguiente; Primero vamos a Google Maps, http://maps.google.com/ y seguidamente buscamos la direccin o regin que nos interesa, en este caso Mar del Plata

Y una vez que llegamos al sitio cartogrfico exacto, clikeamos en el siguiente orden los botnes que indico para recoger el cdigo, primero clik en Enlazar y luego clik en Personalizar

Estando en el nuevo cuadro de edicin, seleccionamos en tamao Personalizado para ajustar el mapa que visualizaremos al cuadro donde insertaremos el cdigo

Para saber qu medidas insertar en Ancho y Alto vallamos al proyecto, al cuadro (elemento html3) y veamos cuales son las medidas del mismo para terminar de completar esos datos en Google Maps. Para ello hacemos 1 clik sobre el cuadro html3 con el botn derecho y luego en propiedades para editar o visualizar sus caractersticas

Teniendo esos datos, vamos a completar a Google Maps

E instantneamente obtendremos el cdigo que debemos copiar y pegar en nuestro cuadro de script, ese cdigo se genera y esta a nuestro alcance justo debajo de donde acabamos de completar el Ancho y Alto

Seleccionamos y copiamos, posteriormente vamos al proyecto y hacemos doble clik sobre el cuadro html3 para que se nos abra el editor y podamos borrar el cdigo viejo y pegar el nuevo

Listo, con el nuevo cdigo insertado podemos visualizar el mapa o vista satelital de la regin que escogimos. Esto se puede utilizar tambin en los detalles de cualquier propiedad en venta, para que el posible cliente sepa exactamente donde est ubicada la propiedad. Para hacer eso sencillamente insertamos un nuevo cdigo yendo al men principal / insertar

Completamos el cuadro de edicin con el cdigo que nos provee Google Maps, como con cualquier cdigo o script que queramos insertar.

Luego redimensionamos y ubicamos donde nos convenga el cuadro del cdigo, para ver el mapa cuando el sitio este en funcionamiento

Fuente: http://libros.gratisespanol.info/practica-web-page-maker-insertarscripts-y-codes