Recomendamos flash templates.

Tours Virtuales Online

Un Click Es Suficiente Para Crear Un Tour Virtual Online

El Creador de Tours Virtuales Online admite varios formatos y le permite crear Tours Virtuales de la nada en apenas dos clicks:

  • Un click de su camara para capturar 360 grados en una sola toma.


  • Un click de su mouse para transformar la fotografia en un Tour Virtual Interactivo.


Con su propia camara y gratis.



 

Espejos Parabolicos


Informacion De Contacto
contacto

360 Facil

Barcelona, España

Buenos Aires, Argentina

Santiago, Chile

Contáctenos

Online : Pagina de Consultas

E-Mail : info@360facil.com


Espejo Parabolico Retraible


Foro

Encuentre Respuesta A Sus Dudas Entrando Al Foro


Este es el lugar donde preguntar aquello que no encontro y tambien un buen sitio para ayudar a otros con su conocimiento :


 

Gacetilla
Reciba Nuestra Gacetilla

Para recibir actualizaciones de nuestro sitio e info relacionada por favor ingrese su email :




 

Destacados

Una Inversion Minima Para Modernizar Su Inmobiliaria Online

Brinde mas y mejores servicios a sus clientes mostrando su cartera de inmuebles en Tours Virtuales de 360 grados. Nada mas parecido a estar realmente en el lugar y puede hacerlo usted mismo y con la misma facilidad conque lo hace con fotografias tradicionales.
Ver mas...



El Complemento Ideal Para Todo Sitio Web

Todo webmaster puede mejorar notoriamente sus servicios incorporando a su oferta Tours Virtuales interactivos que puede hacer por si mismo, con sus propios equipos y en tan poco como dos clicks.
Leer mas...



Los Programas Gratuitos Que Haran Todo El Trabajo

Dependiendo del tipo de panorama, la combinacion de estos cuatro programas gratuitos, tres, dos, uno o aun ninguno de ellos es todo lo que necesita el fotografo multimedia para realizar su tarea.
Leer mas...


Novedad : Utilice nuestro Directorio gratuito para dar a conocer sus Productos y Servicios de Fotografia Multimedia.


Publicar Panoramas Planos



Como introduccion previa a la conversion de panoramas en Tours Virtuales Interactivos para paginas web, en esta pagina mostraremos como insertar en paginas los panoramas en su modo plano o estatico.


Si usted ya conoce algo de edicion html esta pagina le resultara superflua, sin embargo la incluimos en el entendimiento de que no todas las personas interesadas en la fotografia panoramica tienen este conocimiento.


Asi como en las paginas de un cuaderno podemos escribir directamente sobre el papel, o tambien podemos agregar un elemento externo tal como una fotografia, pegandola sobre la pagina, las paginas web tambien pueden incluir elementos que no pertenecen a ellas. En este caso, el pegado no se realiza de manera manual sino incluyendo una referencia, de manera tal que al mostrarse la pagina en pantalla, la pantalla mostrara en el lugar que corresponda no la referencia -que es en si misma un texto-, sino el elemento al que se refiere. Esto significa que quien vea la pagina no vera un texto que hace referencia a una fotografia, sino a la mismisima fotografia, tal como se la ve al pie de este parrafo :





Esto es muy facil de hacer, pero antes tenemos que entender que es una pagina web. Una pagina web, como todo lo que sucede en el mundo interno de las computadoras es una instruccion. La computadora lee la instruccion y la obedece mostrando en pantalla lo que instruccion le ordena. Los programas que utilizamos para ver paginas web son los llamados navegadores. Usted esta leyendo esto en un navegador. Los navegadores mas populares son el Internet Explorer, Mozilla Firefox, Google Chrome, Opera y otros.

Los navegadores interpretan un grupo de instrucciones, normalmente guardados en forma de archivo, y las obedecen mostrando en pantalla lo que las instrucciones le indican.

Sin embargo, estos archivos pueden ser interpretados tambien por otro tipo de programas. Por ejemplo, los editores de texto tales como el Block De Notas, WordPad o Microsoft Word tambien pueden abrirlos. La diferencia esta en que, mientras los navegadores interpretan las instrucciones de los archivos y las cumplen mostrando el resultado en pantalla, los editores de texto simplemente muestran las instrucciones en forma de codigo. Si abrimos el archivo correspondiente a una pagina web con un editor de texto y cambiamos parte de el, podemos guardar los cambios y entonces, al ver el archivo ya modificado en un navegador, podremos ver los cambios reflejados en la interpretacion que el navegador hace y vuelca en pantalla.

En esta pagina aprenderemos de manera muy sintetica los principios para editar una pagina web. Nuestro objetivo es tomar una cierta pagina que se vea en los navegadores de determinada manera, abrir sus instrucciones con un editor de texto y modificarlas agregando a las ordenes ya existentes una nueva: mostrar una fotografia. Una vez guardado el cambio volveremos al navegador para comprobar que la foto ahora es visible en la pagina.




Preparacion De Los Elementos


Para realizar lo previamente descripto necesitamos dos elementos: la fotografia y la pagina web donde insertar aquella. Para comenzar, crearemos una carpeta en donde ubicaremos estos elementos. Para nuestro ejemplo, crearemos la carpeta en la unidad principal de disco, identificada con la letra C :





Comenzando por la pestana Archivo / File haremos click en Nueva / New y Carpeta / Folder :





La nueva carpeta ha sido creada y esta lista para recibir un nombre :





Para nuestro ejemplo elegimos llamar a la carpeta Panorama_plano. Pudimos haber elegido cualquier otro nombre :





Una vez creada la carpeta daremos inicio a un programa editor de texto. Cualquier programa de esta caracteristica nos servira. Para nuestro ejemplo utilizamos el Block de Notas / Notepad de Microsoft. A continuacion vemos la ventana abierta y sin ningun contenido :





Antes de introducir cualquier texto guardaremos el contenido (vacio) de este documento con un nombre de archivo haciendo click en Archivo / File y Guardar como / Save as :





Como ubicacion para el nuevo archivo elegiremos la carpeta que hemos creado previamente C/Panorama_plano y como nombre para el mismo utilizaremos pagina.htm :





Notese que el tipo de archivo.htm elegido indica a la computadora que el archivo es una pagina web. Normalmente las computadoras estan configuradas para, cuando se ejecuta un archivo con este formato, dar inicio a un navegador, de manera que haciendo click o doble click sobre un icono correspondiente a un archivo .htm, debe abrirse el navegador por defecto de ese equipo y cargar el archivo ejecutado en una ventana. Ahora en la carpeta Panorama_plano vemos el archivo pagina.htm :





Para hacer mas evidentes la ubicaciones relativas de un archivo respecto de otro, antes de ubicar el archivo de imagen crearemos una nueva carpeta dentro de la carpeta Panorama_plano :





La nueva carpeta esta lista para recibir un nombre :





Llamaremos a esta nueva carpeta foto pues ese sera el contenido que guardaremos adentro de ella :





Vemos la carpeta Panorama_plano con sus contenidos :





Adentro de la carpeta foto ubicaremos el archivo de imagen con la fotografia panoramica que deseamos insertar en la pagina :





Haga click sobre la imagen para descargar el panorama y guardelo adentro de la carpeta mencionada con el nombre panorama.jpg :





Ya tenemos los elementos que necesitamos. Nuestra fotografia puede ser abierta y vista con cualquier programa visor de imagenes y hasta con un navegador, por ejemplo, arrastrando el archivo hasta una ventana de este ultimo. Sin embargo nuestro objetivo no es solo ver la fotografia en un navegador sino integrarla en una pagina web. Nuestra pagina web, asimismo, puede ser vista desde un navegador pero esta en blanco, no tiene ningun contenido :




Edicion Del Contenido De La Pagina Web



Para editar la pagina web trabajaremos simultaneamente con dos programas: un navegador y un editor de texto. Normalmente bastara hacer click sobre el icono de cualquier archivo identificado como pagina web para que la computadora lo abra en un navegador. Esto sin embargo no siempre es cierto. La manera mas segura de abrir el archivo con el programa deseado es hacer click sobre el archivo con el boton derecho del mouse y elegir la opcion correspondiente a Abrir Con / Open With y seleccionar el navegador de nuestra preferencia :





A continuacion vemos como Internet Explorer ha abierto nuestra pagina. La confirmacion de que se trata de la pagina correcta la vemos en la barra de direcciones. Como el archivo no tenia ningun contenido, el navegador nos muestra una pagina vacia :





Repetiremos el procedimiento anterior, esta vez para abrir la pagina con un editor de texto :





El nombre pagina.htm escrito en el marco azul de la ventana del editor de texto nos confirma que estamos viendo el archivo correcto. Al igual que el navegador, el editor nos muestra que el contenido del archivo abierto esta vacio y por lo tanto, no hay ningun texto en la ventana de edicion :





Ya tenemos a la vista y simultaneamente dos versiones del mismo archivo, una interpretada en un navegador, la otra mostrada sin interpretacion en el editor de texto :





Para comenzar, escribiremos un texto a manera de titulo utilizando para ello el editor de texto. Elegimos las palabras Panorama Plano :





Partiendo del menu Archivo / File haremos click en Guardar / Save para guardar el cambio :





Al hacer click en el boton Actualizar en el navegador, las palabras que hemos introducido se hacen visibles. Notese que solo hemos agregado al archivo estas dos palabras y ninguna otra indicacion tal como podria ser un color, tipo o tamaño de fuente. El navegador entonces nos muestra el texto con las caracteristicas definidas por defecto :





Escribiendo siempre en el editor de texto, unas lineas mas abajo agregaremos una descripcion : Ejemplo de panorama plano. Nuevamente guardaremos el cambio y actualizaremos la vista en el navegador. El nuevo texto aparece, una vez mas con las mismas caracteristicas de color, tipo y tamaño. Sin embargo, podemos ver que no aparece lineas abajo sino a continuacion del texto escrito en primer termino. Esto es asi porque los navegadores simplemente ignoran los espacios en blanco en las lineas de codigo. Todo espacio en blanco mayor a un caracter es ignorado. Asimismo, los navegadores interpretan que todos los elementos de un codigo ocupan una misma linea :





Para conseguir que ambos textos ocupen lineas diferentes debemos introducir entre ellos un quiebre de linea, cuya sintaxis es <BR>, de la manera que se ve a continuacion. Al actualizar la pagina en el navegador vemos que, ahora si, el segundo texto ha pasado a la linea siguiente :





Recien ahora podemos comprender mas claramente la diferencia entre la interpretacion que hacen de un mismo archivo el editor de texto y el navegador. Mientras que el editor de texto nos muestra la descripcion de todos los elementos en la pagina (hasta ahora, dos textos y un quiebre de linea) el navegador hace una intepretacion y nos muestra los textos, ordenados tomando en cuenta la instruccion de quebrar la linea entre ambos. El quiebre de linea se ve de manera explicita en el editor de textos y es invisible pero figura de manera implicita en la interpretacion que el navegador esta haciendo del archivo, y por eso muestra ambos textos en lineas diferentes.

En este punto podemos agregar que todo elemento encerrado entre corchetes sera siempre interpretado y nunca copiado literalmente tal como ocurre con nuestros textos. Agregaremos un nuevo quiebre de linea y al actualizar el navegador vemos que ahora entre nuestros dos textos, ademas de un quiebre de linea podemos identificar una linea vacia :





En ese espacio agregaremos un nuevo elemento entre corchetes. Esto ultimo implica que el navegador al interpretar ese elemento no lo copiara de manera literal sino que identificara el contenido del elemento y volcara en pantalla una interpretacion del mismo. Identificaremos el elemento contenido entre corchetes como una imagen asignandole el tipo de elemento <IMG> dentro de los corchetes. Ademas, adentro de los mismos corchetes agregaremos la referencia que indica al navegador donde buscar esta imagen. Esta referencia se define mediante la expresion src="" agregando entre las comillas la ubicacion del archivo de imagen, relativa al archivo .htm donde se incluye la referencia. Puesto que este ultimo archivo estaba en una carpeta, adentro de la cual otra carpeta denominada foto incluye al archivo de imagen panorama.jpg, el contenido entre comillas sera foto/panorama.jpg. La etiqueta completa sera entonces <IMG src="foto/panorama.jpg">.

Es importante destacar que cuando se escriben codigos como estos no debe cometerse ningun error. Un punto de mas o de menos, una coma en vez de un punto, una letra en lugar de otra, dos terminos pegados cuando deben estar separados, cualquier error semantico o de tipeo pueden tener como consecuencia que un elemento no se vea, se vea de manera incorrecta o pueden aun hacer fallar a la pagina completa. Si al actualizar una pagina el navegador muestra algo inesperado, el primer paso es comprobar que no se hayan deslizado errores de este tipo.

Al guardar los cambios y actualizar la ventana del navegador vemos que el contenido de la pagina ahora es la primera linea con el titulo, luego un -invisible- quiebre de linea y en la segunda linea la fotografia. El segundo quiebre de linea y el texto descriptivo inferior han quedado ocasionalmente fuera de vista en la siguiente imagen :





El elemento IMG es apenas uno entre muchos elementos que pueden definirse para una pagina web. Cada uno de ellos puede ser modificado por parametros adicionales que son propios a cada tipo de elemento. Uno de los parametros modificadores aceptados por el elemento IMG es width o ancho. Puesto que la imagen que hemos insertado resulta demasiado grande para el diseño de pagina que estamos creando, modificaremos su tamaño definiendo para ella un ancho de 400 pixeles. Si no definimos ademas un alto independientemente, el cambio de tamaño de la imagen se realiza conservando intactas las proporciones entre sus lados. La etiqueta completa ahora queda asi <IMG src="foto/panorama.jpg" width="400"> y el resultado es el siguiente :





Si bien como hemos visto basta con definir una sola dimension de la imagen para que el tamaño de esta se altere sin cambiar su forma, hay quienes configuran sus navegadores para bloquear la muestra de imagenes, en cuyo caso, las paginas muestran en lugar de ellas espacios vacios. Para evitar que estos espacios vacios desarmen completamente el diseño de la pagina, es una practica comun escribir tanto el ancho como el alto de la imagen para que en caso de no ser la misma mostrada, el espacio que la reemplaza tenga las mismas dimensiones que la imagen que debia estar en su lugar. Aunque por no haber deshabilitado el uso de imagenes esto no afectara la vista que tenemos de nuestra pagina, incluiremos el alto de la imagen y ahora nuestra etiqueta completa es <IMG src="foto/panorama.jpg" width="400" height="115"> :





Por ultimo, antes de cerrar esta breve introduccion a la edicion de paginas web, mencionaremos que existen al menos dos tipos de elementos que puede haber en una pagina :

Por un lado, aquellos que se representan a si mismos tales como el elemento <IMG> cuya definicion completa y parametros queda encerrada en una unica etiqueta limitada entre corchetes < >.

Por otro lado, ciertos elementos -algunos de los cuales son invisibles- que sirven como contenedores para otros elementos, a los que modifican y que se reconocen por estar definidos ya no por una etiqueta sino por un par de estas, la primera de las cuales señala el inicio del elemento contenido y la ultima su final. Por ejemplo el par de etiquetas <h3> y </h3> indican que el elemento encerrado entre ambas debe ser mostrado como un titulo de tercer nivel (header=titulo,3).

Aplicaremos este par de etiquetas al primer texto de nuestro ejemplo -al que en un comienzo pretendimos identificar como titulo- y ademas, dentro de la etiqueta de apertura agregaremos un parametro align="center" para indicar que el titulo se debe mostrar horizontalmente centrado en la pagina. Ahora el elemento completo debe verse <h3 align="center">Panorama Plano</h3>.

Algo parecido haremos con el texto inferior. En este caso no lo identificaremos como titulo sino que simplemente definiremos algunas caracteristicas de la fuente en que debe mostrarse. Para ello encerramos todo el texto que deseamos modificar entre un par de etiquetas <FONT> y </FONT> y dentro de la etiqueta de apertura escribiremos los parametros deseados, en nuestro ejemplo, fuente de tamaño 2 y color rojo. El elemento completo ahora se lee <FONT size="2" color="red">Ejemplo de panorama Plano</FONT>.

Aprovecharemos la ocasion para modificar una vez mas la etiqueta imagen. Hay una cantidad de parametros que podrian agregarse a una etiqueta <IMG> de los cuales elegiremos un borde solido de un ancho de 5 pixeles rodeando a la imagen el que, al no haberse definido un parametro que le asigne un color, sera mostrado en el color por defecto programado en el navegador para este tipo de borde. La etiqueta modificada ahora se lee <IMG src="foto/panorama.jpg" width="400" height="115" border="5">.





Comprobamos que todas las modificaciones han sido aplicadas. Ahora el texto identificado como titulo esta centrado, su tamaño y peso de fuente son mayores y una linea vacia lo separa del resto del contenido. La fotografia tiene un borde de color negro y el texto de la descripcion es rojo y su tamaño ha disminuido.

Hasta aqui hemos aprendido las bases minimas para la edicion de una pagina web y la manera de insertarle un elemento simple como es una fotografia agregando al codigo de la pagina una referencia a un archivo externo. A partir de la proxima pagina veremos como vinculando mas elementos podemos insertar la misma fotografia pero verla ya no como imagen plana sino como animacion interactiva o Visita Virtual.




Aportes De Visitantes


Agregar Un Aporte, Duda O Comentario


Ningun campo es obligatorio. Los mensajes que no tengan que ver con el tema podran ser moderados.


Escriba 123 aqui (verificacion anti-spam)

Enviarme un recordatorio de esta publicacion.






Si le ha gustado 360 Facil por favor compartalo con sus redes sociales




Con cualquier camara


Panoramas Interactivos De
360 Grados En Tres Simples Pasos



Despues de leer el tutorial usted estara en condiciones de crear su primer fotografia de 360 grados interactiva con la camara que ya tiene :

1 - Fotografiar
1 - Fotografiar

Tome una o mas fotografias del lugar que desea mostrar.

2 - Editar
2 - Editar

Convierta sus fotografias en panoramas de 360 grados.

3 - Publicar
3 - Publicar

Haga interactivos a sus panoramas y ofrezcalos al mundo a traves de internet.

Iniciar Tutorial

Si una imagen vale más que mil palabras, una Fotografía Interactiva de 360 Grados vale más que mil imágenes...

Recomendado...!!!


Creador De Tours Virtuales Online



Utilizando el Creador de Tours Virtuales Online podra :


Convertir sus fotografias de 360 grados en tours virtuales con apenas un click.


Insertar sus tours virtuales en sitios web, emails, blogs o cualquier lugar donde quiera con solo copiar y pegar un texto.


Conocer de una manera practica todos los tipos de fotografia de 360 grados.


Descubrir que puede crear centenares de tours virtuales interactivos con la misma facilidad conque toma fotos con su camara.


Comprobar que con solo un click de su camara y otro click de su mouse puede crear un tour virtual interactivo de 360 grados a partir de la nada. Y completamente gratis!!!


Puede comenzar ahora mismo, aun si no tiene una camara



Crear Un Tour Virtual Ahora



Encuentrenos en Facebook y gracias por hacer click en Me gusta.