Ejemplo de contenido y funcionamiento de un sitio autogestionado básico. (Haciendo clic sobre "Anterior" vuelve a esta página.)
Definición, ventajas y conocimientos previos (son básicos y fáciles de adquirir) para manejarlo.
Que es un sitio autogestionado.
Para disponer de un sitio cuya dirección sea: www.nombre_de_su_empresa.com, es necesario:
a) registrar el dominio, en este caso nombre_de_su_empresa.com;
b) contratar espacio en un servidor (computadora conectada las 24 hs. a Internet de donde los visitantes, dirección mediante, obtienen la información de su empresa publicada en ella);
c) una persona o empresa entendida en diseño web que será la encargada de mantener su página, o sea: poner, sacar o cambiar información del servidor cada vez que usted se lo ordene, lo tradicional es que este profesional cobre cada vez que realice alguna acción, ya sea poner, sacar o cambiar información.
El sitio autogestionado, permite que la tarea de mantenimiento (poner, sacar, cambiar fotos, gráficos o texto) la realice usted, aunque sus conocimientos en el área del diseño web sean mínimos, lo cual implica que sus gastos se reducen a los numerales a) y b).
Cuanto hay que saber para mantenerlo.
Con muy pocos conocimientos sobre computación, usted puede mantener una página de estas características:
a) saber modificar el tamaño y calidad de una foto con un software adecuado para tal fin,
b) crear y seleccionar carpetas en su PC;
c) manejo de formularios en Internet, de los cuales hay que conocer los componentes que le mostramos a continuación:
1- MENU DE OPCION: haciendo clic sobre él se despliega mostrando distintas opciones ( Imagen 3) de las cuales se puede elegir una.
Imagen 3
2-BOTON DE OPCION: No seleccionado: Seleccionado: , permite seleccionar una opción entre varias.
3-DIMENSION MAXIMA: se refiere al ancho o alto máximo de una foto, si la foto es más ancha que alta la dimensión máxima será el ancho, si es más alta que ancha la dimensión máxima será el alto. Esta medida está dada en píxeles.
4-CASILLA DE VERIFICACION: no seleccionada: seleccionada: permite seleccionar varias opciones simultaneamente.
5-AREA DE TEXTO:
Otro concepto a conocer, vínculo: palabra o imagen que haciendo "clic" sobre él nos conduce a otra página.
Si usted no dispone de tales conocimientos, con un curso de muy pocas horas los puede adquirir, en algunos casos con una hora basta. Si bien no es materialmente imposible ayudarlo en el tema de arreglar fotos (entre otras cosas por la gran cantidad de programas que existen para tal fin) al final de esta página le hacemos algunas aclaraciones .
Consta de una página principal desde la cuál se accede a páginas de despliegue en las cuales se detallan brevemente los artículos ofrecidos y a partir de las cuales se puede acceder (opcionalmente) a páginas de ampliación (simples o compuestas) en las que se amplía las características de cada artículo. Este es el contenido mínimo si su negocio amedita otro tipo de página se le agrega.
En esta secciónj encontrará 4 opciones: 1) Modificar datos, 2) Cargar o cambiar fotos, 3) Borrar fotos, 4) Subir logo..
Pondremos como ejemplo de página principal ( se puede elegir entre distintos modelos) una compuesta con hasta 8 fotos dispuestas en 2 columnas, un espacio debajo de cada foto que contiene un comentario alusivo a cada una, y otro espacio para escribir otros datos. En la foto inferior se ve el aspecto que tiene una página de este tipo.
.
Los botones ( "Opción 1" "Opción 2", etc. ) son vínculos que nos conducen hacia distintas páginas de desarrollo y los colocamos nosotros.
El cartel donde dice "ACA VA ALGUN BANNER ALUSIVO A LA PAGINA" usted decide quien lo hace y publica.
Usted pone, cambia, borra, etc. todo lo que está abajo del cartel mencionado.
Descripción de sus componentes:
Imagen 4
Consta de: un MENU DE OPCION (recuadro rojo), un BOTON "Enviar" (recuadro amarillo) , y de uno o más REGISTROS (recuadro verde), llamamos registro al lugar donde usted va a describir cada uno de los productos que ofrece.
Cada registro tiene: un BOTON DE OPCION (círculo morado), la descripción del producto ofrecido, y opcionalmente una foto y un VINCULO(círculo azul).
Página de ampliación compuesta:
Consta de 2 franjas, una negra y otra blanca, la franja negra contiene: 2 vínculos "Página anterior" y "Detalles", además una serie de fotos chicas, en la franja blanca cuando ingresa por primera vez o hace "clic" sobre "Detalles" aparece la descripción del producto ofrecido, como se ve en la foto 1.
Si hace "clic" sobre una foto chica, esta se amplía en la franja blanca (Foto 2).
Foto 1
Foto 2
Descripción de la página de ampliación simple .
Consta de hasta 4 fotos dispuesta en una columna seguidas de una descripción para cada una, la dimensión máxima para cada foto es de 750 píxeles, si usted ve que con tamaño menor que el mencionado la imágen igual se visualiza bien, la puede poner de menor medida sin problema alguno.
Cuando se instala el servidor, se le proporciona al contratante: clave, nombre de usuario y una dirección del tipo www.nombre_de_su_empresa.com/hacercambios, de forma tal que cuando usted quiera cambiar, poner o borrar información(lo puede hacer cuantas veces estime necesario) ingresa a esa dirección, digita la contraseña y el usuario y se despliega información que le indica lo que debe hacer.
Durante un período de tiempo (un mes máximo) se le instalará el servidor gratuitamente y se le dará una página oculta, para que usted pruebe las funciones que se describen a continuación, es muy sencillo aprenderlas pero es bueno que experimente con cada una y vea los resultados en la página oculta, esto lo puede hacer las veces que quiera . Cuando estime que se familiarizó con el manejo del sitio empieza a correr el contrato.
Mantenimiento de página principal: En esta sección encontrará 4 opciones: 1) Modificar datos, 2) Cargar o cambiar fotos, 3) Borrar fotos, 4) Subir logo.
1) Modificar datos: se abriran 13 áres de texto donde podrá escribir, borrar, modificar; las primeras 12 corresponden a la descripción de cada fotografía y cada descripción se ubica debajo de la foto correspondiente, por ejemplo cuando ingrese a esta sección verá que hay un espacio que dice : Descripción foto 1, esta se ubicará debajo de la foto1.
Cada descripción usted la hace si lo desea, si quiere publicar solo la foto no hay problema, si hace la descripción y no pone la foto, la descripción no se verá; puede publicar primero la foto y en otro momento poner la descripción; si pone una descripción y despues la quiere cambiar o borrar tampoco hay problema.
El área 13, es para poner alguna información independiente de las fotos.
2) Cargar o cambiar fotos : se desplegará un formulario que se muestra en la foto siguiente:
Imagen 5
Puede subir hasta 12 fotos (en el caso del ejemplo, también puede ser de 8 ), cada foto que suba deberá tener 320 píxeles de dimensión máxima o sea que si es más alta que ancha el alto deberá ser de 320, y si es más ancha que alta el ancho deberá ser de 320 . El peso máximo permitido es de 40 kb. aunque para fotos de ese tamaño se puede lograr facilmente que sea menor de 20 kb. Estas medidas son relativas a este tipo de página, por ejemplo si la página fuera de 3 columnas, tanto la dimensión como el peso debe ser menor.
Se eligen por fila, ejemplo: en la fila número 1 se pone la foto número 1 y así sucesivamente.
Para colocarlas en cada casillero se hace "clic" en el botón "Seleccionar archivo" correspondiente, se abre un cuadro de díalogo con el cual usted podrá elegir la fotografía correspondiente en el disco de su computadora; luego de elegidas las fotos se presiona el botón "Enviar" y listo, el servidor hace el resto.
Usted puede subir todas las fotos que quiera en una única sesión o enviar algunas y en otro momento otras; pero hay que tener cuidado en el uso de las filas, ya que el sistema usa los números para identificar las fotografías; ejemplo: si ingreso 2 fotos usando las filas 1 y 2, y despues ingreso otra usando la fila 1, esta última sustituirá la que puse primero en la 1; por lo tanto conviene ingresar las fotos ordenadamente, la 1ª en la 1, la 2ª en la 2 y así sucesivamente; para cambiar una foto basta con subir otra en la fila que se subió la que desea sustituir.
Para poner fotos en la página primero hay que acondicionarlas, al final de esta página aclararemos ese tema.
3) Borrar fotos: se desplegará una lista con las fotos publicadas con una "Casilla de Verficación" para cada foto; seleccione las casillas correspondientes a las fotos que desea eliminar, luego presione enviar y listo.
4) Poner logo: igual que poner o cambiar fotos, la diferencia es que es una sola imágen, el ancho no puede superar los 760 píxeles y el peso debe ser menor a 40 kb. Estéticamente convendría que el ancho de la imagen sea exactamente de 760.
Mantenimiento de las páginas de despliegue y de ampliación.
En cada una de las acciones que elija, crear, borrar, cambiar, etc. si se arrepiente o entro a alguna por error, el programa le ofrece una opción de continuar en mantenimiento sin hacer cambios.
1. Nuevo registro: deje el MENU DE OPCION en "Ingresar", presione "Enviar", aparecerán 10 "Areas de Texto" en las cuales escribir; puede hacerlo sobre la cantidad que quiera; por ejemplo si escribe datos sobre 2 areas , se grabaran nada más que esos 2 registros, luego presione "Enviar".
MUY IMPORTANTE: En todas las opciones que siguen los 2 primeros pasos son: a) elegir el registro a tratar haciendo "clic" sobre el BOTON DE OPCION correspondiente (ver imagen 4) , si no hace esta selección el servidor no hará nigún cambio. b) en el MENU DE OPCION desplegado (imagen 3) seleccionar el ítem indicado en cada caso.
2. Modificar registro: elija "Modificar", presione "Enviar"; agregue, cambie o elimine texto en el "Aréa de Texto" que aparece con la descripción del producto y luego presione "Enviar".
3.Borrar registro: elija "Borrar", presione "Enviar" y listo, se borrará el registro y la página de ampliación y fotos que hubiese asociados a dicho registro.
4. Crear vínculo compuesto: elija "Crear vínculo compuesto " , presione "Enviar" y listo. Esta función lo que hace es: crear una página de ampliación compuesta vacía (luego se le podrá agregar fotos e información) relativa al registro seleccionado y crear el símbolo del vínculo. En la foto de la "Descripción de la página de despliegue", observe que hay registros con vínculos (el 1º y el 3º) y otros que no tienen. Obviamente que esta función la usamos si queremos brindar más información fotográfica y textual sobre un producto.
5. Crear vínculo simple: elija "Crear vínculo simple " , presione "Enviar", hace lo mismo que la anterior con la diferencia que la página creada es de ampliación simple.
6. Quitar vínculo: elija "Quitar vínculo" , presione "Enviar" y listo. Esta función elimina la página de ampliación (sea simple o compuesta) y el símbolo del vínculo.
7. Subir fotos página compuesta: elija "Subir fotos página compuesta " , presione "Enviar", se desplegará un formulario que se muestra en la foto siguiente:
Aparecen 3 columnas, una con números, otra para elegir las fotos chicas y otra para elegir las fotos grandes.
Puede subir hasta 12 fotos por página de ampliación, cada foto que suba lo deberá hacer en 2 versiones: chica (125 píxeles de dimensión máxima) y grande (450 píxeles de dimensión máxima), las fotos chicas es donde el visitante a la página hace "clic" para ver la foto ampliada, o sea que si no se cargan las 2 versiones la página producirá un error.
Se eligen por fila, ejemplo: en la fila número 0 en el primer casillero (fondo celeste) se pone la foto de 125 y en el que está a su derecha (fondo rosado) se pone la misma foto pero de 450.
Para colocarlas en cada casillero se hace "clic" en el botón "Examinar" correspondiente, se abre un cuadro de díalogo con el cual usted podrá elegir la fotografía correspondiente en el disco de su computadora; luego de elegidas las fotos se presiona el botón "Enviar" y listo, el servidor hace el resto.
Usted puede subir todas las fotos que quiera en una única sesión o enviar algunas y en otro momento otras; pero hay que tener cuidado en el uso de las filas, ya que el sistema usa los números para identificar las fotografías; ejemplo: si ingreso 2 fotos usando las filas 0 y 1, y despues ingreso otra usando la fila 0, esta última sustituirá la que puse primero en la 0; por lo tanto conviene ingresar las fotos ordenadamente, la 1ª en la 0, la 2ª en la 1, la 3ª en la 2 y así sucesivamente; para cambiar una foto basta con subir otra en la fila que se subió la que desea sustituir.
8. Subir fotos página simple: elija "Subir fotos página simple " , presione "Enviar", aparecerá un formulario igual al que aparece para poner fotos en la página principal (imagen 5) y el procedimiento a seguir es igual a aquel, lo único que el formulario es de 4 filas, y la dimensión máxima permitida es de 750 píxeles.
9. Copiar en la página compuesta: elija "Copiar en la página compuesta " , presione "Enviar", y la descripción del producto que está en el registro, se copiará en la franja blanca de la página de ampliación.
10. Escribir en la página compuesta: elija "Escribir en la página compuesta ", presione "Enviar", y se abrirá una Area de Texto donde podrá escribir, borrar o cambiar la descripción del producto contenida en la página.
11. Escribir en la página simple: elija "Escribir en la página simple ", presione "Enviar", y se abrirán las Areas de Texto correspondientes a cada fotografía, donde podrá escribir, borrar o cambiar en cada una.
12.Sacar fotos página compuesta: elija "Sacar fotos página compuesta " , presione "Enviar", se desplegará una lista con las fotos publicadas con una "Casilla de Verficación" para cada foto; seleccione las casillas correspondientes a las fotos que desea eliminar, luego presione enviar y se borrarán las fotos de la página seleccionada.
13.Sacar fotos página simple: elija "Sacar fotos página simple " , presione "Enviar", se desplegará una lista con las fotos publicadas con una "Casilla de Verficación" para cada foto; seleccione las casillas correspondientes a las fotos que desea eliminar, luego presione enviar y se borrarán las fotos de la página seleccionada.
14.Subir foto despliegue: elija "Subir foto despliegue" , presione "Enviar", y se desplegará un formulario igual al descripto en el numeral 4 pero con un solo casillero y un botón examinar, proceda de la misma forma para seleccionar una foto de su computadora y luego "clic" sobre "Enviar", la foto elegida se colocará en el registro seleccionado. La foto es de 160.
15.Sacar foto despliegue: elija "Sacar foto despliegue" , presione "Enviar", y la foto contenida en el registro seleccionado se eliminará.
Para subir las fotos primero debe acondicionarlas: dándoles las dimensiones adecuadas para el programa y eligiendo la calidad, esto es fundamental para que su página se descargue rápidamente.
Las dimensiones de una foto son el ancho y el alto que se expresan normalmente en píxeles (puntos de la pantalla), cuando decimos "dimensión máxima" si la foto es más alta que ancha nos referimos al alto, si es más ancha que alta nos referimos al ancho.
Los programas para acondicionar fotos ofrecen opciones para modificar la calidad de ellas (en algunos en vez de modificar la calidad ofrecen la opción de cambiar la compresión que es lo mismo). El "peso" de una foto está dado en KB, a mayor cantidad de KB más lenta es la descarga de la foto de Internet a la PC de quien está mirando la página. Si baja la calidad (o en otros programas aumenta la compresión) el peso de la foto disminuye, usted siempre que esté haciendo modificaciones tendrá posibilidades de ver como queda la foto y cuanto pesa.
Consejos muy importantes:
1) cuando modifique las dimensiones de una foto tiene que ser de más a menos, por ejemplo si una foto de 400 de ancho y 300 de alto la lleva a 300 de ancho y 200 de alto la foto se verá igual que la anterior, pero si es de 300x200 y la lleva a 400x300, se verá borrosa.
2) Cuando achique marque la opción (que todos los buenos programas tienen) de mantener la proporción y luego achique solo el alto o el ancho.
3) Es bueno recortar previamente las fotos si entiende que hay partes que no es necesario mostrar.
| Dimensión Máxima | Máximo tamaño permitido (en KB) | Tamaño recomendado (en KB) | |
| Fotos chicas de página de ampliación. | 125 | 8 | 3 |
| Fotos grandes de página de ampliación. | 450 | 40 | 35 |
| Fotos de despliegue | 160 | 20 | 10 |
| Página principal (2 columnas) | 320 | 40 | 20 |
| Fotos de página de ampliación simple | 750 | 150 | 80 |
Tamaño recomendado (en KB), quiere decir que son valores fáciles de obtener bajando la calidad de la foto, y en la mayor parte de los casos se pueden obtener valores sensiblemente menores con muy buena calidad de la foto.
Como conviene organizarnos:
a) crear una carpeta en su computadora, dentro de ella poner las fotos de la página de despliegue ya acondicionadas.
b) dentro de esa carpeta, crear una subcarpeta para cada página de ampliación donde guardar las fotos chicas y las grandes ya acondicionadas. Es importante darle a cada subcarpeta un nombre que le ayude a saber las fotos de que producto están guardadas ahí.