PAGINA WEB

Una pgina web es el nombre de un documento o informacin electrnica adaptada para la World Wide Web y que puede ser accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo mvil. Esta informacin se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegacin a otras pginas web mediante enlaces de hipertexto. Las pginas web frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (scripts) e imgenes digitales, entre otros. Las pginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso nicamente para redes privadas, p. ej., en una intranet corporativa, o puede publicar las pginas en la World Wide Web. El acceso a las pginas web es realizado mediante su transferencia desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP). Caracteristicas Una pgina web est compuesta principalmente por informacin (slo texto y/o mdulos multimedia) as como por hiperenlaces; adems puede contener o asociar datos de estilo para especificar cmo debe visualizarse, y tambin aplicaciones embebidas para as hacerla interactiva. Las pginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML. El contenido de la pgina puede ser predeterminado (pgina web esttica) o generado al momento de visualizarla o solicitarla a un servidor web (pgina web dinmica). Las pginas dinmicas que se generan al momento de la visualizacin, se especifican a travs de algn lenguaje interpretado, generalmente JavaScript, y la aplicacin encargada de visualizar el contenido es la que realmente debe generarlo. Las pginas dinmicas que se generan, al ser solicitadas, son creadas por una aplicacin en el servidor web que alberga las mismas. Respecto a la estructura de las pginas web, algunos organismos, en especial el W3C, suelen establecer directivas con la intencin de normalizar el diseo, y para as facilitar y simplificar la visualizacin e interpretacin del contenido. Una pgina web es en esencia una tarjeta de presentacin digital, ya sea para empresas, organizaciones, o personas, as como una tarjeta de presentacin de ideas y de informaciones. As mismo, la nueva tendencia orienta a que las pginas web no sean slo atractivas para los internautas, sino tambin optimizadas (preparadas) para los

buscadores a travs del cdigo fuente. Forzar esta doble funcin puede, sin embargo, crear conflictos respecto de la calidad del contenido. Cmo crear la pgina web: Tutorial Mediante este tutorial te ser posible insertar, modificar o eliminar secciones y subsecciones en los tres tipos de men distintos, as como contenidos en tus pginas o productos enlazados e imgenes para los mismos. Este tutorial se divide en dos secciones fundamentales adems de los conceptos bsicos: la seccin explicativa donde se expone el significado de cada elemento del men principal del panel de control y la seccin tcnica que detalla el funcionamiento de cada formulario y el fin de cada elemento, botn y/o opcin incluido en cada uno de ellos. TIPOS DE MENS CONFIGURABLES DESDE EL PANEL: Men principal.- Bsicamente el men con las principales opciones a ubicar en el website. Estas opciones pueden estar dispuestas en todos los niveles deseados creando, de esta manera, un rbol de opciones con subopciones (opciones dentro de opciones). Pueden ser mostradas (activadas) o no, pueden llamar a pginas de contenidos o expandirse en otro rbol de subopciones (opciones dependientes). Men General.- Realmente es un men de accesos directos principales, es decir, opciones situadas en el men principal que tambin aparecen en el general y que se desee destacar de alguna manera, ya sea porque es contenedora de informacin relevante o se encuentre dentro del rbol del men principal y no se aprecie a simple vista. Men destacado.- Por medio de este men es posible insertar un nmero indeterminado de anuncios, enlaces a otras pginas o alertas con imgenes, vnculos, ttulos en formatos especficos, etc.. ya que otorga la posibilidad de insertar cdigo html, javascript o cualquier otro estndar para la realizacin de pginas web y que pueda ser interpretado por un navegador. AREAS FIJAS: Principal.- Pgina de inicio donde se muestran los componentes de los elementos seleccionados basada en un plantilla con la opcin de modificacin por parte del usuario. Politica de privacidad.- Al seleccionar en ella muestra en la portada las condiciones de poltica de privacidad seguida por la empresa que podemos modificar con la herramienta.

Aviso legal.- Tambin ser posible introducir los datos legales de la empresa que se muestran en la portada al seleccionar en ella.

DISTRIBUCIN DE LOS MENS EN LA WEB: Hay diferentes plantillas de sitio web entre los que se pueden elegir la forma de mostrar la pgina. Este es un ejemplo de pantilla basada en un caso real para poder apreciar su disposicin de mens y diseo. UTILIZACIN DEL PANEL DE CONTROL. Opciones del men. Mens: Permite aadir/modificar elementos a los diferentes mens de la pantalla de la web. Posicionando el ratn en Mens se despliega un men con las opciones Principal-General-Destacados. PRINCIPAL: Al seleccionar esta opcin se mostrar a la izquierda de la pantalla (Mantenimiento de opciones de men) el men Raz, que desplegar las diferentes opciones contenidas en el men principal. si alguna de estas opciones tiene una imagen asociada aparecer con el icono insertar icono o marcados en negrita si contienen ms subopciones dependientes. Para ver estas subopciones es suficiente hacer click sobre la opcin deseada. Para insertar opciones en el rbol principal del men, simplemente hay que posicionar el puntero del ratn sobre Raz. Automticamente aparecer el botn flotante insertar, que al ser pulsado desplegar automticamente el formulario de creacin de opciones de men en la parte derecha de la pantalla. El contenido de las opciones de men, as como sus ttulos y tipo pueden ser editados en cualquier momento (modificar, borrar, etc). De la misma manera que se pueden insertar estas opciones en el men raz es posible editarlas posicionando el ratn por encima de cada una de ellas. En este caso aparecern tres botones flotantes eliminar, insertar, y editar, con los cuales ser posible realizar las distintas acciones que a continuacin se detallan: Eliminar: Al pulsar este botn aparecer un cuadro de dilogo solicitando una confirmacin que, una vez aceptada, dar paso a la eliminacin permanente de la opcin de men seleccionada y todas las subopciones dependientes. Insertar: Permite insertar subopciones dependientes a la opcin seleccionada, mostrando en la parte derecha de la pantalla (Mantenimiento de subopciones) su formulario de edicin. Editar: Para realizar modificaciones sobre la subopcin seleccionada. Una vez cambiados

los valores de los campos del formulario de edicin ser necesario pulsar el botn Guardar cambios para que las modificaciones surtan efecto. Tambin es posible aadir una nueva subopcin con los valores del formulario mediante el botn Aadir Nueva Seccion. GENERAL: Las opciones del men GENERAL realizan las funciones de acceso directo de las opciones o subopciones marcadas en el men principal. Es decir, si tenemos una subopcin llamada Bicicletas que pertenece a la opcin Productos y queremos que sea visible en el web sin que sea necesario pulsar en Productos para que se despliegue todo su rbol de subopciones dependientes y a partir de este buscar Bicicletas, podemos seleccionarla en GENERAL, y de esta manera aparecer automticamente en la zona de la web designada por el diseo para este men. DESTACADOS: Al seleccionar esta opcin de men se mostrar una pgina donde configurar los elementos destacados del web, ya sean enlaces a otras pginas o internos que quieran resaltarse de un modo diferente del resto. Para incluir un elemento en Destacados es necesario especificar los campos del formulario y pulsar en Aadir nuevo. El campo cdigo se debe de insertar el cdigo fuente correspondiente al HTML del contenido en s, es decir, si en Destacados queremos incluir un cuadro con un ttulo resaltado y que contenga una foto y una descripcin con un enlace a otra pgina deberemos copiar el cdigo HTML resultante de ese cuadro y pegarlo en el campo Cdigo del formulario. De esta manera, al mostrarlo en web ese cdigo ser interpretado y el resultado ser correcto. Contenidos: Para aadir/modificar pginas/productos a las secciones que aparecen en la web. Al seleccionar una de las dos opciones se despliega un rbol de directorios con las secciones dadas de alta en el men principal que contienen las pginas/productos pudiendo aadir nuevos o modificarlos existentes. PAGINAS: Seleccionando esta opcin aparece el rbol de directorios de las opciones o subopciones que contienen las pginas. Para incluir una pgina en una opcin, simplemente hay que situar el ratn sobre su nombre en el rbol Raz situado a la izquierda de la pantalla y pulsar el botn emergente Crear pgina, que automticamente, abrir una ventana emergente con el editor de pginas HTML para asignarle contenidos. Si se selecciona una pgina existente ser posible apreciar el contenido resultado en la parte derecha de la ventana y, si se desea realizar alguna modificacin, sobre su marco, se podrn seleccionar las opciones Editar pgina o Eliminar pgina.

LISTAS: Es posible que una opcin en lugar de pginas contenga una lista de productos o noticias, es decir, un pequeo catlogo de productos o una relacin de noticias con imgenes, descripciones, etc. Una vez que seleccionamos la opcin Productos aparecer una ventana que en su parte izquierda contendr el rbol con las opciones de este tipo. En cada opcin que aparezca ser posible crear un producto o editar uno existente mediante el editor emergente. De esta manera se le pueden aadir imgenes, descripciones, etc. y crear tantas listas de productos, noticias, o cualquier informacin susceptible de este tipo de organizacin como se desee. CONTACTOS: En la seccin de contactos se almacena el contenido de todos los formularios rellenados y enviados por los usuarios en el rea de contacto de la web. IMGENES: Con esta opcin tendremos la posibilidad de insertar nuevas imgenes, eliminar ya existentes, clasificarlas por categoras, editarlas para optimizarlas, etc.. Desde el cuadro de la izquierda tendremos la posibilidad de localizarlas y seleccionarlas para, posteriormente y el cuadro derecho, editarlas y/o realizar acciones sobre ellas. PLANTILLAS: Esta opcin nos permite tener un control sobre las plantillas de diseo utilizadas en el website. Al seleccionarla se mostrarn en pantalla las opciones para el tratamiento de las plantillas web. Estas plantillas podrn ser utilizadas posteriormente para insertar los contenidos en las pginas generadas. En la parte izquierda de la pantalla tendremos una lista de las plantillas guardadas con opciones para ver si contenido, editarlas o eliminarlas. En la parte derecha encontramos una opcin que nos permitir poder aadir ms plantillas para utilizarlas posteriormente. USO DEL EDITOR HTML PARA PGINAS Este editor nos permitir editar los contenidos que se muestran en la web mediante los siguientes campos: Opcin.- Especifica el directorio de opcin donde se encuentra. Plantillas.Permite cargar un aplantilla con un formato ya hecho que se puede modificar.

Keywords.- Permite cargar una definicin corta del contenido de la pgina que se est introduciendo para facilitar posteriores bsquedas tanto dentro del panel como del sitio web si estuviera habilitado. Ttulo.- Le da nombre a la pgina insertada. Nombre que aparecer posteriormente en los listados de bsqueda. Botn: Guardar pgina.- Guarda los cambios realizados en la pgina. Botn: Cerrar.- Cierra la ventana sin guardar los cambios. Barra de herramientas.- Opciones para la creacin y modificacin del formato y estilo de las pginas y as poder adaptarlas al diseo principal del website. USO DE LA BARRA DE HERRAMIENTAS DEL EDITOR HTML Otorga la posibilidad de crear una pgina o producto completos partiendo de cero o editar los contenidos de uno ya generado. Ver cdigo fuente.- Permite acceder al cdigo de programacin de la pgina. Previsualizar.- Permite obtener una vista previa de la pgina resultante. Imprimir.- Imprime el contenido. Cortar.- Copia al portapapeles los elementos seleccionados eliminndolos al mismo tiempo. Copiar.- Copia al portapapeles los elementos seleccionados. Pegar.- Pega el elemento contenido en el portapapeles en la zona seleccionada. Deshacer.- Elimina la ltima accin realizada. Rehacer.- Restaura la ltima accin deshecha. Eliminar formato de texto.- Deshace el formato de texto del prrafo seleccionado. Negrita.- Cambia a letra negrita el texto seleccionado. Subrayado.Subraya el texto seleccionado.

Cursiva.- Cambia a letra cursiva el texto seleccionado.

Insertar lista numerada.- Crea una sucesin de prrafos numerados en lista. Insertar lista.- Crea una sucesin de prrafos en lista precedidos por puntos. Disminuir espaciado.- Disminuye el espacio entre el prrafo donde se encuentra el cursor y el principio de la lnea de escritura. Aumentar espaciado.- Aumenta el espacio entre el prrafo donde se encuentra el cursor y el principio de la lnea de escritura. Superndice.- Cambia a formato de superndice el texto seleccionado debiendo deshabilitar esta opcin para continuar con la escritura normal. Subndice.- Cambia a formato de subndice el texto seleccionado debiendo deshabilitar esta opcin para continuar con la escritura normal. Alinear a la izquierda.- Una vez seleccionado el texto lo alinea al margen izquierdo con el borde derecho discontinuo. Alinear en el centro.- Centra los objetos o el texto seleccionado. Alinear a la derecha.- Alinea el texto u objetos seleccionado al margen derecho con el borde izquierdo discontinuo. Alineacin justificada.- Alinea el texto u objetos seleccionados a los mrgenes derecho e izquierdo. Crear o modificar enlace.- Crea un enlace del texto u objetos seleccionados a una pgina externa, interna, correo electrnico o una imagen en pop-up. Crear enlace de correo electrnico.- Una vez seleccionado el texto o la imagen crea un enlace para el envo de correo electrnico. Fuente, Tamao, Formato, Estilo.- Diferentes opciones para dar formato al texto seleccionado. Color de texto. Color de fondo de texto. Funciones de tablas.operaciones:

Al seleccionar esta opcin es posible realizar las siguientes

Insertar tabla. Inserta una cuadrcula de tabla. Modificar propiedades de tabla. Permite cambiar el color de fondo, borde, ancho, margen de celdas, espacio entre celdas de las tablas. Modificar propiedades de la celda. Permite cambiar el color de fondo, alineacin horizontal, alineacin vertical, y el ancho de celda de una seleccin de celdas.