ubiquitour.com

Tutorial de Scroll iWeb

Mediante la aplicación de creación de sitio web de iWeb de Apple, tienes la capacidad de desplazamiento de comportamiento se aplican a los elementos en su sitio Web. Estos elementos, como su texto e imágenes, pueden mover a través de la página en la dirección que desee y vaya tantas veces como quiera. iWeb le ofrece una herramienta que le permite introducir el código de lenguaje marcado de hipertexto que anima las características deseadas en tu página. Asignar una acción de desplazamiento para crear contenido atractivo en su sitio.

Instrucciones

1 Iniciar su aplicación de iWeb y haz clic en una página existente en el lado izquierdo de la ventana de iWeb que se abre. Alternativamente, haga clic en el botón "Añadir página" en la barra inferior y haga clic en un tipo de estilo y página de plantilla en el cuadro de diálogo que aparece. Haga clic en el botón "Seleccionar" para continuar.

2 Haga clic en el botón "Mostrar multimedia" en la barra de herramientas y seleccione la pestaña de "Widgets" que se muestra en el lado izquierdo de la ventana. Haga clic en el widget de "Fragmento de HTML" y arrastrarlo a un lugar donde desea que la función de scroll para aparecer. Automáticamente se abrirá la ventana de diálogo de fragmentos de HTML.

3 Escriba "< marquee >< / marquee >" en el cuadro de texto, que es el código básico carpa que hace scroll de contenido en tu página Web. Tipo el texto que desee para desplazarse entre las etiquetas así:< marquee >Este es su texto desplazable.< / marquee >

4 Agregar una imagen a su función de desplazamiento introduciendo "< img src =" y luego "/ >" entre las etiquetas marquee. Escriba la dirección URL de la imagen entre comillas así:< marquee >< img src = "http://www.example.com/images/picture.jpg & amp; quot; / >< / marquee >

5 Tipo "comportamiento =" en el marco de la apertura de la etiqueta y escriba "desplazarse" después de firmar el es igual a para especificar su contenido designado para desplazarse. Además, escriba "dirección =" y siga con la "izquierda" "derecha", "arriba" o "hacia abajo" para determinar la dirección del desplazamiento horizontal o vertical. Por ejemplo:< comportamiento de marquesina = "scroll" dirección = "left" >

6 Entrar en "loop =" y escriba un número para determinar el número de veces que el contenido se desplaza a través de la página. Para ilustrar:< loop marquee = "2" >

Si no introduce un atributo loop y el número, la marquesina se desplaza continuamente por defecto.

7 Haga clic en el botón "Aplicar" en el cuadro de diálogo y haga clic en la opción "Guardar" del menú de archivo a fin de preservar los cambios. Su código completo es ahora similar al ejemplo siguiente:< comportamiento de marquesina = "scroll" dirección = "izquierda" loop = "2" >Este es su texto desplazable.< img src = "http://www.example.com/images/picture.jpg & amp; quot; / >< / marquee >

Consejos y advertencias

  • Obtener una dirección URL de tu imagen por subirla a tu cuenta de propietario de la Web en el mismo directorio donde guarda los archivos de su sitio web y grabar la ruta del archivo, por ejemplo, http://www.yoursite.com/images/picture.jpg. Alternativamente, apunte su navegador a un sitio como TinyPic o PostImage.org, libre de la imagen y siga las instrucciones para agregar su archivo. Registro de la dirección Web que aparece al final del proceso.