16
1 Práctico: Herramientas para crear tu página web CD N º 273 Para cualquier duda envíanos un email a: [email protected] Diseña tu propia página web Contenidos del CD Alojamiento WAMPServer 2.0f Servidor web Programación eZpublish 4.0.3 Gestor de contenidos web Joomla! 1.5.9 Full Package Gestor de contenidos web Roden Web Editor Pro X4.4 Editor web Thingamablog 1.0.6 Editor web TOWeb 2.73 Editor web WordPress 2.7 Editor web Xoops 2.3.2b Gestor de contenidos web XStandard 2.0 Editor web Web Link Validator 5.0 Comprueba los enlaces web SmarterStats 4.0.3322 Análisis de visitas Librería JQuery 1.3.2 Librería JavaScript Mootools 1.2.1 Framework JavaScript Visual Imagemapper 4.0.0 Mapeador de imágenes MobilePress 1.03 Plugin para WordPress Web CEO Free Edition 7.7 Posicionamiento web Diseño Sothink SWF Easy 6.1 Crea animaciones en flash Crystal Button 3.20 Diseña botones web Likno Web Button Maker 2.0 Diseña botones web Advanced Effect Maker 2.0 Añade efectos a la página web Gallery 2.3 Full Sube imágenes a la web Open Clip Art Library 0.18 Colección de cliparts AAA Logo 2009 3.0 Crea logotipos Vector Magic Desktop 1.11 Creación de vectores Seguridad McAfee Total Protect. 2009 Protección contra malware Seguro que en alguna ocasión has pensado lo interesante que sería tener tu propia página web. Sin embargo, todavía no lo has hecho porque no sabes muy bien por dónde empezar. No te preocupes, en este CD encontrarás algunas de las principales aplicaciones que te ayudarán a crear un sitio web sin muchos conocimientos de programación, y que además te van a permitir dotarlo de una apariencia profesional. Lo primero que debes hacer es instalar un servidor web en tu equipo para realizar todas las pruebas pertinentes antes de subir la página a Internet. Por eso, el apartado Alojamien- to será el primero que te en- cuentres en el CD. Una vez hecho esto, puedes empezar a diseñar la estructura de tu sitio web y a do- tarlo de contenido. Lo necesario para llevar a cabo esta tarea lo tienes disponible en la categoría Progra- mación. Allí encon- trarás desde editores web, hasta gestores de contenido, pasan- do por librerías o apli- caciones de posiciona- miento en Internet. Pero para que no te confor- mes con una página de apa- riencia simple, también hemos incluido un nuevo apartado denominado Diseño. En él es- tán disponibles algunas herra- mientas que te permitirán dar un toque profesional a tu web creando botones, animaciones, logotipos y otros efectos. Protección total Por último, con el fin de que tengas tu PC totalmente prote- gido, tienes a tu disposición la versión de evaluación por tres meses del programa McAfee To- tal Protection 2009. Esta suite de seguridad te ofrece todos los recursos necesarios para hacer frente a virus, troyanos, ataques de phishing, suplantación de la identidad y cualquier otro tipo de malware. Por otro lado, esta versión también integra un avanzado módulo de optimización del sistema, gracias al cual es posi- ble programar periódicamente tanto limpiezas de datos tem- porales y de navegación en el equipo como defragmentacio- nes del disco duro. Sumario WAMPServer 2.0 2 Advanced Effect Maker 2.0 3 WordPress 2.7 4 MobilePress para WordPress 7 Thingamablog 1.0.6 8 TOWeb 2.73 10 Sothink SWF Easy 6.1 12 Crystal Button 3.20 14 AAA Logo 2009 3.0 15 Antivirus McAffe Total Proteccion 2009 16 Lo primero que debes hacer es intro- ducir el CD en tu ordenador para co- menzar a cargar los programas. Una vez seleccionada la aplicación, pulsa en Instalar y, en la ventana emergente que te aparezca, haz click sobre Ejecu- tar. En pocos segundos podrás empe- zar a disfrutar de ella. Instalación Nº 273

273 Suplemento

Embed Size (px)

Citation preview

Page 1: 273 Suplemento

1

Práctico: Herramientas para crear tu página web CD Nº 273

Para cualquier duda envíanos un email a: [email protected]

Diseña tu propia página web

Práctico: Herramientas para crear tu página web

Para cualquier duda envíanos un email a: [email protected]

Contenidos del CDAlojamiento WAMPServer 2.0fServidor web

Programación eZpublish 4.0.3Gestor de contenidos webJoomla! 1.5.9 Full PackageGestor de contenidos webRoden Web Editor Pro X4.4Editor webThingamablog 1.0.6Editor webTOWeb 2.73Editor webWordPress 2.7Editor webXoops 2.3.2bGestor de contenidos webXStandard 2.0Editor webWeb Link Validator 5.0Comprueba los enlaces webSmarterStats 4.0.3322Análisis de visitasLibrería JQuery 1.3.2Librería JavaScriptMootools 1.2.1Framework JavaScript

Visual Imagemapper 4.0.0Mapeador de imágenesMobilePress 1.03Plugin para WordPressWeb CEO Free Edition 7.7Posicionamiento web

Diseño Sothink SWF Easy 6.1Crea animaciones en flashCrystal Button 3.20Diseña botones webLikno Web Button Maker 2.0Diseña botones webAdvanced Effect Maker 2.0Añade efectos a la página webGallery 2.3 FullSube imágenes a la webOpen Clip Art Library 0.18Colección de clipartsAAA Logo 2009 3.0Crea logotiposVector Magic Desktop 1.11Creación de vectores

Seguridad McAfee Total Protect. 2009Protección contra malware

Seguro que en alguna ocasión has pensado lo interesante que sería tener tu propia página web. Sin embargo, todavía no lo has hecho porque no sabes muy bien por dónde empezar. No te preocupes, en este CD encontrarás algunas de las principales aplicaciones que te ayudarán a crear un sitio web sin muchos conocimientos de programación, y que además te van a permitir dotarlo de una apariencia profesional.

Lo primero que debes hacer es instalar un servidor web en tu equipo para realizar todas

las pruebas pertinentes antes de subir la página a Internet. Por eso, el apartado Alojamien-to será el primero que te en-cuentres en el CD.

Una vez hecho esto, puedes empezar a diseñar la estructura de tu sitio web y a do-tarlo de contenido. Lo necesario para llevar a cabo esta tarea lo tienes disponible en la categoría Progra-mación. Allí encon-trarás desde editores web, hasta gestores de contenido, pasan-do por librerías o apli-caciones de posiciona-miento en Internet.

Pero para que no te confor-mes con una página de apa-riencia simple, también hemos incluido un nuevo apartado denominado Diseño. En él es-tán disponibles algunas herra-mientas que te permitirán dar un toque profesional a tu web creando botones, animaciones, logotipos y otros efectos.

Protección totalPor último, con el fin de que

tengas tu PC totalmente prote-gido, tienes a tu disposición la versión de evaluación por tres

meses del programa McAfee To-tal Protection 2009. Esta suite de seguridad te ofrece todos los recursos necesarios para hacer frente a virus, troyanos, ataques de phishing, suplantación de la identidad y cualquier otro tipo de malware.

Por otro lado, esta versión también integra un avanzado módulo de optimización del sistema, gracias al cual es posi-ble programar periódicamente tanto limpiezas de datos tem-porales y de navegación en el equipo como defragmentacio-nes del disco duro.

SumarioWAMPServer 2.0 2 Advanced Effect Maker 2.0 3 WordPress 2.7 4 MobilePress para WordPress 7 Thingamablog 1.0.6 8 TOWeb 2.73 10 Sothink SWF Easy 6.1 12 Crystal Button 3.20 14 AAA Logo 2009 3.0 15 Antivirus McAffe Total Proteccion 2009 16

Lo primero que debes hacer es intro-ducir el CD en tu ordenador para co-menzar a cargar los programas. Una vez seleccionada la aplicación, pulsa en Instalar y, en la ventana emergente que te aparezca, haz click sobre Ejecu-tar. En pocos segundos podrás empe-zar a disfrutar de ella.

Instalación

Nº 273

Page 2: 273 Suplemento

2

Todo lo que necesitas para tu webA través de un sencillo asistente, este

programa instalará en tu equipo las si-guientes aplicaciones: el servidor web Apache, el entorno PHP5, la base de da-tos MySQL y los gestores PHPmyadmin y SQLitemanager. Lo hará de forma automá-tica, rápida y sencilla, de forma que tú, lo único que tendrás que hacer, es seguir sus instrucciones.

1 Cuando inicies el proceso de instala-ción de este software verás cómo apa-

rece ante ti un asistente

que te pregunta dónde quieres almacenar la carpeta de archivos del programa. Lo mejor es que dejes todo como está y hagas click en , ya que así la instalación seguirá su curso.

2 Una vez que haya terminado, llegarás hasta una pantalla como esta:

en la que debes elegir el navegador que vas a utilizar para visualizar tu web. Si usas Internet Explorer, viene predetermi-nado por defecto pero si, por el contrario, habitualmente navegas con Mozilla Firefox, tendrás que buscarlo entre los directorios

de tu equipo. Pa-ra ello, despliega la lista y haz click sobre

A continuación busca la carpeta

y, dentro de ella, se-lecciona el archivo

. Después pincha en y otro asistente aparecerá

para solicitarte información sobre los pa-rámetros PHP.

3 Desde aquí te recomendamos que de-jes todo tal cual está y que presiones

el botón para finalizar el proceso de instalación. Ten en cuenta que, si tra-bajas con Windows, probablemente emerja un mensaje de aviso como este:

Para que todo funcione correctamente no olvides pulsar en .

4 Ahora que ya has terminado con la con-figuración de estos ajustes tienes que

colocar los archivos de tu página web en la carpeta correspondiente. Para ello dirígete hasta el icono haz doble cl ick en la unidad de disco y, acto seguido, abre el directorio . Entre sus opciones en-contrarás la carpeta que contiene algunos fi-cheros predeterminados .

Bórralos todos y, acto seguido, pega los de tu proyecto web .

5 Cuando hayas terminado con todo lo anterior, cierra esa carpeta con el bo-

tón y sitúate en el escritorio .

Pincha dos veces en el icono de acceso directo que se ha creado automáti-camente, y comprueba que se haya añadido un nuevo elemento a la barra de herramientas de Windows. Recuerda que puedes cambiar el idioma haciendo click con el botón derecho del ratón y, en la opción , selec-ciona .

6 Ahora pulsa una vez so-

bre el icono y, en la lista que se despliega an-te ti se lecciona la opción .Entonces nota-rás un cambio en el aspecto del programa

, y lo que tendrás que ha-cer a continuación será pinchar en el bo-tón . Por último, haz click sobre la entrada y, automáti-camente, tu navegador abrirá el proyecto web en el que estés trabajando .

WAMPServer 2.0Alojamiento > Servidor web

Win 98/Me Win 2000 Win XP Win Vista

Ahora que las páginas web se han convertido en un elemento indispensable para darse a conocer en la red, quizá estés pensando en crear la tuya propia y, de paso, alojarla en un servidor local para realizar los cambios sin necesidad de conectarte a Internet. Si es así, lo mejor es que eches un vistazo a WAMPServer, un programa gratuito que instala en tu equipo todos los componentes que puedes necesitar para tu pro-yecto. Puedes saber más en www.wampserver.com

Versión Completa

Indicado para Windows:

Nº 273

Práctico: Herramientas para crear tu página webCD Nº 273

Page 3: 273 Suplemento

3

Práctico: Herramientas para crear tu página web CD Nº 273

Un portal más originalSi quieres añadir elementos vistosos a

tu página web, echa un vistazo a Advan-ced Effect Maker. Este programa ofrece un gran número de recursos que, además, puedes modificar a tu gusto cambiando el color, el tipo de fuente, las imágenes o, incluso, añadiendo música. Una vez reali-zados estos cambios, la aplicación gene-rará un código Html que deberás pegar directamente en tu página web.

1 La pantalla principal de este programa es bastante sencilla .

Así, en su parte derecha cuenta con varias pestañas donde están incluidos los diferen-tes recursos que pone a tu disposición .

Mientras, en la zona izquierda se encuentra el icono que permite añadir nuevos ele-mentos. Si pulsas sobre él apa-rece una ventana emergente .

Para agregar archivos que se encuentran en el disco presiona . Si, en cambio, quieres descargar nuevas plantillas desde Internet haz click en el botón . Esta acción abre una página web donde podrás adquirir distintas plantillas. Algunas de ellas es necesario comprarlas, aunque también encontrarás gratuitas. Pa-ra descargar estas últimas, pulsa sobre el link .

2 Además, puedes cambiar la vista

de la pantalla princi-pal abriendo la pesta-ña y activando la casilla . De esta manera, en la parte izquierda apare-cerán en forma de ár-bol todas las plantillas disponibles y, en la parte derecha, las características de cada una de ellas .

3 Dejando la presentación que viene por defecto, es posible ver, debajo de la lí-

nea de pestañas, una imagen de los elemen-tos disponibles para añadir a tu web .

Dependiendo del recurso que se elija, las características que se pueden modificar variarán. Así, en algunos casos es posible cambiar los colores de sus componentes

introducir nuevas fotografías desde el disco duro para sustituirlas por las ya existentes o escribir cualquier tipo de mensaje de texto .

Asimismo, también se puede definir el tamaño y el estilo de la fuente

o aspectos como la velocidad, la imagen de fondo o la rotación de los elementos móviles. Todos estas modificaciones las podrás realizar desde la pestaña .

4 Un elemento muy curioso de este pro-grama es , disponible dentro de

la pestaña . Se trata de un rom-pecabezas que te permite usar cualquiera de las fotografías disponibles en tu disco duro. Desde la opción

utiliza el recua-dro siguiente: para buscar en tu equipo la imagen que deseas establecer como fondo del puzzle. Asimismo, en el resto de las pestañas dis-ponibles

también puedes modificar aspectos como sus colores, los bordes o el tamaño .

5 Otro objeto bastante original para añadir a tu

página web es un reloj ana-lógico también disponible dentro del apartado . Además, permite añadir cualquier foto que tengas almace-nada en tu disco duro. Para ello, entra en y selecciona la imagen que de-sees. El resultado final será parecido a este:

6 Todos los efectos y filtros permiten realizar una vista previa para com-

probar cuál será su aspecto en el portal web. Para ello, tan solo tienes que pulsar sobre el texto que encontrarás debajo de cada imagen .

7 Una vez elegido un elemento y modi-ficados aquellos aspectos que hayas

considerado necesarios, haz click sobre el botón pa-ra crear la aplicación. De forma automática se abrirá una ventana de tu navegador con una vista previa del resultado y una dirección Html que debes copiar directamente en tu pá-gina web para poder visualizar el objeto correctamente .

Advanced Effect Maker 2.0Diseño > Efectos

Win 98/Me Win 2000 Win XP Win Vista

Advanced Effect Maker cuenta con un gran núme-ro de efectos y filtros especiales, creados tanto en Java como en Flash, con los que puedes dar un ori-ginal toque a tu página web. Todos los elementos están clasificados por categorías entre las que se encuentran menús, animaciones, juegos o mensa-jes, entre otras muchas. Si quieres saber más sobre los efectos que puedes incluir en tu página web con este programa, visita www.effectmaker.com

Versión Completa

Indicado para Windows:

Nº 273

Page 4: 273 Suplemento

4

Práctico: Herramientas para crear tu página webCD Nº 273

Empezando con WordPressPara comenzar a usar WordPress es nece-

sario, previamente, obtener un alojamiento web gratuito, una tarea que te resultará sencilla gracias a los numerosos proyec-tos que existen en la red, como puede ser la dirección www.000webhost.com. Tras un sencillo proceso de inscripción, este tipo de páginas te ofrecen alojamiento y sopor-te para lenguaje PHP y la base de datos MySQL. Tendrás que crear tu propia base y recordar el nombre de usuario, la contra-seña y la ruta de alojamiento, puesto que lo necesitarás a continuación.

1 A la hora de instalar WordPress, des-comprime primero el archivo del CD

en tu ordenador y verás que se muestra una multitud de ficheros .

Para que WordPress pueda conectarse con la base de datos de tu espacio web, haz click sobre el archivo con el botón derecho del ratón, marca la op-ción y elige la aplicación para que se mues-tren diversos parámetros que deberás mo-dificar de una forma sencilla .

En concreto, tienes que rellenar los datos de tu conexión a MySQL, que habrás ob-tenido al darte de alta en tu espacio web, y que serán similares a estos:

Para modificar cada uno de los paráme-tros que contiene el fichero, donde pone

tienes que escri-bir, entre las comas, el nombre de la ba-se . Asimismo, debes sustituir el campo por el usuario y el texto por la clave que hayas elegido previamente. También es posible que debas cambiar el nombre del servidor de alojamiento por el que te ofrezca tu servicio, por ejemplo

.

2 Para finalizar, guarda el archivo en la misma carpeta donde has descomprimi-

do el Zip, pero llámalo . El siguiente paso que debes dar es su-bir todo el directorio de WordPress a tu servidor ftp, que puedes crear desde el programa Filezilla (http://filezilla-project.org). Así, abre la aplicación ftp, introduce los datos de acceso que has obtenido durante el alojamiento web

y copia todos los archivos en la carpeta denominada , simplemente arrastrándolos al servidor .

3 Es el momento de personalizar tu blog. En la carpeta en la que has descompri-

mido el programa encontrarás un directorio llamado , así que ábrelo y verás el archivo . Para poder acceder a este fichero, es necesario teclear en tu nave-gador la url de tu dominio gratuito (que en este caso es http://celinda.comuf.com), seguida del directorio donde se encuentra ubica-do el archivo y el nombre del fichero en cuestión. Es decir, quedaría de esta forma: http://celinda.comuf.com/wp-admin/install.php y, al acceder a dicha dirección, te aparecerá una ventana donde tendrás que introducir unos últimos datos .

Dale un nombre a tu blog en la casilla en blanco , escribe tu dirección de correo electrónico

y, a conti-nuación, presiona en . Una última pantalla te informará de que el proceso ha finalizado con éxito, y te pro-porcionará un nombre y una contraseña aleatoria para utilizar este servicio

aunque inmediatamente te llegará un email a tu cuenta de correo para que conser-ves estos datos. Pulsa ahora en el botón

y entrarás en la página de inicio de WordPress, en la que debes introducir

el nombre de usuario y la contraseña .

Por último, haz click en y ac-cederás al panel de control de tu blog, que será donde trabajes a partir de ahora .

Tu blog más personalUna vez que configures WordPress en tu

ordenador, el uso de esta herramienta te resultará muy intuitivo. Aunque es cierto que puedes crear blogs desde multitud de servicios web, utilizar WordPress está más que justificado por las posibilidades de personalización que ofrece. Desde el panel de control podrás modificar el aspecto de tu blog, agregar usuarios para que cola-boren en su redacción y crear categorías para tus entradas.

1 A través de los pasos anteriores ha-brás accedido al panel de control de

tu blog, aunque recuerda que puedes en-trar en él siempre que desees mediante tu

WordPress 2.7Programación > Editores

Win 98/Me Win 2000 Win XP Win Vista

A través de la plataforma de publicación de con-tenidos WordPress, podrás crear y mantener tus blogs sólo con tener espacio en un servidor que soporte PHP y MySQL. Una vez que te hayas hecho con estos requisitos, escribir y publicar a través de esta herramienta te resultará sumamente sencillo, con la posibilidad de complementar tus textos con imágenes, vídeos y sonidos. Puedes encontrar más información en la web http://es.wordpress.org

Versión Completa

Indicado para Windows:

Nº 273

Page 5: 273 Suplemento

5

Práctico: Herramientas para crear tu página web CD Nº 273

url, seguida de la extensión “/wp-admin” (en nuestro caso, http://celinda.comuf.com/wp-admin). Aquí es donde debes realizar todos los cambios, así que, en primer lu-gar, puedes modificar tu perfil para incluir datos sobre ti que resulten de interés para tus lectores. En el lateral izquierdo de la pantalla, pincha en la opción y marca . Entre otras posibilidades, puedes elegir los colores asociados al ta-blón del administrador

además de escribir información de con-tacto, como tu nom-bre y tu correo elec-trónico o incluir datos biográ-ficos que se mostra-rán públicamente .

2 Es posible, asimismo, que te interese que tu blog sea colectivo, para que

más personas puedan escribir en él. Si es así, acude nuevamente al menú y, en este caso, presiona en . En el formulario que se muestra, rellena los campos requeridos con la información del nuevo autor, como el nombre, los apelli-dos y el correo electrónico

y asígnale a esa perso-na un papel para modi-ficar el blog. Así, pulsa en la opción para que se desplieguen las distintas alternativas y elige la que desees en función de los permisos que quieras otorgar: leer y dejar comentarios para las tres primeras opcio-nes que se muestran; o la posibilidad de modificarlo todo para los roles de y

. Pulsa, a continuación, sobre el botón y el nuevo miembro se habrá agregado inmediatamente con el permiso que le has otorgado .

3 Antes de ponerte con la tarea de re-dactar contenidos, te resultará muy

útil realizar las últimas modificaciones de tu blog. Si quieres cambiar el nombre de tu diario personal y añadir una descripción corta, acude al menú y, en la pestaña , puedes modificar todos los datos que te interesen .

Desde esta herramienta es posible también determinar opciones de escritura o lectura, como el tamaño de los textos o las entra-das visibles. Para ello, pulsa en y establece el número de líneas por caja

, o bien acu-de a la pestaña para indicar qué se mostrará en la página inicial

o qué número de entradas se verán en el blog . No te olvides de presionar el botón para almacenar todas las modificaciones, y ten en cuenta que puedes seguir indagando en estas op-ciones para configurar el blog.

4 Además de personalizar la presenta-ción de los contenidos, también puede

interesarte cambiar la apariencia de tu pá-gina, y por eso WordPress pone a tu dispo-sición una serie de plantillas para que el diseño se ajuste a tus gustos. Pincha en el menú y deja activada la opción

. Verás que no hay mucha variedad de interfaces donde elegir

aunque desde el apartado se te ofrece un enlace para consultar nuevas plan-tillas en un directorio de WordPress .

En la página que se abre, selecciona un tema que te interese

haz click en el botón y guárdalo dentro de tu directorio de WordPress, en la carpeta y, dentro de ahí, en

. Recuerda subir ese archivo a tu servidor ftp para que se muestre entre los temas disponibles para tu blog, y sólo ten-drás que pulsar sobre él para que se agre-gue. Se verá una vista previa, así que haz click en para habilitarla y com-probarás que ha queda-do registrada como la plantilla actual . Si quieres ver ya el re-sultado, haz click en el enlace , aunque podrás acceder posteriormente.

Añade complementosAhora que has aprendido a descargar

plantillas, puede ser un buen momento para instalar plugins, es decir, programas añadidos o complementos que mejorarán la experiencia con WordPress.

1 Despliega la opción del la-teral izquierdo del panel de control y,

si presionas en la pestaña , verás las aplicaciones que están incorporadas por defecto en tu blog .

No obstante, estos plugins aparecen des-habilitados, de modo que para integrarlos sólo deberás pulsar en el enlace asociado a cada uno de ellos. Por otra parte, aunque existe multitud de páginas web que contienen plugins para tu blog, WordPress ofrece una gran cantidad de aplicaciones que es posible consultar des-de el vínculo , en el que se ofrece un extenso catálogo .

2 Por ejemplo, puede ser interesante añadir una nube de etiquetas, que

consiste en una representación visual de las etiquetas de un sitio web, en la que las más utilizadas se ven en un tamaño mayor. Para localizar algún plugin que realice esta acción, escribe en el buscador las palabras “tag cloud”, pincha sobre la opción que

Nº 273

Page 6: 273 Suplemento

6

Práctico: Herramientas para crear tu página webCD Nº 273

elijas y comprueba la información relativa a ese complemento .

Si quieres instalarlo, en el menú escoge ahora e introduce en el recuadro en blanco el nombre o el autor del plugin para que te aparezca la aplicación .

Pulsa en y se mostrará entonces una nueva ventana informativa

y en ella deberás presionar el botón para comenzar el proceso

de descarga. Después de introducir los da-tos básicos de tu servidor ftp en los recua-dros correspondientes

haz click en y, en unos segundos, el plugin se habrá instalado. Sólo tienes que pulsar el enlace que aparece para habilitarlo en tu blog. Los resultados se mostrarán posteriormente, a medida que introduzcas etiquetas.

3 No obstante, si no quieres complicarte mucho a la hora de descargar com-

plementos, puedes instalar widgets que se incluyen por defecto en WordPress. Pulsa sobre la opción , elige la cate-goría y selecciona uno de la lista, por ejemplo , pinchando en el enlace . Para que sea efectivo, pulsa el botón y las modifica-ciones se almacenarán en tu blog .

Empieza a publicarUna vez personalizado tu diario online,

es el momento de escribir entradas que pueda leer el resto de la comunidad.

1 Para comenzar, lo más útil será crear categorías y etiquetas a las que, poste-

riormente, vincules tus textos. En el menú marca la opción , es-

cribe un título para una sección concretay presiona , y después repite este proceso para añadir todas las categorías que quieras. Si deseas que una dependa de otra, en el menú

despliega las opciones que has crea-do y escoge una . En el lateral derecho verás que se han ido generando las categorías aunque hasta que no crees entradas en cada una no se mostrarán en tu blog. Del mismo modo, acude a y ve añadiendo todas las que quieras, escribiendo un título y pulsando el botón

para guardar los cambios. Posteriormente podrías seguir introducien-do categorías y etiquetas.

2 Llegó el momento de escribir, así que en el menú haz click sobre

. Si estás acostumbrado a los blogs, verás que redactar una entrada es un pro-ceso muy sencillo: escribe un título y el contenido y edita el texto a tu gusto .

Puedes incluir etiquetas desde el recuadro destinado a tal fin en el lateral derecho así como determinar a qué categoría perte-nece la entrada, sim-plemente activando la casilla correspondien-te en cada caso . Por último, para que el texto se muestre en la web, debes acudir al apartado y pulsar sobre el botón . El tablón del blog te indicará que ha sido actualiza-do con éxito de modo que presiona el enlace para que puedas visualizarla .

3 Hay una serie de comandos del cuadro de edición que debes tener en cuenta

al crear tus entradas. Para modificar el co-lor de la letra, pulsa en el botón que despliega una barra de edición similar a la de los procesadores de texto

y por la que no te costará moverte. Tam-bién es muy típico en los blogs añadir hipervínculos, para que ciertas palabras dirijan a una web en concreto. Así, señala un término, pincha en añade la url en la ventana que se muestra

y presiona en . Por último, tienes la posibilidad de añadir una imagen, un vídeo o una canción junto con tu entrada a través de la barra que se encuentra enci-ma del editor . Para incluir una foto, haz click en y se abrirá una nueva pantalla para subir las imágenes que quieras .

Presiona en , localiza la foto y pincha luego sobre para cargarla. O, también, puedes añadirla des-de una dirección web, de modo que pulsa en , escribe el enlace

y marca el botón . Cuando hayas hecho los cambios oportunos, ten-drás la posibilidad de editar de forma básica la imagen .Después presiona sobre para subirla a la web .

4 Por último, a medida que los internau-tas visiten tu blog, podrán ir dejando

opiniones. Es posible gestionarlas desde el menú de tu tablón, que muestra lo que han dicho tus lectores

y permite borrar dichas entradas, editarlas o responder a su autor, si quieres mante-ner un contacto con él.

Nº 273

Page 7: 273 Suplemento

Tu blog en el móvilSi quieres consultar allá donde estés el

blog de WordPress que has creado siguien-do los pasos anteriores, sin necesidad de cargar todo el día con el ordenador portá-til, ahora te resultará más sencillo hacerlo desde tu propio teléfono móvil, gracias al plugin MobilePress. El proceso de configu-ración es muy sencillo, para que en unos pocos pasos puedas disfrutar de tu diario online en el terminal.

1 La aplicación MobilePress puede descar-garse desde la página web del proyecto,

pero se encuentra también alojada en el directorio de plugins de WordPress. Una vez que has aprendido a utilizar esta última herramienta, descargarte el complemento en tu blog es una tarea sencilla, a través del panel de control que tienes a tu disposición en WordPress. No obstante, también pue-des instalarla desde el archi-vo Zip incluido en el CD, de modo que des-comprímelo en tu ordenador y verás que con-tiene multitud de ficheros .

2 A continuación, tienes que subirlos al servidor ftp donde tienes también

los archivos de WordPress. De este mo-do, arrastra la carpeta hasta el directorio , guardándola dentro de y, ahí, dentro de

. En unos pocos segundos, la carpeta de MobilePress se habrá copiado totalmente al servidor .

3 Ahora, accede a tu panel de adminis-tración de WordPress, pulsa sobre la

casilla , y verás que se ha agre-gado automáticamente al listado de com-plementos aún sin habilitar .

Marca entonces la casilla correspondiente y haz click en el

enlace para poder utilizar este plu-gin. Inmediatamente, desde la página de WordPress verás que el complemento ha sido habilitado y comprobarás que se ha añadido al conjun-to de plugins incorporados a tu blog .

De este modo, el proceso ya habrá acaba-do, y sólo tendrás que acceder a la url de tu diario online desde el teléfono móvil para poder consultarlo

y, si haces click en cualquier entrada, po-drás leerla desde la pantalla .

4 No obstante, WordPress te ofrece diver-sas posibilidades de personalización, en

el caso de que quieras especificar una des-cripción o título distintos para la versión móvil, así como crear plantillas a medida. Puedes comprobar que en el panel de con-trol de WordPress se ha añadido un nuevo menú del plugin que has instalado así que pulsa sobre

para que se mues-tren las alternati-vas asociadas .

Elige primero la categoría , que despliega un formulario en el que puedes cambiar el título y la descripción del blog para su visualización en el móvil. Si quie-res conservar el nombre de WordPress, entonces deja las casillas en blanco aunque si pre-fieres variar el título y el sub-título del blog, escribe los nuevos nombres en los recuadros correspondientes .

No olvides que, para almacenar las modi-ficaciones, tienes que presionar el botón

. Podrás ver entonces, desde la pantalla de tu móvil, que los cambios se han hecho efectivos .

5 Por último, MobilePress también deja lugar a la imaginación para aquellos

que controlen la programación y el desa-rrollo web. Al ha-cer click en la op-ción verás que se muestra la única plantilla por defecto que inclu-ye este plugin . Pero si dominas el diseño y has si-do capaz de crear tu propio tema para móvil, puedes subirlo al servidor ftp, guardándolo en la carpeta

y, dentro de ella, en los direc-torios y en . Si lo hicieras así, la plantilla aparecería entonces en el menú de tu panel de control, dentro de la categoría denomina-da , y sólo tendrías que pinchar en ella para aplicarla. No olvides, por último,

que estos temas pueden elegirse para un dispo-sitivo genérico, o para iPhone o terminales con Windows CE y Opera Mini. Para ajustarlos a tu teléfono, en la cate-goría de-bes elegir la alternativa que prefieras .

Así de sencillo resulta-rá tener tu blog en el teléfono móvil.

Nº 273 7

Práctico: Herramientas para crear tu página web CD Nº 273

MobilePress 1.03Programación > Móvil

Win 95/98/Me Win 2000/NT Win XP Win Vista

Ahora que la movilidad está de moda, los desarro-lladores se han puesto manos a la obra para llevar toda la tecnología a tu bolsillo. Y una forma de hacer-lo posible es a través de la aplicación MobilePress, un plugin diseñado para WordPress que te permite mostrar tu blog adaptado a los teléfonos móviles, al tiempo que ofrece la posibilidad de utilizar temas personalizados y crear nuevos. Puedes encontrar más información en la web http://mobilepress.co.za

Versión Completa

Indicado para Windows:

Page 8: 273 Suplemento

8

Práctico: Herramientas para crear tu página webCD Nº 273

Un juego de niñosCon una interfaz muy sencilla de utilizar,

similar a la de cualquier procesador de textos, Thingamablog te ofrece la oportuni-dad de crear tu propio weblog o bitácora. Sólo tienes que elegir una de las plantillas predeterminadas, y seguir las instrucciones de su práctico asistente. A continuación te explicamos cómo sacarle el máximo parti-do a esta herramienta.

1 Una vez que hayas terminado de instalar todos los componentes del programa en

tu equipo, dirígete hacia el escri-torio de Windows para ejecutar el icono de acceso directo que el asistente ha creado de forma auto-mática durante el proceso de instalación. Entonces verás cómo aparece un cuadro de texto informativo

que te explica lo importante que es crear una base de datos para almacenar los ar-chivos de tu futura bitácora. De hecho, para continuar con el programa debes hacerlo, así que pincha una sola vez en el botón

y, de todas las opciones que te ofrece la ventana emergente

selecciona la ruta que quieres que actúe como almacén de tus contenidos. Recuerda bien cuál has elegido porque será allí donde se guarden tus entradas, fotografías... Des-pués presiona el botón y habrás lle-gado a la interfaz principal del programa .

2 Como puedes ver, para empezar a tra-bajar con él lo único que te pide es que

pinches una vez sobre la pestaña . Hazlo y, cuando te aparezca el siguiente cua-dro de texto

rellena todos los datos que te solicita .

Ten en cuenta que hace referencia a la dirección completa de tu weblog, y que el se corresponde con la loca-lización del servidor donde se almacena la bitácora.

3 Cuando hayas terminado con todo lo anterior accederás directamente a una

nueva ventana

que, entre otras cosas, te solicita algunos datos referentes a tu publicación, tales co-mo el título del blog o la descripción de su actividad. Recuerda que puedes escribir todo lo que quieras pues, en este último apartado, no hay límites de caracteres. Ade-más, si no tienes muy clara la descripción puedes dejarla en blanco y modificarla más adelante, cuando hayas terminado de crear la bitácora y quieras publicar en ella.

4 Ahora que ya has terminado con todo lo anterior, el asistente de configura-

ción te guiará hasta una nueva pantalla

desde la que podrás añadir varias secciones para tu blog. Sólo tienes que presionar el botón y escribir su nombre .

Puedes crear tantas como necesites para hacer de tu publicación web algo personal y completo .

5 Una vez que hayas terminado de distri-buir tus secciones, pincha en

y podrás añadir el nombre de los autores que vayan a fir-mar los textos publicados en tu bitácora . Después podrás elegir todo lo referente a la apariencia externa de la web .

Es posible previsualizar los diseños predetermi-nados si seleccionas cual-quiera de ellos de la lista desplegable y haces click en el botón

. El navega-

Thingamablog 1.0.6Programación > Editores

Win 95/98/Me Win 2000 Win XP Win Vista

Aunque no tengas conocimientos sobre HTML ni pro-gramación, con Thingamablog podrás crear tu bitáco-ra de una forma sencilla, rápida y divertida. De hecho, ni siquiera necesitas cuentas asociadas a gestores de contenidos como Blogger o Ya.com. Es una aplicación gratuita que, además de estar programada en Java, funciona como un editor con el que crear los artículos de tu diario. Puedes conocer más a fondo sus caracte-rísticas en http://thingamablog.sourceforge.net

Versión Completa

Indicado para Windows:

Nº 273

Page 9: 273 Suplemento

9

Práctico: Herramientas para crear tu página web CD Nº 273

dor te guiará, automáticamente, hasta una página de prueba como esta:

6 Si te convence lo que ves, presiona el botón y llegarás a una nueva

pantalla del asistente

para configurar algunos ajustes relacio-nados con la publicación de entradas. Si, por el contrario, ninguna de ellas es de tu agrado no te preocupes, pues luego tendrás la oportunidad de cambiarla por cualquier otra de Internet. Ahora lo importante es que rellenes todos los datos que te solicita el siguiente cuestionario

y que, cuando termines con ello, presiones el botón .

7 De esta forma volverás a situarte en la interfaz principal del programa

que, como puedes ver, ha cambiado de as-pecto, y ahora incorpora todas las funcio-nes necesarias para empezar a trabajar con tu proyecto. Cuando te hayas familiarizado con ellas y quieras empezar a escribir, lo mejor es que hagas click en la pestaña .

Entonces el programa te guiará, de forma automática, hasta una nueva pantalla, que tendrá un aspecto similar al de cualquier editor de textos .

En ella tendrás que escribir la entrada de tu blog, así como determinar quién es el autor del escrito y, además, se-leccionar la ca-tegoría a la que quieres vincu-larla .

8 Ten en cuenta que este programa te ofrece la posibilidad de insertar ele-

mentos multimedia en todas tus entradas. Por ejemplo, si lo que quieres es incluir una fotografía para ilustrar el texto, lo único que tienes que hacer es pinchar sobre el icono y, en la pantalla

presionar el botón . Entonces aparecerá ante ti una nueva ventana emergente

que te da la oportunidad de seleccionar la fotografía que quieres cargar en la entrada del blog. Después, pulsa una sola vez so-bre el botón y, automáticamente, se colocará junto al texto principal.

9 Cuando hayas terminado con todo lo anterior, lo mejor es que publiques tu

noticia en Internet desde el icono . Si todo ha salido correctamente, el programa te mos-trará un cuadro de texto como este:

que, entre otras cosas, te informa de que la acción de publicar en red ha sido completa-da satisfactoriamente. Entonces llegarás de nuevo a la interfaz principal

donde tendrás que buscar la pestaña ypulsar sobre ella. Por último, haz click en

y, automáticamente, tu nave-gador te guiará hasta la página oficial de tu blog o bitácora .

Nº 273

Page 10: 273 Suplemento

10

Práctico: Herramientas para crear tu página webCD Nº 273

Sencillez ante todoAunque esta aplicación es realmente sen-

cilla, incluye numerosas herramientas que te permitirán crear álbumes de fotos, aña-dir música, fotografías, botones y muchos más elementos. Además, todas las funcio-nes están claramente explicadas y distri-buidas en diferentes pasos, que facilitarán aún más el diseño de tu página. Asimismo, cuenta con un cliente ftp que te permite subir tu sitio web al servidor.

1 Cuando abras por primera vez este pro-grama, encontrarás una ventana que te

indica que puedes utilizar su ayuda en cual-quier momento pulsando la tecla .

A continuación, al tratarse de una versión de prueba, la aplicación te explica las fun-ciones disponibles y te ofrece la posibili-dad de adquirir la versión completa .

Para comenzar a utilizar el programa, haz click so-bre el botón .

2 En la primera página de TOWeb tienes que establecer el uso que quieres darle

a tu página web, bien personal o bien para una empresa

y, seguidamente, definir el título que quie-res que aparezca en ella .

A continuación, selecciona los apartados que quieres que aparezcan en tu portal. Hay múltiples opciones como, por ejem-plo, álbumes de fotos, blogs, catálogo de productos o recetas de cocina .

TOWeb te aconseja escoger al menos dos o tres para empezar. Una vez hecho esto, haz click sobre el botónpara pasar a la si-guiente pantalla.

3 El próximo paso es elegir el fondo de la página web. Esto se puede hacer

de dos maneras. Bien eligiendo una de las plantillas proporcionadas por el progra-ma en la pestaña o, den-tro del apartado , pulsar sobre el botón correspondiente al icono

y dejar que el programa seleccione una plantilla al azar. Aunque la plantilla esté ya definida, es posible cambiar aspectos como el color, la forma del menú, los bordes y la distri-bución de los elementos y el estilo del párrafo a través de los botones .

Asimismo, también se pueden modificar el aspecto de los banners, su tipo de letra, el estilo de los paneles y los botones de navegación con .

El resultado lo puedes consultar en la ventana de vista previa y ampliarlo ha-ciendo click so-bre el la . Para añadir una foto-grafía personal al banner, pulsa sobre la entra-da y, a continuación, selecciona cualquiera de las imágenes disponibles en tu disco duro desde la ventana .

4 La siguiente pantalla te permite editar los apartados elegidos en el punto 2

y añadir nuevas pági-nas y complementos a tu sitio web. Todos los seleccionados anterior-mente se encuentran

en el siguiente recuadro:

Para agregar nuevos elementos pulsa el botón y, en la nueva ven-tana emergente, establece si quieres añadir una página, un álbum, un blog, un catálo-go, una web externa o una copia de un apartado ya existente .

Asimismo, puedes seleccionar un tema pa-ra el elemento añadido en

y elegir un nombre para cada uno de ellos en el recuadro .

A continuación, haz click sobre el botón para vol-

ver a la ventana anterior.

5 En la parte central de la pantalla se encuentran varias pestañas que per-

miten modificar aspectos generales, el diseño y la organización, la música y la privacidad de cada uno de los apartados

.Además, también puedes añadir etiquetas para facilitar el trabajo de los motores de búsqueda en . Para ello, selecciona con un solo click cada uno de los apartados y, según las opciones dispo-nibles, cambia aspectos como su nombre,

añade un mensaje de aviso mientras se esté cargando o determina que só-lo ciertos usuarios puedan acceder a él (esta opción sólo está disponible en la versión completa).

6 Mientras, para modificar el dise-ño de cada uno de los apartados

haz doble click sobre ellos. Según el

TOWeb 2.73Programación > Editores

Win 95/98/Me Win 2000/NT Win XP Win Vista

Si te gustaría tener tu propia página web pero no posees los conocimientos suficientes, tienes que echar un vistazo a TOWeb. Esta sencilla herramien-ta te ayudará, paso por paso, a crear tu portal web en pocos minutos. Además, se centra en lo esen-cial y permite un diseño personalizado y a tu gusto. Para más información sobre este programa visita su página web en la dirección www.lauyan.com/en/tw-home/index.html

Demo

Indicado para Windows:

Nº 273

Page 11: 273 Suplemento

11

Práctico: Herramientas para crear tu página web CD Nº 273

que hayas elegido podrás cambiar el texto o añadir imágenes nuevas. Por ejemplo, si seleccionas entrarás en una nue-va ventana. Su parte izquierda te muestra la estructura que tendrá la página

y te ofrece la posibili-dad de retocarla. Así, con los botones puedes desplazar un párrafo por la página, con crear uno nuevo y, desde la ba-rra correspondiente a

seleccionar su estilo. Por otro lado, la par-te derecha de la pantalla

cuenta con las herramientas para modificar los elementos que componen los párrafos. Pulsa sobre el que quieras retocar y, en

escribe el título y el texto. Usa los botones para tener una vista preliminar, añadir efecto de movimiento al título, utilizar los campos de edición del programa y alargar el editor, respectivamente. Activa la casilla para insertar una ima-gen y pulsa sobre para buscar-la en el disco duro o seleccionarla de la galería de imágenes que ofrece TOWeb. Además, el editor te permitirá modificar la fotografía. Entre todas las opciones disponibles se encuentran cor-tar y rotar la imagen

añadir un gran número de tipos de marco como, por ejemplo, con forma de carrete de película ci-nematográfica, con adornos de burbujas, estre-llas, efecto de pintura al óleo, con forma de se-llo postal, de mo-saico o con una gran cantidad de colores .En este apartado también es posi-ble añadir efec-tos para mejo-rar su calidado añadir texto

.

7 A su vez, t a m b i é n

es posible in-cluir otros ele-mentos web a los párrafos. Así, desde el s iguiente re-cuadro:

podrás añadir tablas, links, vídeos musi-cales, animaciones flash o archivos para descargar. Tan solo tienes que seleccionar una de las opciones y un asistente del pro-grama te ayudará a incluirla.

8 Una vez que hayas dado el aspecto deseado a tus páginas, pulsa sobre el

botón . El apartado correspondiente al icono contiene herramientas avan-zadas para añadir a tu portal web. Algunas de ellas no están disponibles en la versión gratuita como

y . Entre las que puedes añadir en esta sección se encuentran elementos relacionados con el comercio electrónico como una tien-da online o la posibilidad de pagar a través de tarjeta de crédito

. También se pueden incluir fuentes Rss o información Html . Cuando hayas terminado de añadir estos elementos, haz click sobre el botón .

9 El último paso es subir la página web a tu servidor de Internet. Lo primero

que debes hacer es introducir los datos de tu servidor. Para ello, haz click sobre el link

y, en el apartado

escribe tu dirección ftp. En la siguiente pantalla inserta tu nombre de usuario y tu contraseña

y, a continuación, deja marcada la casilla

para que el programa detecte automática-mente el directorio. Por último, añade la dirección de tu página web .

Cuando hayas insertado correctamen-te estos datos, haz click sobre el botón

y, automáticamente, comenzará el proceso de subida .

Podrás ver el aspecto final de tu página web en cualquier momento pulsando sobre el botón .

Nº 273

Page 12: 273 Suplemento

12

Práctico: Herramientas para crear tu página webCD Nº 273

Crea tu animación flashLa interfaz de Sothink es muy intuitiva.

De hecho, permite ver durante la edición el resultado final de cualquier proyecto que estés realizando. Esta facilidad de uso convierte a la aplicación en una he-rramienta rápida y fácil de usar.

1Al ejecutar por primera vez Sothink SWF Easy aparece una ventana que te

informa de que se trata de una versión de evaluación de treinta días .

De este modo, si deseas probarlo, pulsa la entrada . Ahora bien, en caso de que quieras adquirir el producto, el fabri-cante te regala un cupón de descuento de diez dólares. Para ello sólo debes introducir el código “duAfipud”, pero sólo si realizas la compra antes del 30 de junio de este año.

2 Nada más comenzar su funcionamien-to, la interfaz presenta una ventana

con cuatro plantillas de creación con las que empezar la nueva animación .

Aunque a través de esta selección previa puedes escoger un patrón avanzado para incluir en tu dirección online un álbum fotográfico, un banner o un botón de navegación, siempre es re-comendable que elijas la variantepara iniciar un proyecto gráfico desde ce-ro. Luego, ten en cuenta si quieres que esta propuesta aparezca siempre al inicio del programa al estar marcada la casilla

, y valida tu selec-ción con el botón .

3 Como ahora puedes comprobar, la pantalla principal de este entorno in-

cluye hasta cinco apartados diferenciados que resumen sus funciones principales .

Así, en la parte superior aparece una ba-rra de herramientas en línea. Después, en la parte izquierda se muestra una hilera que contiene los diferentes fotogramas de la animación (al principio, sólo uno), mientras que en la parte derecha están los recursos fotográficos que aporta la aplica-ción para incluir imágenes y efectos predi-señados. Por último, en el centro aparece un lienzo de dibujo en blanco, con un re-sumen inferior de las características de los objetos incluidos en su interior.

4 Lo primero que tienes que hacer es definir el marco de visualización para

la nueva animación. Para ello, observa las características que aparecen descritas en la sección inferior que se muestra abierta por la pestaña .

De entre todos los da-tos aquí expuestos, bá-sicamente, debes modi-ficar los que se agrupan en el apartado . En primer lugar, pulsa, con la ayuda del ratón, sobre el iconopara que, al instante, aparezca una paleta de colores en-tre los que elegir el fondo del lienzo . Después , escr ibe una tasa de refresco dentro de la casilla

, una anchura adecua-da para el marco en , y una altura en , te-niendo en cuenta que siempre puedes vol-ver a establecer los valores predetermina-dos gracias al comando .

5 Ahora presta atención a la columna situada a la derecha titulada .

En ella puedes encontrar una extensa co-lección de imágenes y gráficos animados que te ayudarán en gran medida a diseñar tu composición de una forma rápida y fá-cil, como podrás ver a continuación .

Luego, presiona sobre el icono para abrir el árbol de directorios

y elige entre sus galerías, por ejemplo, la que lleva por título y, dentro de ésta, la sección .

6 Como resultado ahora puedes ele-

gir varias imágenes de diferentes de flores di-bujadas en . Escoge la que más te guste con el botón iz-quierdo del ratón, y arrástrala hasta el lienzo en blanco .

Si ahoras seleccionas de nuevo el modelo escogido, a su alrede-dor aparece un marco azul con el que puedes modificar su incli-nación, altura y anchura . Además, una vez seleccionado, es posible arrastrarlo de nuevo al lugar del lienzo que desees.

7 Repite esta operación de elegir y colo-car dentro del lienzo todas

las imágenes que quieras hasta crear una escena que conside-res completa. En nuestro caso, hemos elegido la plantilla para simular una base de césped para la flor, después de agrandar en parte su tamaño . Recuerda que siem-pre puedes revisar

las características de un objeto a través del apartado inferior de la interfaz ya que aquí se encuen-tran los valores métri-cos exactos sobre sus dimensiones, o del me-nú emergente que surge

Sothink SWF Easy 6.1Diseño > Animaciones

Win 98/Me Win 2000 Win XP Win Vista

Si quieres crear tus propias animaciones en flash para después subirlas a una página web, Sothink SWF Easy te proporciona su intuitiva interfaz con la que generar un pequeño vídeo en muy pocos pasos. Además, dispone de una amplia galería de cliparts para ambientar tus creaciones, además de un gran catálogo de funcionalidades para inventar botones, introducciones, logos o banners. Visita su dirección online www.sothink.com/product/swfeasy

Versión Shareware

Indicado para Windows:

Nº 273

Page 13: 273 Suplemento

tras pulsar sobre cualquier elemento utilizando el bo-tón derecho del ratón .

8 También en Sothink es posible incluir tex-

tos cambiantes dentro del metraje flash. Para ello, busca en la barra superior la función representada mediante el icono y, tras pulsarla, abre un cuadro en el que escribir el mensaje que creas oportuno .

Hecho esto, puedes añadir un efecto de caligrafía pulsando con el botón derecho del ratón sobre el texto y eligiendo la en-trada emergente . Luego, en la ventana que aparece después

utiliza el resumen de efectos que aparecen listados en columnapara elegir uno en particular. Una vez que lo hayas escogido, podrás ver su dura-ción en una barra de control adicional .

9 Según vayas rea-l i z ando nuevos

cambios en el dibujo, estos también se verán reflejados en la pequeña imagen en miniatura del área de fotogramas . En realidad, aquí se re-cogen, escena tras es-cena, todas las imáge-nes que, en secuencia, conformarán la película en flash. Para añadir un nuevo lienzo en el que incluir modificaciones, pulsa con el botón se-cundario del ratón so-bre la primera viñeta en miniatura y, dentro del menú emergente luego elige la entrada

. Al instan-te se crea un duplicado del original al que debes cambiar el nombre con la función emergente

para darle un título orientativo como . Después, puedes modificar su

contenido para generar la sensación de movimiento entre un fotograma y otro.

10 Considera, igualmente, que existe otra forma diferente de añadir nue-

vas escenas a la animación flash: pulsando sobre el símbolo . Sin embargo, la nueva imagen se creará vacía con lo que no deja de ser más práctico reali-zar una copia del foto-grama inmediatamente anterior.

11Asimismo, pue-des incluir gráfi-

cos que tienen una ani-mación individual. Un ejemplo de estas imá-genes con movimiento independiente la pue-des encontrar en el apartado ,carpeta y, dentro de esta dirección, en . Después, dentro de su galería de modelos

tienes que arrastrar el elegido al lienzo en blanco, como si de una imagen normal se tratara .

12 Otro de los objetos que con So-think puedes incluir en una ani-

mación flash es un botón de función. Para localizar su colección de difentes formas,

escribe dentro de la barra del explorador de Sothink . Después, elige de entre todos el que desees

arrástralo hasta el lienzo en blanco y visita su pantalla de características .

A continuación, se-lecciona la pestaña

y escoge, dentro de su menú de opciones, la ac-ción que hará que se active el control como, por ejemplo,

. En conse-cuencia, se abrirá un segundo menú con el que puedes elegir la operación que ejecu-tará el botón .

13 Por último, acude al menú superior que contiene los elementos

y presta atención a la función que sirve para contemplar una vis-ta previa de tu película

la herramienta con el símbolo permite subir su contenido direc-tamente a la web, y la entrada con el icono gráfico guarda la película en un archivo re-producible desde el PC .

13

Práctico: Herramientas para crear tu página web CD Nº 273

Nº 273

Page 14: 273 Suplemento

14

Práctico: Herramientas para crear tu página webCD Nº 273

Un toque original para tu webAhora que la mayoría de usuarios cuenta

con alguna página web activa, ¿qué te pa-recería poder diferenciarte de ellos y hacer del sitio online un lugar completamente original? Crystal Button te ayuda a conse-guirlo, ya que pone a tu disposición todas las herramientas necesarias para crear los botones que mejor se adaptan a tu estilo. Es sencillo, rápido y divertido, aunque de-bes saber que la versión de prueba no te permite exportar tus creaciones.

1 Lo primero que tienes que hacer para iniciar el progra-

ma es pinchar dos veces sobre el icono de acceso directo que, automáticamente, apare-cerá en tu escritorio de Win-dows. Entonces verás cómo se despliega ante ti una ventana que te pregunta qué tipo de versión quieres ejecutar. Si estás interesado en todas las funciona-lidades del software, puedes comprar la edición completa desde . Si, por el contrario, prefieres probar con la demo, haz click sobre y el programa te guiará hasta su interfaz .

2 Una vez allí, echa un vistazo a todas las opciones que te propone esta apli-

cación y, cuando te hayas familiarizado con ellas, elige una categoría de botones

y observa todos los que hay disponibles .

Pincha dos veces sobre alguno de ellos y el programa trasladará el objeto a la parte izquierda de la interfaz . Si el tamaño te resulta ex-cesivamente pequeño pa-ra diferenciar los detalles, haz click en .

3 Cuando hayas terminado con todo lo anterior, dirígete hacia el icono ,

pincha sobre él y aparecerá ante ti un cua-dro de texto como este:

Desde aquí podrás cambiar muchos aspec-tos de tu creación. Por ejemplo, si estás inte-resado en modificar el color de fondo del documento, pulsa en la entrada y, acto seguido, observa el resultado .

También puedes modificar la forma del botón con sólo variar las cifras numéricas .

4 Por otro lado, puedes determinar los ajustes de co-

lor con las opcio-nes que te ofrece el cuadro . Sólo t ienes que mover la barra para cambiar la to-nalidad, y hacer lo mismo con para ampliar o disminuir la saturación .La tercera opción

te permite determinar la luminosidad del objeto. Si quieres profundizar en este últi-mo aspecto, puedes hacerlo desde el icono

y la ventana emergente .

5 Además de todo lo anterior, debes sa-ber que este programa, incluso en su

versión gratuita, te ofrece la posibilidad de cambiar todo lo referente a la textura del botón. Esto es, el aspecto exterior del mismo. De una forma sencilla y divertida, puedes probar con diferentes plantillas que vienen predeterminadas, hasta con-seguir dar con ese botón único, personal y original. De hecho, lo único que tienes que hacer es pinchar una vez sobre y,

acto seguido, jugar con las opciones que te propone .

Haz lo mismo con los materiales a los que podrás acceder desde el icono .

6 Por último, puedes probar los efectos de las sombras con y, lo más im-

portante, cambiar el texto del botón desde la opción y el cuadro .

Escribe lo que quieras en el apartado determina la fuente, el tamaño y el color de la letra

y, por último, com-prueba que lo s cambios realizados se han aplicado co-rrectamente .

Crystal Button 3.20Diseño > Botones

Win 98/Me Win 2000/NT Win XP Win Vista

Aunque no sepas nada sobre diseño web ni pro-gramación, a partir de ahora podrás crear origi-nales y atractivos botones para tu página en sólo unos minutos. Lo harás gracias a Crystal Button, un software muy completo con numerosas funciones personalizables, así como texturas, colores y planti-llas predeterminadas. Puedes conocer más a fondo las características de esta herramienta visitando su página web oficial www.crystalbutton.com

Demo de prueba

Indicado para Windows:

Nº 273

Page 15: 273 Suplemento

Crea tu propio logoYa no necesitas ser un experto creati-

vo para diseñar tus logos. La aplicación AAA Logo pone a tu disposición un gran número de plantillas, que te ofrecen una pequeña ayuda para diseñar el logo más adecuado a tus necesidades. Además, tam-bién puedes crear tus diseños partiendo desde cero con la amplia base de datos de gráficos y objetos clipart con la que cuenta este programa.

1 La primera pantalla que encuentras al abrir esta aplicación te ofrece un gran

número de logos .

Todos ellos están dividi-dos en varias categorías representadas en la barray puedes ir viendo todos los modelos pulsando sobre el botón . Aquel que elijas te servirá como planti-lla, ya que podrás modificar cada uno de sus elementos. Para seleccionar uno, tan solo haz doble click sobre él. Si prefie-res diseñar un logo partiendo desde cero, pulsa la tecla .

2 De forma automática pasarás a la pan-talla de edición .

w

En la parte superior izquierda de la inter-faz hay una pequeña ventana que muestra los diferentes objetos con los que está for-mado el logo .

Si pulsas sobre el bo-tón accederás a un lista-do de todos estos objetos . Para modificar cada uno de los elementos cuentas con un gran número de herramien-tas incluidas en estos botones .

Para empezar, con el comando puedes cambiar el ta-maño de la imagen . o rotarla desplazando la barra . Además, también es posible modificar su color pulsando sobre el botón o su forma haciendo click en el icono

y sustituyéndola por alguna de las más de ocho mil disponi-bles en la galería con la que cuenta el programa .

Esta última opción también se puede reali-zar presionando el comando .

3 Por otra parte, el botón per-mite modificar aspectos de la silueta

de cada elemento. Así, seleccionando la ca-silla se añade una línea al perfil de la que puedes cam-biar tanto su grosor como su nitidez además del grado de su opacidad . Además, es posible alte-rar su color pulsando sobre el recuadro . Mientras, activando el comando representado por se añade sombra al perfil de la figura. Para modificar su án-gulo, utiliza para aumentar o dis-minuir la distancia de la sombra, usa

y, por último, para regular su opacidad des-plaza la barra .

4 Desde la herramienta correspondien-te al icono es posible

editar diferentes aspectos de la degrada-ción del color. Para ello, activa la casilla

y con la barra modifica la opacidad de los diferen-tes colores que compongan la forma. Mientras, la opción te permite cambiar el ángulo de la degradación del color y

el color de cualquier elemento.

5 Cuando el logo seleccionado como plantilla cuenta con texto, es posible

reescribirlo a través de la casilla . Aparte de cam-biar el conteni-

do, también te permite definir aspectos como el tamaño y el tipo fuente, el espacio entre caracteres o el color de los mismos .

6 En la parte inferior izquierda de la pantalla hay una serie de formas que

puedes utilizar pa-ra tu logo . Hay dos maneras de utilizarlas. Bien sust i tuyéndolas por alguno de los elementos, o bien agregándolas di-rectamente al di-seño. Para la primera opción tan solo tie-nes que seleccionar la parte del logo que quieras sustituir y presionar sobre cualquier forma. Mientras, para añadir un nuevo ele-mento, haz click sobre el botón y, a continuación, selecciona . Verás que, por defecto, aparece un cuadrado ne-gro. Selecciónalo y sustitúyelo por la nueva imagen que quieras añadir.

7 Para agregar más efectos al logo, pulsa sobre la pestaña . Entre otras ac-

ciones, podrás eliminar un objeto, duplicarlo, traerlo hacia adelante, desplazarlo hacia atrás o añadir un reflejo .

8 Cuando hayas ter-minado tu proyec-

to, guárdalo haciendo click sobre y en

.

Nº 273 15

Práctico: Herramientas para crear tu página web CD Nº 273

AAA Logo 2009 3.0Diseño > Logos

Win 95/98/Me Win 2000/NT Win XP Win Vista

Gracias a esta herramienta podrás crear cualquier tipo de logo, incluso para publicarlo en tus páginas web. Se trata de un programa muy sencillo y visual que ofrece un gran número de modelos que puedes modificar a tu gusto. Así, es posible cambiar el color y la forma de cada uno de sus elementos, añadir texto o modificar su tamaño. Para saber más sobre el funcionamiento de este programa, visita su pági-na web en www.aaa-logo.com

Versión Completa

Indicado para Windows:

Page 16: 273 Suplemento

16

Defiéndete ante los virus onlineEl programa McAfee Total Protection

2009 se encarga de supervisar, en todo mo-mento, el funcionamiento del ordenador y su interacción con los enlaces a Internet. Además, permite realizar un análisis total-mente configurable en cualquier momento que se necesite, con varios apartados di-ferenciados para controlar todas las áreas de vulnerabilidad, como es el caso, por ejemplo, de la cuenta personal de correo electrónico.

1 Durante la instalación de este progra-ma puedes comprobar cómo su primera

tarea consiste en evaluar la seguridad que presenta tu equipo de partida . De este mo-do, en el po-sible caso de que su análi-sis previo detecte otra herramienta antivi-rus, se muestra una pantalla informando sobre la necesidad de la desinstalación antes de continuar adelante .

2 En realidad, McAfee Security Center es un conjunto actualizado de herramien-

tas de seguridad, que tienen el objetivo co-mún de salvaguardar la integridad del PC. Sin embargo, a pesar de contar en su inte-rior con herramientas claramente diferecia-das, por defecto todas ellas son instaladas en la memoria del ordenador .

3 Después, tras realizar un chequeo su-perficial en busca de amenazas laten-

tes, esta aplicación muestra al completo su interfaz principal .

Como puedes observar, en su encabeza-miento aparece una primera muestra del nivel de seguridad del PC, un apartado que verifica que no existe ningún riesgo activo dentro de la memoria del ordenador .

Por el contrario, en el caso de que las de-fensas del entorno no estén actualizadas o haya transcurrido demasiado tiempo desde la última vez que se realizó una búsqueda de malware, este estado variará para aler-tar sobre la necesidad de una revisión in-mediata.

4 Las áreas que supervisa McAfee Secu-rity Center son básicamente cuatro, las

cuales se representan mediante un aparta-do central dentro de la pantalla . Si llegados a este punto se-leccionas una de estas divi-siones, auto-máticamente aparece a su derecha un re-sumen de los servic ios de supervisión re-lacionados que se encuentran activos .

A través del apartado aquí incluido

y de su control , es posible modificar las herramientas que se desean utilizar después a través de los controles y

. Incluso, existe la opción de acceder a una configuración más avanzada con el botón y su posterior me-

nú emergente de opciones, como las que apa-recen dentro de la pantalla emergente .

En cualquier caso, una vez estés conforme con los elementos habilitados, valídalos pulsando sobre .

5 Para regresar a la pantalla principal tan sólo es necesario que te dirijas al me-

nú situado a la izquierda y, dentro de éste, pulses la entrada . Otra de las funciones interesantes de

este apartado es la que está representada por la variante

, ya que se encarga de mostrar un re-

sumen de las últimas acciones llevadas a cabo por el programa

algo muy útil a la hora de evaluar si ya es hora de realizar un análisis del sistema.

6 De este modo, si consideras oportuno hacer un chequeo de seguridad a par-

tir de los filtros de este programa, pulsa el botón de función . En consecuencia, una nueva pantalla resumirá tres categorías diferentes de análisis .

Así, es recomendable que elijas la opción si deseas una prueba más

superficial, si lo que quieres es una revisión en profundidad o

si prefieres configurar tú mis-mo la búsqueda de malware. Sea cual sea la variante que elijas, pulsa después el bo-tón de para que comience el che-queo que eliminará cualquier malware.

McAfee Total Protection 2009 Seguridad > Antivirus

Win 95/98/Me Win 2000/NT Win XP Win Vista

En el caso de que comiences a editar y gestionar pá-ginas web, el riesgo de que tu equipo se infecte con algún virus dañino aumentará considerablemente. Sin embargo, para garantizar la seguridad de tu PC te pro-ponemos McAfee Total Protection 2009, una completa suite de defensa válida contra todo tipo de malware. De este modo, su entorno lleva integrado aplicaciones del fabricante tan interesantes como SecurityCenter o VirusScan. Su portal es www.mcafeestore.com/es

Versión Completa

Indicado para Windows:

Nº 273

Práctico: Herramientas para crear tu página webCD Nº 273