Documente Academic
Documente Profesional
Documente Cultură
Contenido
Captulo 1
3 3 3 4 4 4 6 8 8 9 9 10 11 13 16 19 20 21 22 23 25 25 25
Bienvenido a iWeb Acerca de iWeb Qu va a aprender Antes de empezar Requisitos necesarios Terminologa til Interfaz de iWeb Aprender iWeb Visin general sobre la creacin de un sitio web Paso 1: Disee su sitio web Paso 2: Cree su sitio web Cmo aadir su propio texto Cmo aadir sus propios grficos Cmo aadir fotos y lbumes de fotos Cmo crear un blog Cmo aadir enlaces a otras pginas Cmo aadir un mapa Cmo organizar los sitios web Cmo renombrar sitios o pginas web Paso 3: Cmo publicar su sitio web en Internet Cmo realizar cambios en el sitio web Siga explorando iWeb Cmo obtener ms ayuda
Captulo 2
Bienvenido a iWeb
Acerca de iWeb
iWeb es una aplicacin que ofrece la forma ms sencilla de crear y publicar sitios web con un aspecto inmejorable. Puede ver el aspecto que presentar una pgina web mientras trabaja en ella; no es necesario que tenga conocimientos de programacin ni de lenguajes de creacin web, como HTML. Utilice cualquiera de las plantillas especiales de iWeb para crear un sitio web de aspecto profesional en cuestin de minutos y, a continuacin, publique su sitio web en MobileMe haciendo clic en un botn. iWeb le facilita las tareas de actualizar y gestionar su sitio web. Puesto que iWeb est integrado en iLife, resulta sencillo mostrar sus fotos o creaciones, crear un blog o podcast y aadir opciones especiales, como vdeos, mapas y anuncios al sitio web.
Qu va a aprender
En estas lecciones, aprender a realizar lo siguiente: Crear un sitio web utilizando plantillas prediseadas. Aadir pginas para fotos y lbumes de fotos. Iniciar un blog (un diario en Internet). Aadir un enlace a otro sitio web. Aadir un mapa. Aadir un botn Enveme un correo , de modo que las personas que visiten su sitio web puedan ponerse en contacto con usted. Publicar su sitio web, de forma que la gente pueda visitarlo.
Antes de empezar
Para que le resulte ms fcil completar las lecciones, es posible que desee imprimirlas. En muchas de las tareas que se muestran en las lecciones (y en la Ayuda iWeb), tendr que seleccionar comandos de men, que presentan un aspecto como el siguiente: Seleccionar Edicin > Copiar. La primera palabra que va a continuacin de Seleccionar es el nombre de un men de la barra de mens de iWeb. La siguiente palabra (o palabras) indica el elemento que hay que seleccionar en dicho men.
Puede abandonar las lecciones de iniciacin en cualquier momento seleccionando iWeb > Salir de iWeb, o bien haciendo clic en el botn de cierre rojo situado en el extremo superior izquierdo de la ventana de iWeb. La prxima vez que abra iWeb, su sitio web estar exactamente como lo dej. Asegrese de guardar su trabajo de vez en cuando; para ello, seleccione Archivo > Guardar. Divirtase experimentando todo lo que quiera. Siempre podr deshacer una accin seleccionando Edicin > Deshacer las veces que sean necesarias para eliminar los cambios realizados. El comando Deshacer no eliminar lo que est guardado.
Requisitos necesarios
Para poder realizar todos los pasos de estas lecciones, necesitar algunas fotos u otros archivos grficos de su ordenador. No obstante, si no tiene ninguno, puede realizar igualmente el resto de pasos.
Terminologa til
A continuacin, se muestra una serie de definiciones breves de algunos de los trminos con los que se va a encontrar cuando trabaje con iWeb. Anuncio AdSense: servicio proporcionado por Google que le permite colocar anuncios relacionados con el contenido de las pginas en cualquier pgina de su sitio web. Obtendr ingresos de Google cuando los visitantes de su sitio web hagan clic en los anuncios. Blog: diario basado en web que puede contener texto, fotos y otros contenidos. Para obtener ms informacin al respecto, consulte Cmo crear un blog en la pgina 16.
Navegador: aplicacin que se utiliza para visitar sitios web (el sistema Mac OS X se distribuye con un navegador llamado Safari). Archivo de dominio: el archivo de su ordenador que contiene todos los datos de sus sitios web de iWeb. Nombre de dominio: la raz (la primera parte, despus de http y www) de la direccin de su sitio web en su dominio. Por ejemplo, el dominio del sitio www.ejemplo.com/index es ejemplo.com . Pgina de inicio: se trata de la primera pgina que aparece al visitar un sitio web. Tambin recibe el nombre de pgina inicial o pgina por omisin. Hipervnculo: texto u objeto donde puede hacer clic para iniciar una accin como, por ejemplo, ir a otra pgina web o abrir un documento. La mayora de los hipervnculos de texto (tambin denominados enlaces) tienen un aspecto distinto al del texto que los rodea (suelen estar subrayados o presentar un color distinto) para indicar que se puede hacer clic en ellos. Internet: red mundial de ordenadores que hace posible que las personas se comuniquen entre s y compartan informacin. MobileMe: servicio de Internet para miembros proporcionado por Apple Inc. Su suscripcin a MobileMe le permite publicar sus sitios iWeb con un solo clic y le ofrece servicios de correo electrnico sin publicidad, la posibilidad de compartir fotos y vdeos, copias de seguridad en Internet, sincronizacin y mucho ms. Para obtener ms informacin, visite www.apple.com/es/mobileme. Men de navegacin: tabla de contenidos del sitio web. En el men de navegacin se muestran todas las pginas del sitio web en forma de enlaces donde pueden hacer clic las personas para visitar cada una de las pginas. iWeb crea de forma automtica un men de navegacin para su sitio web. Podcast: archivo de audio o vdeo similar a un programa de radio o TV en Internet. Usted puede crear sus propios podcasts y permitir que los visitantes los descarguen uno a uno, o que puedan descargarse nuevos episodios de forma automtica mediante una suscripcin. RSS: opcin que permite a los visitantes suscribirse a los contenidos de un sitio web y recibir actualizaciones automticas cuando se aadan nuevas entradas de blog, nuevos episodios de podcasts o nuevas fotos al sitio. RSS son las siglas en ingls de really simple syndication , que traducido no es ms que distribucin realmente sencilla . Cuando los visitantes se suscriben al canal del sitio, las actualizaciones se envan al lector RSS de su eleccin. Direccin URL: direccin del sitio web que hay que especificar en un navegador para ir a dicho sitio. (URL son las siglas en ingls de Uniform Resource Locator o Localizador uniforme de recursos .) Una direccin URL normal presenta una forma parecida a la siguiente: http://www.apple.com.
Web: la web (o World Wide Web) son todos los sitios, pginas, texto, archivos multimedia y enlaces con los que los usuarios interactan cuando viajan por Internet. Aunque resulta normal utilizar los trminos web e Internet de manera indistinta, Internet es en realidad la red de hardware y software que soporta la web. Sitio web: serie de pginas web independientes enlazadas en un sitio web. Los sitios web suelen organizarse alrededor de un tema, una persona o una organizacin. Tambin se le denomina simplemente sitio. Pgina web: una sola pgina dentro de un sitio web. Tambin se le denomina simplemente pgina. Widget web: objeto que incrusta contenido de Internet en cualquiera de sus pginas web. Por ejemplo, un mapa de Google o un fragmento de otro sitio web, como YouTube.
Interfaz de iWeb
Barra lateral Aqu es donde aparecern todos los sitios y pginas web que cree. Haga clic en una pgina para que aparezca en el lienzo de pginas web. Men de navegacin Todas las pginas del sitio se muestran en este men. Las personas que visiten el sitio web podrn hacer clic en estos enlaces para ver sus pginas web. Marcadores de posicin de texto y grficos Lienzo de la pgina web Aqu podr editar la pgina web. Personalice el texto, aada grficos y pelculas, aada enlaces, organice los elementos en la pgina, etc. Haga clic en el texto del marcador de posicin y escriba sus propios ttulos y textos del cuerpo. Arrastre sus propios archivos grficos hasta los grficos de marcadores de posicin.
Barra lateral A medida que vaya creando sitios web y pginas web, irn apareciendo en la barra lateral. Haga clic en los tringulos desplegables para mostrar u ocultar las pginas de un sitio o las subpginas de un blog. Puede organizar las pginas arrastrndolas en la lista. Puede incluso arrastrar una pgina de un sitio web a otro.
Lienzo de la pgina web El lienzo de pginas web es el lugar donde se crea el contenido de una pgina web. Puede arrastrar archivos grficos, archivos de pelculas y archivos de sonido al lienzo para aadirlos a su sitio web. El lienzo de las pginas web consta de cuatro regiones distintas: La barra de navegacin, que contiene el men de navegacin (la tabla de contenido del sitio web). La cabecera de la parte superior de la pgina. El pie de pgina en la parte inferior de la pgina. El cuerpo, entre la cabecera y el pie de pgina. Para obtener ms informacin, consulte Acerca de las regiones de las pginas web en la Ayuda iWeb.
Aprender iWeb
Estas lecciones le guiarn paso por paso a lo largo del proceso de creacin de un sitio web sencillo. Visin general sobre la creacin de un sitio web
Disee su sitio web. Su primer paso es decidir qu es lo que quiere en su sitio web. Desea compartir fotos?, escribir un diario de viajes?, mostrar un porfolio de su trabajo? Su sitio web incluir una o ms pginas web enlazadas entre s. Pueden contener texto, grficos, vdeo, audio, etc. Con iWeb, resulta muy sencillo modificar, aadir o eliminar pginas web en cualquier momento, de modo que no tendr por qu tomar decisiones sobre todos los detalles antes de empezar. Puede crear varios sitios web, de forma que pueda tener, por ejemplo, un sitio web personal y un sitio web para su negocio. Cmo crear su sitio web. Tras decidir cmo desea utilizar su sitio web, el siguiente paso es montar y organizar el contenido del mismo. Las plantillas de iWeb facilitan la introduccin de texto, la adicin de fotos y pelculas, la configuracin de enlaces a otros sitios web, etc. Cmo publicar su sitio web en Internet. Tras crear un sitio web, deber publicarlo para que otras personas puedan visitarlo. Con iWeb y una cuenta de MobileMe, este paso resulta tan sencillo como hacer clic en un botn. Nota: Para publicar su sitio web siguiendo las instrucciones de estas lecciones, necesitar al menos una suscripcin gratuita de prueba a MobileMe y suficiente espacio disponible en el iDisk para almacenar sus pginas web, incluido el contenido multimedia (pelculas, fotos y otros elementos que aada a su sitio web). Si no posee una cuenta de MobileMe, puede obtener una (ya sea una cuenta gratuita de prueba durante 60 das o bien una suscripcin de pago anual) abriendo las Preferencias del Sistema y haciendo clic en MobileMe (o visitando www.apple.com/es/mobileme).
Si an no sabe con certeza el contenido que va a incluir en su sitio web, puede seguir con las lecciones y aprender a utilizar iWeb. No habr nada visible al pblico hasta que publique el sitio web. Ms adelante, cuando est listo para dar a conocer su sitio web, podr publicarlo.
3 Seleccione una plantilla a la derecha. La plantilla Bienvenida ya est seleccionada (la plantilla seleccionada tiene un borde amarillo a su alrededor). 4 Haga clic en Seleccionar. En estos momentos, acaba de crear su primera pgina web. La barra lateral muestra su sitio y una pgina de bienvenida.
10
Cuando empiece a escribir, el marcador de posicin resaltado se reemplazar por el texto que escriba.
Puede desplazar los cuadros de texto a ubicaciones diferentes de la pgina o hacer que sean ms grandes o pequeos para ajustar ms o menos texto. Para mover o cambiar el tamao de un cuadro de texto: 1 Haga clic en el texto una vez para mostrar los tiradores de seleccin alrededor del cuadro de texto. 2 Haga clic en el interior del cuadro de texto y arrstrelo para colocarlo en otra posicin. 3 Arrastre un tirador de seleccin para cambiar el tamao del cuadro de texto.
Arrastre uno de estos tiradores para cambiar de tamao el cuadro de texto.
Experimente aadiendo texto y moviendo y cambiando el tamao de los cuadros de texto. Siempre puede seleccionar Edicin > Deshacer para revertir cualquier accin que no desee conservar, hasta que publique el sitio web. Para ver los bordes de todos los cuadros de texto de la pgina: m Seleccione Visualizacin > Mostrar disposicin para ver todos los cuadros de texto.
11
Para reemplazar un marcador de posicin de grfico por una foto: 1 Haga clic en el botn Multimedia de la barra de herramientas. 2 Haga clic en Fotos. 3 Seleccione el lbum o evento que contenga la foto que desee. 4 Localice la foto en las miniaturas situadas en la parte inferior del visualizador multimedia y arrstrela hasta el marcador de posicin de grficos de la pgina web.
El marcador de posicin de grficos desaparece y en su lugar aparece la foto. Al hacer clic en la foto, se mostrarn los tiradores de seleccin, que le permitirn cambiar su tamao. Tambin puede arrastrar una foto desde el escritorio, desde la aplicacin iPhoto, o desde el ordenador hasta el marcador de posicin de grficos. Experimente reemplazando los marcadores de posicin de grficos por fotos, pelculas o archivos de audio, utilizando el visualizador multimedia.
12
13
Si solo arrastra una foto, desaparecern todos los marcadores de posicin de la retcula de fotos sobrantes. Sin embargo, no debe preocuparse, pues la siguiente foto que arrastre hasta la retcula de fotos se formatear como la primera, utilizando el mismo estilo y tamao. Puede aadir hasta 500 fotos o pelculas en un lbum o en una pgina de Fotos. 8 Haga clic en el marcador de posicin de texto situado debajo de cada foto y escriba un pie de foto. Con las fotos colocadas, ahora puede ajustar la disposicin de las fotos en la retcula de fotos. Arrastre las fotos para reordenarlas. Cuando haga clic en una foto, aparecer la ventana de la retcula de fotos. Utilice los ajustes de esta ventana para cambiar el estilo del marco para todas las fotos en la pgina, cambie el nmero de columnas, active o desactive los pies de pgina, etc. Para obtener ms informacin acerca del uso de estos ajustes, consulte Cmo cambiar la disposicin de fotos en una plantilla de fotos en la Ayuda iWeb.
Mientras trabaja en iWeb, seleccione ver los nmeros de pgina en las pginas Fotos paginadas, o visualice una pgina con desplazamiento. Este ajuste no afecta a la vista del visitante.
Si el nmero de fotos de la retcula de fotos supera el ajuste de N de fotos por pgina en la ventana de la retcula de fotos, iWeb divide la retcula de fotos en varias pginas para sus fotos y aade los nmeros de pgina y las flechas de navegacin.
Los nmeros de pgina y las flechas de navegacin aparecen cuando hay ms fotos que las indicadas en N de fotos por pgina .
14
Otro modo de organizar sus fotos es utilizar la vista detallada. Cuando haga doble clic en una foto en una pgina de Fotos, la foto se agranda para que pueda verla de un modo ms detallado. Haga clic en los botones de visualizacin situados en la parte superior de la ventana detallada para ver las miniaturas de las fotos en un navegador de fotos desde la parte superior. Al hacer clic una miniatura en el navegador de fotos, la foto ampliada se muestra ms abajo. Los visitantes del sitio web tambin podrn ver esta vista cuando hagan clic en una foto de la pgina Fotos.
Haga clic en las miniaturas para ver la foto ampliada ms abajo. Haga clic en las flechas para ver el conjunto anterior o posterior de miniaturas.
Cmo aadir varios lbumes de fotos a una pgina Si tiene varios lbumes de fotos o pelculas, puede crear una pgina Mis lbumes para ofrecer una nica pgina de ndice para todos sus lbumes. En lugar de visualizar muchos lbumes en el men de navegacin del sitio web, los visitantes pueden hacer clic en el enlace de la pgina Mis lbumes y tendr acceso inmediato a todos sus lbumes. Cuando los visitantes de la pgina Mis lbumes pasan el ratn por encima de los lbumes, pueden visualizar un pase de diapositivas dentro del marco del lbum sin salir de la pgina. Cuando hacen clic en el lbum, este se abre y pueden visualizar las imgenes en un pase de diapositivas ms grande. Para aadir una pgina Mis lbumes: 1 Haga clic en el botn Aadir (+) (o seleccione Archivo > Pgina nueva). 2 En el selector de plantillas, seleccione un tema en la lista que aparece a la izquierda. 3 Seleccione Mis lbumes en las plantillas de la derecha y, a continuacin, haga clic en Seleccionar. La pgina nueva contiene una retcula de lbumes con marcadores de posicin de lbumes. 4 Arrastre la pgina de Fotos desde la barra lateral hasta la retcula de lbumes a la pgina Mis lbumes. Al arrastrar lbumes de fotos desde el visualizador multimedia hasta la retcula de lbumes, iWeb crea de forma automtica una pgina Fotos para el lbum y la aade al ndice Mis lbumes.
15
Para reorganizar los lbumes de una pgina Mis lbumes: m Arrastre las pginas Fotos (en Mis lbumes de la barra lateral) para ordenarlas tal y como desee. Haga clic en un lbum para ver la ventana ndice de contenidos, donde podr ajustar el nmero de columnas y realice el resto de ajustes en la disposicin de la pgina. Puede cambiar el efecto de transicin entre fotos seleccionando una opcin del men local Animacin del lbum .
Utilice la ventana ndice de contenidos para cambiar la disposicin y el formato de una pgina de ndice Mis lbumes.
Experimente aadiendo fotos y lbumes, ajustando la disposicin de las pginas Fotos y Mis lbumes. Puede encontrar ms informacin en la Ayuda iWeb.
16
4 Haga doble clic en el marcador de posicin de texto para crear su propio ttulo y texto del cuerpo, o para cambiar la fecha.
Todas las entradas se muestran aqu. Haga clic en una entrada para que se muestre debajo.
Arrastre una imagen, archivo de audio o pelcula hasta el marcador de posicin de contenido. Escriba aqu el ttulo de su entrada. Escriba aqu el contenido del blog.
Al aadir una pgina utilizando una de las plantillas de blog (Blog o Podcast), aparecen tres iconos en la barra lateral: Blog es la pgina que vern las personas que visiten su sitio web. Contiene pasajes (el texto inicial) de las entradas del blog ms recientes. Los visitantes pueden hacer clic en Leer ms para ver toda la entrada. Entradas es el lugar donde se crean y gestionan las entradas del blog. Las personas que visiten su sitio web no vern esta pgina, pero si hacen clic en un pasaje de la pgina principal del blog, vern la entrada completa. Archivo contiene todas las entradas, incluidas las que no aparecen en la pgina principal. Las plantillas de blog incluyen un enlace al archivo en la pgina principal del blog.
Esta pgina ser la que vean las personas que visiten su sitio web. En esta pgina, se muestran pasajes de las entradas del blog ms recientes y un enlace al archivo.
Para escribir y modificar las entradas, haga clic en Entradas. El archivo contiene las entradas que no aparecen en la pgina principal.
17
Para aadir una nueva entrada al blog: 1 En la barra lateral, haga clic en Entradas. 2 Haga clic en el botn Aadir entrada . La nueva entrada aparece debajo de la lista Ttulo con el marcador de posicin de texto y grficos. 3 Haga doble clic en el marcador de posicin de texto para cambiar el ttulo y aadir su propio texto a la entrada. 4 Arrastre grficos desde iPhoto o desde cualquier otro sitio de su ordenador para reemplazar el marcador de posicin de grficos. (Si el visualizador multimedia no est abierto, haga clic en Multimedia, en la barra de herramientas, y despus en Fotos para acceder a sus fotos.) Si realiza cambios en una entrada del blog, como cambios en el tipo de letra o en el color de fondo, puede duplicar la entrada la siguiente vez que aada una entrada y mantener el mismo formato. Para crear una nueva entrada con su propio formato: 1 En la lista Entradas, seleccione la pgina cuyo formato desee duplicar. 2 Seleccione Edicin > Duplicar. 3 Escriba un ttulo para la nueva entrada y reemplace el texto y los grficos por sus propios contenidos. Para editar las entradas de blog existentes: m Seleccione la entrada de la lista Ttulo y realice sus cambios en la entrada, debajo de la lista.
18
Para activar los enlaces en iWeb: 1 Haga clic en el botn Inspector de enlaces de la barra de herramientas (si no lo ve, haga clic en la flecha derecha de la barra de herramientas y seleccione Inspector). 2 Haga clic en el botn Inspector de enlaces y a continuacin haga clic en Hipervnculo. 3 Seleccione la opcin Activar hipervnculos . Importante: Este ajuste no afecta a los enlaces del sitio web publicado; slo activa o desactiva los enlaces en iWeb para que pueda editarlos y comprobarlos. Cmo aadir el botn Enveme un correo Los sitios web suelen tener un mtodo para que los visitantes puedan ponerse en contacto con el propietario o administrador del sitio. Puede aadir un botn Enveme un correo en cualquier pgina del sitio web para que los visitantes puedan ponerse en contacto con usted. Cuando las personas que visiten su pgina hagan clic en este botn, se crear un nuevo mensaje dirigido a su direccin de correo electrnico de MobileMe.
19
Si no publica su sitio en MobileMe, se utilizar la direccin de la tarjeta personal de la Agenda. Si desea utilizar una direccin diferente de correo diferente, abra el Inspector del sitio (haga clic en el botn Inspector de la barra de herramientas, a continuacin, haga clic en el botn Inspector del sitio) y escriba su direccin de correo electrnico en el cuadro Correo electrnico de contacto .
Para aadir un botn Enveme un correo: m Seleccione Insertar > Botn > Enveme un correo.
20
La primera pgina de la barra lateral es la pgina de inicio del sitio web y la primera pgina que los visitantes ven al visitar el sitio web. Para cambiar la pgina de inicio por otra distinta, basta con que arrastre esta ltima hasta la parte superior de la lista, justo por debajo del nombre del sitio. Puede crear ms de un sitio web en iWeb y todos aparecern en la barra lateral. El primer sitio de la barra lateral tambin se denomina sitio inicial.
21
Nota: Puede impedir que una pgina aparezca en el men de navegacin utilizando el Inspector de la pgina. Para obtener ms informacin, consulte el tema Cmo modificar el men de navegacin (tabla de contenido) en la Ayuda iWeb.
El nombre de sitio web que utilice aqu formar parte de la direccin URL del sitio web.
Tal vez desee renombrar el sitio o cualquiera de sus pginas para reflejar su contenido. Importante: Si publica un sitio y cambia su nombre posteriormente, los enlaces a su sitio creados con anterioridad (como favoritos creados por sus visitantes) dejarn de funcionar. No olvide avisar a los visitantes de su sitio web de que su nombre ha cambiado, especialmente a los suscriptores de su blog o podcast.
22
Para cambiar el nombre de una pgina web o de un sitio: m Haga doble clic en el nombre en la barra lateral y escriba el nuevo nombre.
23
3 Seleccione la casilla Convertir el sitio web que he publicado en privado . 4 Escriba un nombre de usuario y una contrasea en los campos correspondientes. Todas las personas a las que desee permitir el acceso a su sitio utilizarn el mismo nombre de usuario y la misma contrasea. Importante: No introduzca su nombre de usuario y su contrasea de MobileMe; cree un nombre y una contrasea que sean difciles de adivinar. No es necesario que sean palabras reales; puede utilizar una combinacin de letras y nmeros. Las contraseas distinguen entre maysculas y minsculas. 5 Para publicar su sitio web, haga clic en el botn Publicar. Cuando aparezca el mensaje en el que se indica que se ha publicado correctamente el sitio, haga clic en Anunciar. El mensaje de correo electrnico en el que se notifica la presencia de su sitio web incluir el nombre de usuario y la contrasea que haya especificado. Algunas de las caractersticas de iWeb no pueden utilizarse con servicios de alojamiento que no sean MobileMe. Si publica el sitio web en otro servicio de alojamiento, consulte Cmo publicar en un servidor o servicio de alojamiento que no sea MobileMe en la Ayuda iWeb.
24
25
www.apple.com/iweb
2008 Apple Inc. Todos los derechos reservados. Apple, el logotipo de Apple, iLife, iPhoto, iTunes y Mac OS son marcas comerciales de Apple Inc., registradas en EE UU y en otros pases. iWeb y Safari son marcas comerciales de Apple Inc. iTunes Store y .Mac son marcas de servicio de Apple Inc., registradas en EE UU y en otros pases. MobileMe es una marca de servicio de Apple Inc. El resto de nombres de productos y empresas mencionados en el presente documento pueden ser marcas comerciales de sus respectivas empresas. E019-1284-A 07/2008