-
Cómo crear un carrusel de cartera
-
Cuando se tiene talentos creativos, tales como la fabricación de joyas, peinado del cabello, el diseño de la ropa o la creación de sitios web, atraer nueva clientela por mostrar sus habilidades. Una forma de hacerlo es mediante la toma de fotografías de todo su trabajo. Colocar esas fotos en una cartera. Añadir la cartera a su sitio web en forma de una presentación de diapositivas carrusel. Mediante el uso de una presentación de diapositivas carrusel, en lugar de imágenes estáticas, también se añade interés visual a su sitio.
Instrucciones
1 Ingrese a su alojamiento web "Panel de control". Haga clic en "File Directory." Si una carpeta "Imágenes" está presente, haga clic en la carpeta para abrirla.
2 Haga clic en la opción "Subir". Navegar a través de los archivos de imágenes que se encuentran en el disco duro de su ordenador. "Doble clic" los archivos de imagen que desea utilizar en su cartera. Los archivos de imagen serán automáticamente cargados desde el disco duro de su ordenador al servidor de alojamiento web.
3 Anote el nombre de cada archivo de imagen, tal como aparece en su servidor web. Por ejemplo, "picture1.jpg", "picture2.jpg" y "picture15.jpg".
4 Haga clic en la página interior de su directorio de archivos que desea agregar a la cartera de carrusel. Seleccione "Editar". Esto abrirá el Editor HTML de la página.
5 Busque el "<head>" y "</ head>" etiquetas situados cerca de la parte superior del cuadro de editor de HTML. Pegar el código HTML carrusel de diapositivas (ver enlace en "Recursos") en cualquier lugar entre las dos etiquetas de la cabeza.
6 Pega el siguiente código HTML en cualquier lugar entre el "<body" y "</ body" pestañas. Asegúrese de sustituir los nombres de archivo de imagen genéricos con los nombres de archivo de imagen real.
<Div style = "margin-top: 1 em; font-weight: bold;"> 1) Presentación horizontal: </ div>
<Script type = "text / javascript">
carrusel ({id: 'Mi Cartera', frontera: '', size_mode: "imagen", anchura: 127,
height:160, sides:6, steps:23, speed:5, direction:'left',imágenes: [ 'picture1.jpg',
'Picture2.jpg',
'Picture3.jpg',
'Picture4.jpg',
'Picture5.jpg',
'Picture6.jpg',
'Picture7.jpg',
'Picture8.jpg',
'Picture9.jpg'], image_border_width: 1, image_border_color: "azul"
}) </script><Div style = "margin-top: 1 em; font-weight: bold;"> 2) Presentación horizontal: </ div>
<Script type = "text / javascript">
carrusel ({id: 'Mi Cartera',
border:'', size_mode:'image', width:127, height:160, sides:6, steps:23, speed:5, direction:'left',imágenes: [ 'picture1.jpg'
'Picture2.jpg',
'Picture3.jpg',
'Picture4.jpg',
'Picture5.jpg',
'Picture6.jpg',
'Picture7.jpg',
'Picture8.jpg',
'Picture9.jpg'],
</ Script>
7 Haga clic en "Guardar" para guardar los cambios en su página web. Haga clic en "Publicar" (en su caso) para publicar su cartera de carrusel para su sitio web.
