Página web creada únicamente con MAGIX Web Designer,6) Guardar y publicarSelecciona Archivo -> Guardar para guardar tu página web como archivo .web. Este es el formato que utiliza este programa. Para guardar los archivos en HTML de forma que puedas visualizar la página en tu navegador, debes seleccionar la opción del menú Archivo -> Exportar página web. Se creará un archivo HTML para cada página de tu página web y colocará todos los archivos asociados en una carpeta junto a los archivos HTML.PublicaciónIPara poder publicar tu página web en Internet necesitas una empresa con servicio de alojamiento web (hosting). Hay cientos de empresas que ofrecen “espacio de almacenamiento web”. El proceso de transferencia de tu página web desde tu disco duro al servidor web de tu empresa de alojamiento web se llama FTP (file transfer protocol). Necesitarás tres datos de tu empresa de alojamiento web: tu nombre de host FTP, tu nombre de usuario y una contraseña.Antes de publicar la página web primero tienes que exportarla a tu disco duro. Luego, si ya tienes la información sobre la cuenta FTP, selecciona Archivo -> Publicar página web, a continuación se te pedirán los tres datos FTP.--- Fin ---A continuación te explicaremos algunas caracterítsicas más del programa:Pop-upsEs muy fácil crear pop-ups con Web Designer. Se trata de enlaces, botones o fotos desde los que al hacer clic o desplazar sobre ellos el ratón, aparece una ventana emergente (pop-up).Aquí te mostramos los efectos pop-up. En tu navegador de vista previa, mueve el cursor del ratón sobre la imagen del pavo real, sobre los botones con sus nombres respectivos de abajo, o incluso sobre este texto. Este ejemplo es bastante sofisticado porque contiene muchos pop-ups con fondos semitransparentes, pero así muestra lo que se puede conseguir con el programa. En Web Designer, puedes expandir la galería de páginas y capas a tu derecha para ver las capas de cada página (haz clic sobre el pequeño triángulo para expandir cualquier página) y podrás ver cada capa pop-up.Estos 4 botones sobre la barra de símbolos superior dan acceso a las funciones más comunes de Web Designer. Tres de ellos tienen menús desplegables con otras funciones. Pasa el ratón por encima de cada botón para saber más.Esta foto es un objeto de contorneo (si lo desplazas por la página en Web Designer el texto se irá apartando). También tiene un efecto pop-up, así que cuando pasas el ratón sobre la imagen, aparece otra capa encima.Barras de navegaciónWeb designer incluye la que posiblemente sea la herramienta de creación de barras de navegación (NavBar) más avanzada de todos los programas de creación web existentes. La que puedes ver en la parte superior de estas páginas es un ejemplo sencillo, aquí hay otro que contiene submenús. (Realiza una vista previa de la página para probarlas).Antes, la contrucción de barras de navegación de este tipo estaba reservada a diseñadores gráficos experimentados. Ahora, tú también puedes añadir este tipo de diseños a tus páginas web. Lo que tiene de especial es que solo tienes que editar el texto de botón y el diseño gráfico se adaptará automáticamente. Por su puesto podrás elegir cualquier color y hemos incluido decenas de diseños distintos en la galería de diseños. También podrás incorporar menús desplegables con diferentes efectos de animación y de transparencia.Las próximas páginas describen algunas funciones más avanzadas como la inserción de vídeos, repetición de objetos en todas las páginas y otras funciones.Vista previaEnlacesPropiedades webExportar y publicar
Vista previa página actual
Vista previa página web completa
El botón de vista previa abre una ventana de navegador web para que puedas ver exactamente cómo se verá tu página web en Internet. Si haces clic directamente en el botón sin esperar a que aparezca el menú desplegable, solo verás una previsualización de la página actual. Para obtener una vista previa de toda la página web, espera a que se despliegue el menú y selecciona la segunda opción.Si ya has exportado la página web a tu disco duro, este botón también hará que se vuelva a exportar.
The Link button allows you to set all types of links on regions of text, graphic objects or photos. First select the item you want to give a link, then select this button.You can link to external websites, you can make the link automatically pop-up a large photo (see example on page 1), you can link to any page or anchor point in your website. You can make the link pop-up a layer or link it to an uploaded document such as a PDF file.
Página web
Página
ImagenMouse-overMarcador de lugarFTPBarra de navegación
El botón de propiedades web abre un diálogo para configurar numerosas propiedades. Por ejemplo, en las propiedades web es donde introduces las palabras clave para tu página web, configuras Google analytics (seguimiento de visitas), etc.La función de propiedades de la imagen te permite controlar los pop-ups de las miniaturas y la optimización de imagen.El icono del raton permite configurar los efectos mouse-over para los objetos (como puedes ver aquí).El último botón abre el diálogo de barras de navegación para crear y controlar las barras de navegación inteligentes, como la que puedes ver en la parte superior de cada página del sitio web.
Guardar HTMLPublicarGuardar JPGGuardar PNG
Con este botón accedes a las opciones de exportación y publicación. La primera opción guarda tu página HTML en el disco duro local. La segunda publica tu página web en Internet. Las dos últimas son para exportar el elemento seleccionado como archivo JPG o PNG.
Esta es una capa pop-up que puede incluir cualquier texto, gráfico o foto. A través de la pestaña "Mouse-over" del diálogo de propiedades web podrás configurar los enlaces u objetos que quieres que tengan un efecto pop-up como este.Lo nuevo en este lanzamiento: puedes controlar también la animación de capas.
Página web creada únicamente con MAGIX Web Designer,
6) Guardar y publicar
Selecciona Archivo -> Guardar para guardar tu página web como archivo .web. Este es el formato que utiliza este
programa. Para guardar los archivos en HTML de forma que puedas visualizar la página en tu navegador, debes
seleccionar la opción del menú Archivo -> Exportar página web. Se creará un archivo HTML para cada página de tu
página web y colocará todos los archivos asociados en una carpeta junto a los archivos HTML.
Publicación
IPara poder publicar tu página web en Internet necesitas una empresa con servicio de alojamiento web (hosting).
Hay cientos de empresas que ofrecen “espacio de almacenamiento web”. El proceso de transferencia de tu página
web desde tu disco duro al servidor web de tu empresa de alojamiento web se llama FTP (file transfer protocol).
Necesitarás tres datos de tu empresa de alojamiento web: tu nombre de host FTP, tu nombre de usuario y una
contraseña.
Antes de publicar la página web primero tienes que exportarla a tu disco duro. Luego, si ya tienes la información
sobre la cuenta FTP, selecciona Archivo -> Publicar página web, a continuación se te pedirán los tres datos FTP.
--- Fin ---
A continuación te explicaremos algunas caracterítsicas más del programa:
Pop-ups
Es muy fácil crear pop-ups con Web Designer. Se trata de enlaces, botones o fotos desde los que al hacer clic o
desplazar sobre ellos el ratón, aparece una ventana emergente (pop-up).
Aquí te mostramos los efectos pop-up. En tu navegador de vista previa, mueve el cursor del ratón sobre la imagen
del pavo real, sobre los botones con sus nombres respectivos de abajo, o incluso sobre este texto. Este ejemplo es
bastante sofisticado porque contiene muchos pop-ups con fondos semitransparentes, pero así muestra lo que se
puede conseguir con el programa. En Web Designer, puedes expandir la galería de páginas y capas a tu derecha
para ver las capas de cada página (haz clic sobre el pequeño triángulo para expandir cualquier página) y podrás ver
cada capa pop-up.
Estos 4 botones sobre la barra de símbolos superior dan acceso a las funciones más comunes de Web Designer. Tres
de ellos tienen menús desplegables con otras funciones. Pasa el ratón por encima de cada botón para saber más.
Esta foto es un objeto de contorneo (si lo desplazas por la página en Web Designer el texto
se irá apartando). También tiene un efecto pop-up, así que cuando pasas el ratón sobre la imagen,
aparece otra capa encima.
Barras de navegación
Web designer incluye la que posiblemente sea la herramienta de creación de barras de navegación (NavBar) más
avanzada de todos los programas de creación web existentes. La que puedes ver en la parte superior de estas
páginas es un ejemplo sencillo, aquí hay otro que contiene submenús. (Realiza una vista previa de la página para
probarlas).
Antes, la contrucción de barras de navegación de este tipo estaba reservada a diseñadores gráficos
experimentados. Ahora, tú también puedes añadir este tipo de diseños a tus páginas web. Lo que tiene de especial
es que solo tienes que editar el texto de botón y el diseño gráfico se adaptará automáticamente. Por su puesto
podrás elegir cualquier color y hemos incluido decenas de diseños distintos en la galería de diseños. También
podrás incorporar menús desplegables con diferentes efectos de animación y de transparencia.
Las próximas páginas describen algunas funciones más avanzadas como la inserción de vídeos, repetición de
objetos en todas las páginas y otras funciones.
Vista previa
Enlaces
Propiedades web
Exportar y publicar
