1. Práctico: Herramientas para crear tu página web CD Nº 273
Contenidos del CD
Alojamiento Visual Imagemapper 4.0.0
WAMPServer 2.0f Mapeador de imágenes
Servidor web MobilePress 1.03
Plugin para WordPress
Programación Web CEO Free Edition 7.7
eZpublish 4.0.3 Posicionamiento web
Gestor de contenidos web
Joomla! 1.5.9 Full Package Diseño
Gestor de contenidos web Sothink SWF Easy 6.1
Roden Web Editor Pro X4.4 Crea animaciones en flash
Editor web Crystal Button 3.20
Thingamablog 1.0.6 Diseña botones web
Editor web Likno Web Button Maker 2.0
TOWeb 2.73 Diseña botones web
Editor web Advanced Effect Maker 2.0
WordPress 2.7
Añade efectos a la página web
Editor web
Gallery 2.3 Full
Xoops 2.3.2b
Sube imágenes a la web
Gestor de contenidos web
XStandard 2.0 Open Clip Art Library 0.18
Editor web Colección de cliparts
Web Link Validator 5.0 AAA Logo 2009 3.0
Comprueba los enlaces web Crea logotipos
SmarterStats 4.0.3322 Vector Magic Desktop 1.11
Análisis de visitas Creación de vectores
Librería JQuery 1.3.2
Librería JavaScript
Seguridad
Mootools 1.2.1 McAfee Total Protect. 2009
Framework JavaScript Protección contra malware
Para cualquier duda envíanos un email a: computerhoy@axelspringer.es
Diseña tu propia página web
Pero para que no te confor- meses del programa McAfee To-
Sumario mes con una página de apa- tal Protection 2009. Esta suite
WAMPServer 2.0 2 riencia simple, también hemos de seguridad te ofrece todos los
Advanced Effect Maker 2.0 3 incluido un nuevo apartado recursos necesarios para hacer
WordPress 2.7 4 denominado Diseño. En él es- frente a virus, troyanos, ataques
MobilePress para WordPress 7 tán disponibles algunas herra- de phishing, suplantación de la
Thingamablog 1.0.6 8 mientas que te permitirán dar identidad y cualquier otro tipo
TOWeb 2.73 10 un toque profesional a tu web de malware.
Sothink SWF Easy 6.1 12
Crystal Button 3.20 14 creando botones, animaciones, Por otro lado, esta versión
AAA Logo 2009 3.0 15 las pruebas pertinentes antes logotipos y otros efectos. también integra un avanzado
Antivirus McAffe Total Proteccion 2009 16 de subir la página a Internet. módulo de optimización del
Por eso, el apartado Alojamien- Protección total sistema, gracias al cual es posi-
Seguro que en alguna ocasión to será el primero que te en- Por último, con el fin de que ble programar periódicamente
has pensado lo interesante que cuentres en el CD. tengas tu PC totalmente prote- tanto limpiezas de datos tem-
sería tener tu propia página Una vez hecho esto, puedes gido, tienes a tu disposición la porales y de navegación en el
web. Sin embargo, todavía no empezar a diseñar la estructura versión de evaluación por tres equipo como defragmentacio-
lo has hecho porque no sabes de tu sitio web y a do- nes del disco duro.
muy bien por dónde empezar. tarlo de contenido. Lo
No te preocupes, en este CD necesario para llevar
encontrarás algunas de las a cabo esta tarea lo
Instalación
principales aplicaciones que te tienes disponible en Lo primero que debes hacer es intro-
ayudarán a crear un sitio web la categoría Progra- ducir el CD en tu ordenador para co-
sin muchos conocimientos de mación. Allí encon- menzar a cargar los programas. Una
programación, y que además te trarás desde editores vez seleccionada la aplicación, pulsa
van a permitir dotarlo de una web, hasta gestores en Instalar y, en la ventana emergente
apariencia profesional. de contenido, pasan- que te aparezca, haz click sobre Ejecu-
Lo primero que debes hacer do por librerías o apli- tar. En pocos segundos podrás empe-
es instalar un servidor web en caciones de posiciona- zar a disfrutar de ella.
tu equipo para realizar todas miento en Internet.
Nº 273 1
2. CD Nº 273 Práctico: Herramientas para crear tu página web
WAMPServer 2.0
Alojamiento > Servidor web
de tu equipo. Pa-
ra ello, despliega
la lista
5
tón
Cuando hayas terminado con todo lo
anterior, cierra esa carpeta con el bo-
y sitúate en el escritorio .
y haz click sobre
Indicado para Windows:
Win 98/Me Win 2000 Win XP Win Vista A continuación
Versión Completa busca la carpeta
y,
Ahora que las páginas web se han convertido en un dentro de ella, se-
elemento indispensable para darse a conocer en la lecciona el archivo
red, quizá estés pensando en crear la tuya propia y, . Después
de paso, alojarla en un servidor local para realizar los pincha en
cambios sin necesidad de conectarte a Internet. Si es y otro asistente
así, lo mejor es que eches un vistazo a WAMPServer, aparecerá
un programa gratuito que instala en tu equipo todos
los componentes que puedes necesitar para tu pro- Pincha dos veces en el icono
yecto. Puedes saber más en www.wampserver.com de acceso directo
que se ha creado automáti-
camente, y comprueba que
Todo lo que necesitas para tu web se haya añadido un nuevo elemento
A través de un sencillo asistente, este a la barra de herramientas de Windows.
programa instalará en tu equipo las si- Recuerda que puedes cambiar el idioma
guientes aplicaciones: el servidor web haciendo click con el botón derecho del
Apache, el entorno PHP5, la base de da- ratón y, en la opción , selec-
tos MySQL y los gestores PHPmyadmin y para solicitarte información sobre los pa- ciona .
6
SQLitemanager. Lo hará de forma automá- rámetros PHP.
3
tica, rápida y sencilla, de forma que tú, lo Ahora pulsa
único que tendrás que hacer, es seguir sus Desde aquí te recomendamos que de- una vez so-
instrucciones. jes todo tal cual está y que presiones bre el icono
1
el botón para finalizar el proceso y, en la lista que
Cuando inicies el proceso de instala- de instalación. Ten en cuenta que, si tra- se despliega an-
ción de este software verás cómo apa- bajas con Windows, probablemente emerja te ti
rece ante ti un asistente un mensaje de aviso como este: selecciona 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
que te pregunta dónde quieres almacenar Para que todo funcione correctamente no web en el que estés trabajando .
la carpeta de archivos del programa. Lo olvides pulsar en .
4
mejor es que dejes todo como está y hagas
click en , ya que así la instalación Ahora que ya has terminado con la con-
seguirá su curso. figuración de estos ajustes tienes que
2
colocar los archivos de tu página web en
Una vez que haya terminado, llegarás la carpeta correspondiente. Para
hasta una pantalla como esta: ello dirígete hasta el icono
haz doble
click 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 .
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, Bórralos todos y, acto seguido, pega los de
tendrás que buscarlo entre los directorios tu proyecto web .
2 Nº 273
3. Práctico: Herramientas para crear tu página web CD Nº 273
Advanced Effect Maker 2.0
Diseño > Efectos
2 Además, puedes
cambiar la vista
de la pantalla princi-
o aspectos como la velocidad, la imagen
de fondo o la rotación de los elementos
móviles. Todos estas modificaciones las
pal abriendo la pesta- podrás realizar desde la pestaña .
Indicado para Windows:
4
ña y activando
Win 98/Me Win 2000 Win XP Win Vista la casilla . Un elemento muy curioso de este pro-
Versión Completa De esta manera, en la grama es , disponible dentro de
parte izquierda apare- la pestaña . Se trata de un rom-
Advanced Effect Maker cuenta con un gran núme- cerán en forma de ár- pecabezas que te permite usar cualquiera
ro de efectos y filtros especiales, creados tanto en bol todas las plantillas de las fotografías disponibles en tu disco
Java como en Flash, con los que puedes dar un ori- disponibles duro. Desde la opción
ginal toque a tu página web. Todos los elementos y, en la parte derecha, las características utiliza el recua-
están clasificados por categorías entre las que se de cada una de ellas . dro siguiente:
encuentran menús, animaciones, juegos o mensa- para buscar en tu equipo la imagen que
jes, entre otras muchas. Si quieres saber más sobre deseas establecer como fondo del puzzle.
los efectos que puedes incluir en tu página web con Asimismo, en el resto de las pestañas dis-
este programa, visita www.effectmaker.com ponibles
Un portal más original
3
también puedes modificar aspectos como
Si quieres añadir elementos vistosos a Dejando la presentación que viene por sus colores, los bordes o el tamaño .
tu página web, echa un vistazo a Advan- defecto, es posible ver, debajo de la lí-
ced Effect Maker. Este programa ofrece nea de pestañas, una imagen de los elemen-
un gran número de recursos que, además, tos disponibles para añadir a tu web .
puedes modificar a tu gusto cambiando
el color, el tipo de fuente, las imágenes o,
5
incluso, añadiendo música. Una vez reali-
zados estos cambios, la aplicación gene- Otro objeto bastante
rará un código Html que deberás pegar original para añadir a tu
directamente en tu página web. página web es un reloj ana-
1
lógico
La pantalla principal de este programa también disponible dentro
es bastante sencilla . del apartado . Además, permite
añadir cualquier foto que tengas almace-
Dependiendo del recurso que se elija, las nada en tu disco duro. Para
características que se pueden modificar ello, entra en y
variarán. Así, en algunos casos es posible selecciona la imagen que de-
cambiar los colores de sus componentes sees. El resultado final será
parecido a este:
introducir nuevas
6 Todos los efectos y filtros permiten
realizar una vista previa para com-
probar cuál será su aspecto
fotografías desde en el portal web. Para ello,
Así, en su parte derecha cuenta con varias el disco duro para tan solo tienes que pulsar
pestañas donde están incluidos los diferen- sustituirlas por las sobre el texto que
tes recursos que pone a tu disposición . ya existentes encontrarás debajo de cada
o escribir cualquier imagen .
7
tipo de mensaje de
texto . Una vez elegido un elemento y modi-
Mientras, en la zona izquierda ficados aquellos aspectos que hayas
se encuentra el icono considerado necesarios, haz click sobre el
que permite añadir nuevos ele- botón pa-
mentos. Si pulsas sobre él apa- ra crear la aplicación.
rece una ventana emergente . De forma automática
Asimismo, también se abrirá una ventana
se puede definir el de tu navegador con
tamaño y el estilo de una vista previa del
la fuente resultado
y una dirección Html
que debes copiar directamente en tu pá-
Para agregar archivos que se encuentran gina web para poder visualizar el objeto
en el disco presiona . Si, en cambio, correctamente .
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 .
Nº 273 3
4. CD Nº 273 Práctico: Herramientas para crear tu página web
Para modificar cada uno de los paráme- Dale un nombre a tu blog en la casilla
WordPress 2.7 tros que contiene el fichero, donde pone en blanco ,
Programación > Editores tienes que escri- escribe tu dirección de correo electrónico
bir, entre las comas, el nombre de la ba- y, a conti-
Indicado para Windows: se . Asimismo, debes nuación, presiona en . Una
Win 98/Me Win 2000 Win XP Win Vista sustituir el campo por última pantalla te informará de que el
Versión Completa el usuario y el texto por proceso ha finalizado con éxito, y te pro-
la clave que hayas elegido previamente. porcionará un nombre y una contraseña
A través de la plataforma de publicación de con- También es posible que debas cambiar el aleatoria para utilizar este servicio
tenidos WordPress, podrás crear y mantener tus nombre del servidor de alojamiento por
blogs sólo con tener espacio en un servidor que el que te ofrezca tu servicio, por ejemplo
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
2 Para finalizar, guarda el archivo en la
misma carpeta donde has descomprimi-
do el Zip, pero llámalo .
información en la web http://es.wordpress.org El siguiente paso que debes dar es su-
bir todo el directorio de WordPress a tu
servidor ftp, que puedes crear desde el aunque inmediatamente te llegará un email
Empezando con WordPress programa Filezilla (http://filezilla-project.org). a tu cuenta de correo para que conser-
Para comenzar a usar WordPress es nece- Así, abre la aplicación ftp, introduce los ves estos datos. Pulsa ahora en el botón
sario, previamente, obtener un alojamiento datos de acceso que has obtenido durante y entrarás en la página de inicio
web gratuito, una tarea que te resultará el alojamiento web de WordPress, en la que debes introducir
sencilla gracias a los numerosos proyec- el nombre de usuario y
tos que existen en la red, como puede ser la contraseña .
la dirección www.000webhost.com. Tras un y copia todos los archivos en la carpeta
sencillo proceso de inscripción, este tipo denominada , simplemente
de páginas te ofrecen alojamiento y sopor- arrastrándolos al servidor .
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 . Por último, haz click en y ac-
cederás al panel de control de tu blog, que
será donde trabajes a partir de ahora .
3 Es el momento de personalizar tu blog.
En la carpeta en la que has descompri-
mido el programa encontrarás un directorio
Para que WordPress pueda conectarse con llamado , así que ábrelo y verás
la base de datos de tu espacio web, haz el archivo . Para poder acceder a
click sobre el archivo con este fichero, es necesario teclear en tu nave-
el botón derecho del ratón, marca la op- gador la url de tu dominio gratuito (que en
ción y elige este caso es http://celinda.comuf.com), seguida
la aplicación del directorio donde se encuentra ubica- Tu blog más personal
para que se mues- do el archivo y el nombre del fichero en Una vez que configures WordPress en tu
tren diversos parámetros que deberás mo- cuestión. Es decir, quedaría de esta forma: ordenador, el uso de esta herramienta te
dificar de una forma sencilla . http://celinda.comuf.com/wp-admin/install.php y, resultará muy intuitivo. Aunque es cierto
al acceder a dicha dirección, te aparecerá que puedes crear blogs desde multitud de
una ventana donde tendrás que introducir servicios web, utilizar WordPress está más
unos últimos datos . 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-
En concreto, tienes que rellenar los datos boren en su redacción y crear categorías
de tu conexión a MySQL, que habrás ob- para tus entradas.
1
tenido al darte de alta en tu espacio web,
y que serán similares a estos: 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
4 Nº 273
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
3 Antes de ponerte con la tarea de re-
dactar contenidos, te resultará muy
útil realizar las últimas modificaciones de
En la página que se abre, selecciona un
tema que te interese
todos los cambios, así que, en primer lu- tu blog. Si quieres cambiar el nombre de
gar, puedes modificar tu perfil para incluir tu diario personal y añadir una descripción
datos sobre ti que resulten de interés para corta, acude al menú y, en la
tus lectores. En el lateral izquierdo de la pestaña , puedes modificar todos
pantalla, pincha en la opción y los datos que te interesen .
marca . Entre otras posibilidades,
puedes elegir los colores asociados al ta- haz click en el botón y guárdalo
blón del administrador 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
Desde esta herramienta es posible también temas disponibles para tu blog, y sólo ten-
determinar opciones de escritura o lectura, drás que pulsar sobre él para que se agre-
como el tamaño de los textos o las entra- gue. Se verá una vista previa, así que haz
además de escribir das visibles. Para ello, pulsa en click en
información de con- y establece el número de líneas por caja para habilitarla y com-
tacto, como tu nom- , o bien acu- probarás que ha queda-
bre y tu correo elec- de a la pestaña para indicar qué do registrada como la
trónico se mostrará en la página inicial plantilla actual .
o incluir datos biográ- Si quieres ver ya el re-
ficos que se mostra- sultado, haz click en el enlace ,
rán públicamente . aunque podrás acceder posteriormente.
o qué número de entradas se verán en el Añade complementos
blog . No te olvides de presionar Ahora que has aprendido a descargar
el botón para almacenar plantillas, puede ser un buen momento
2
todas las modificaciones, y ten en cuenta para instalar plugins, es decir, programas
Es posible, asimismo, que te interese que puedes seguir indagando en estas op- añadidos o complementos que mejorarán
que tu blog sea colectivo, para que ciones para configurar el blog. la experiencia con WordPress.
4 1
más personas puedan escribir en él. Si es
así, acude nuevamente al menú Además de personalizar la presenta- Despliega la opción del la-
y, en este caso, presiona en . En ción de los contenidos, también puede teral izquierdo del panel de control y,
el formulario que se muestra, rellena los interesarte cambiar la apariencia de tu pá- si presionas en la pestaña , verás
campos requeridos con la información del gina, y por eso WordPress pone a tu dispo- las aplicaciones que están incorporadas
nuevo autor, como el nombre, los apelli- sición una serie de plantillas para que el por defecto en tu blog .
dos y el correo electrónico 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
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-
y asígnale a esa perso- de el vínculo ,
na un papel para modi- aunque desde el apartado se te en el que se ofrece un extenso catálogo .
ficar el blog. Así, pulsa ofrece un enlace para consultar nuevas plan-
en la opción para tillas en un directorio de WordPress .
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
2
botón y el nuevo miembro
se habrá agregado inmediatamente con el Por ejemplo, puede ser interesante
permiso que le has otorgado . 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 5
6. CD Nº 273 Práctico: Herramientas para crear tu página web
elijas y comprueba la información relativa
a ese complemento . 1 Para comenzar, lo más útil será crear
categorías y etiquetas a las que, poste-
riormente, vincules tus textos. En el menú
3 Hay una serie de comandos del cuadro
de edición que debes tener en cuenta
al crear tus entradas. Para modificar el co-
marca la opción , es- lor de la letra, pulsa en el botón
cribe un título para una que despliega una barra de edición
sección concreta similar a la de los procesadores de texto
y presiona ,
y después repite este proceso para añadir
todas las categorías que quieras. Si deseas y por la que no te costará moverte. Tam-
Si quieres instalarlo, en el menú que una dependa de otra, en el menú bién es muy típico en los blogs añadir
escoge ahora e introduce en el despliega hipervínculos, para que ciertas palabras
recuadro en blanco las opciones que has crea- dirijan a una web en concreto. Así,
el nombre o el autor do y escoge una . señala un término, pincha en
del plugin En el lateral derecho verás añade la url en la ventana que se muestra
para que te aparezca la aplicación . que se han ido generando
las categorías
aunque hasta que no crees
entradas en cada una no
se mostrarán en tu blog.
Pulsa en y se mostrará entonces Del mismo modo, acude y presiona en . Por último, tienes
una nueva ventana informativa a y ve añadiendo la posibilidad de añadir una imagen, un
todas las que quieras, vídeo o una canción junto con tu entrada
escribiendo un título a través de la barra que se encuentra enci-
y pulsando el botón ma del editor . Para
para guardar los cambios. incluir una foto, haz click en
Posteriormente podrías seguir introducien- y se abrirá una nueva pantalla para
y en ella deberás presionar el botón do categorías y etiquetas. subir las imágenes que quieras .
2
para comenzar el proceso
de descarga. Después de introducir los da- Llegó el momento de escribir, así que
tos básicos de tu servidor ftp en los recua- en el menú haz click sobre
dros correspondientes . Si estás acostumbrado a los blogs,
verás que redactar una entrada es un pro- Presiona en , localiza la
ceso muy sencillo: escribe un título y el foto y pincha luego sobre para
contenido y edita el texto a tu gusto . 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-
haz click en y, en unos segundos, drás la posibilidad
el plugin se habrá instalado. Sólo tienes de editar de forma
que pulsar el enlace que aparece básica la imagen .
para habilitarlo en tu blog. Los resultados Después presiona
se mostrarán posteriormente, a medida sobre para
que introduzcas etiquetas. Puedes incluir etiquetas desde el recuadro subirla a la web .
3
destinado a tal fin en
No obstante, si no quieres complicarte el lateral derecho
mucho a la hora de descargar com- así como determinar
plementos, puedes instalar widgets que se a qué categoría perte-
incluyen por defecto en WordPress. Pulsa nece la entrada, sim-
sobre la opción , elige la cate- plemente activando la
goría y selecciona uno de la lista, casilla correspondien-
por ejemplo , pinchando en el te en cada caso .
enlace . Para que sea efectivo, pulsa Por último, para que
el botón y las modifica- el texto se muestre en
4
ciones se almacenarán en tu blog . la web, debes acudir
al apartado y Por último, a medida que los internau-
pulsar sobre el botón . El tablón tas visiten tu blog, podrán ir dejando
del blog te indicará opiniones. Es posible gestionarlas desde
que ha sido actualiza- el menú de tu tablón, que
do con éxito muestra lo que han dicho tus lectores
de modo que presiona el enlace
para que puedas visualizarla .
Empieza a publicar
Una vez personalizado tu diario online, y permite borrar dichas entradas, editarlas
es el momento de escribir entradas que o responder a su autor, si quieres mante-
pueda leer el resto de la comunidad. ner un contacto con él.
6 Nº 273
7. Práctico: Herramientas para crear tu página web CD Nº 273
MobilePress 1.03
Programación > Móvil
3 Ahora, accede a tu panel de adminis-
tración de WordPress, pulsa sobre la
casilla , y verás que se ha agre-
Elige primero la categoría , que
despliega un formulario en el que puedes
cambiar el título y la descripción del blog
gado automáticamente al listado de com- para su visualización en el móvil. Si quie-
Indicado para Windows: plementos aún sin habilitar . res conservar el nombre de WordPress,
Win 95/98/Me Win 2000/NT Win XP Win Vista entonces deja
Versión Completa las casillas en
blanco
Ahora que la movilidad está de moda, los desarro- aunque si pre-
lladores se han puesto manos a la obra para llevar fieres variar el
toda la tecnología a tu bolsillo. Y una forma de hacer- título y el sub-
lo posible es a través de la aplicación MobilePress, título del blog, escribe los nuevos nombres
un plugin diseñado para WordPress que te permite en los recuadros correspondientes .
mostrar tu blog adaptado a los teléfonos móviles, Marca entonces la casilla correspondiente
al tiempo que ofrece la posibilidad de utilizar temas y haz click en el
personalizados y crear nuevos. Puedes encontrar enlace para poder utilizar este plu-
más información en la web http://mobilepress.co.za gin. Inmediatamente, desde la página de
WordPress verás que el complemento ha
sido habilitado y No olvides que, para almacenar las modi-
Tu blog en el móvil comprobarás que se ha añadido al conjun- ficaciones, tienes que presionar el botón
Si quieres consultar allá donde estés el to de plugins incorporados a tu blog . . Podrás ver entonces, desde
blog de WordPress que has creado siguien- la pantalla de tu móvil, que los cambios se
do los pasos anteriores, sin necesidad de han hecho efectivos .
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 De este modo, el proceso ya habrá acaba-
pocos pasos puedas disfrutar de tu diario do, y sólo tendrás que acceder a la url de
online en el terminal. tu diario online desde el teléfono móvil
1 5
para poder consultarlo
La aplicación MobilePress puede descar- Por último, MobilePress también deja
garse desde la página web del proyecto, lugar a la imaginación para aquellos
pero se encuentra también alojada en el que controlen la programación y el desa-
directorio de plugins de WordPress. Una rrollo web. Al ha-
vez que has aprendido a utilizar esta última cer click en la op-
herramienta, descargarte el complemento ción verás
en tu blog es una tarea sencilla, a través del que se muestra la
panel de control que tienes a tu disposición única plantilla por
en WordPress. No obstante, también pue- defecto que inclu-
des instalarla ye este plugin .
desde el archi- Pero si dominas
vo Zip incluido el diseño y has si-
en el CD, de do capaz de crear
modo que des- y, si haces click en cualquier entrada, po- tu propio tema para móvil, puedes subirlo
comprímelo en drás leerla desde la pantalla . al servidor ftp, guardándolo en la carpeta
tu ordenador y y, dentro de ella, en los direc-
verás que con- torios y en . Si lo
tiene multitud hicieras así, la plantilla aparecería entonces
de ficheros . en el menú de tu panel de
2
control, dentro de la categoría denomina-
A continuación, tienes que subirlos da , y sólo tendrías que pinchar en
al servidor ftp donde tienes también ella para aplicarla. No olvides, por último,
los archivos de WordPress. De este mo- que estos temas pueden
do, arrastra la carpeta hasta elegirse para un dispo-
el directorio , guardándola sitivo genérico, o para
dentro de y, ahí, dentro de iPhone o terminales con
4
. En unos pocos segundos, la Windows CE y Opera
carpeta de MobilePress se habrá copiado No obstante, WordPress te ofrece diver- Mini. Para ajustarlos a
totalmente al servidor . sas posibilidades de personalización, en tu teléfono, en la cate-
el caso de que quieras especificar una des- goría de-
cripción o título distintos para la versión bes elegir la alternativa
móvil, así como crear plantillas a medida. que prefieras .
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- Así de sencillo resulta-
tren las alternati- rá tener tu blog en el
vas asociadas . teléfono móvil.
Nº 273 7
8. CD Nº 273 Práctico: Herramientas para crear tu página web
Thingamablog 1.0.6
Programación > Editores
2 Como puedes ver, para empezar a tra-
bajar con él lo único que te pide es que
pinches una
4 Ahora que ya has terminado con todo
lo anterior, el asistente de configura-
ción te guiará hasta una nueva pantalla
vez sobre la
Indicado para Windows: pestaña .
Win 95/98/Me Win 2000 Win XP Win Vista Hazlo y, cuando te aparezca el siguiente cua-
Versión Completa dro de texto
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
Un juego de niños desde la que podrás añadir varias secciones
Con una interfaz muy sencilla de utilizar, para tu blog. Sólo tienes que presionar el
similar a la de cualquier procesador de botón y escribir su nombre .
textos, Thingamablog te ofrece la oportuni-
dad de crear tu propio weblog o bitácora. rellena todos los datos que te solicita .
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. Ten en cuenta que hace referencia
1
a la dirección completa de tu weblog, y
Una vez que hayas terminado de instalar que el se corresponde con la loca- Puedes crear tantas como necesites para
todos los componentes del programa en lización del servidor donde se almacena la hacer de tu publicación web algo personal
tu equipo, dirígete hacia el escri- bitácora. y completo .
3
torio de Windows para ejecutar
el icono de acceso directo Cuando hayas terminado con todo lo
que el asistente ha creado de forma auto- anterior accederás directamente a una
mática durante el proceso de instalación. nueva ventana
Entonces verás cómo aparece un cuadro de
texto informativo
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
que te explica lo importante que es crear publicados en tu
una base de datos para almacenar los ar- bitácora .
chivos de tu futura bitácora. De hecho, para Después podrás elegir todo lo referente a
continuar con el programa debes hacerlo, que, entre otras cosas, te solicita algunos la apariencia externa de la web .
así que pincha una sola vez en el botón datos referentes a tu publicación, tales co-
y, de todas las opciones que te ofrece mo el título del blog o la descripción de
la ventana emergente 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.
Es posible previsualizar
selecciona la ruta que quieres que actúe los diseños predetermi-
como almacén de tus contenidos. Recuerda nados si seleccionas cual-
bien cuál has elegido porque será allí donde quiera de ellos de la lista
se guarden tus entradas, fotografías... Des- desplegable
pués presiona el botón y habrás lle- y haces click en el botón
gado a la interfaz principal del programa . . El navega-
8 Nº 273
9. Práctico: Herramientas para crear tu página web CD Nº 273
dor te guiará, automáticamente, hasta una Entonces el programa te guiará, de forma presionar el botón . Entonces aparecerá
página de prueba como esta: automática, hasta una nueva pantalla, que ante ti una nueva ventana emergente
tendrá un aspecto similar al de cualquier
editor de textos .
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-
6
En ella tendrás que escribir la entrada de bre el botón y, automáticamente, se
Si te convence lo que ves, presiona el tu blog, así como colocará junto al texto principal.
9
botón y llegarás a una nueva determinar quién
pantalla del asistente es el autor del Cuando hayas terminado con todo lo
escrito anterior, lo mejor es que publiques tu
y, además, se- noticia en Internet desde el icono . Si todo
leccionar la ca- ha salido correctamente, el programa te mos-
tegoría a la que trará un cuadro de texto como este:
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
que, entre otras cosas, te informa de que la
para configurar algunos ajustes relacio- acción de publicar en red ha sido completa-
nados con la publicación de entradas. Si, da satisfactoriamente. Entonces llegarás de
por el contrario, ninguna de ellas es de tu nuevo a la interfaz principal
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
donde tendrás que buscar la pestaña y
pulsar 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 .
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 .
Nº 273 9
10. CD Nº 273 Práctico: Herramientas para crear tu página web
TOWeb 2.73
Programación > Editores
y, seguidamente, definir el título que quie-
res que aparezca en ella . 4 La siguiente pantalla te permite editar
los apartados elegidos en el punto 2
y añadir nuevas pági-
nas y complementos a
Indicado para Windows: tu sitio web. Todos los
Win 95/98/Me Win 2000/NT Win XP Win Vista seleccionados anterior-
Demo mente se encuentran
A continuación, selecciona los apartados en el siguiente recuadro:
Si te gustaría tener tu propia página web pero no que quieres que aparezcan en tu portal.
posees los conocimientos suficientes, tienes que Hay múltiples opciones como, por ejem-
echar un vistazo a TOWeb. Esta sencilla herramien- plo, álbumes de fotos, blogs, catálogo de
ta te ayudará, paso por paso, a crear tu portal web productos o recetas de cocina .
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/ Para agregar nuevos elementos pulsa el
tw-home/index.html botón y, en la nueva ven-
tana emergente, establece si quieres añadir
TOWeb te aconseja escoger al menos dos una página, un álbum, un blog, un catálo-
Sencillez ante todo o tres para empezar. Una vez hecho esto, go, una web externa o una copia de un
Aunque esta aplicación es realmente sen- haz click sobre el botón apartado ya existente .
cilla, incluye numerosas herramientas que para pasar a la si-
te permitirán crear álbumes de fotos, aña- guiente pantalla.
3
dir música, fotografías, botones y muchos
más elementos. Además, todas las funcio- El próximo paso es elegir el fondo de
nes están claramente explicadas y distri- la página web. Esto se puede hacer
buidas en diferentes pasos, que facilitarán de dos maneras. Bien eligiendo una de las
aún más el diseño de tu página. Asimismo, plantillas proporcionadas por el progra-
cuenta con un cliente ftp que te permite ma en la pestaña o, den- Asimismo, puedes seleccionar un tema pa-
subir tu sitio web al servidor. tro del apartado , pulsar ra el elemento añadido en
1
sobre el botón correspondiente al icono
Cuando abras por primera vez este pro- y dejar que
grama, encontrarás una ventana que te el programa seleccione una plantilla al
indica que puedes utilizar su ayuda en cual- azar. Aunque la plantilla esté ya definida,
quier momento pulsando la tecla . 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 .
y elegir un nombre para cada uno de
ellos en el recuadro .
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 .
A continuación, al tratarse de una versión
de prueba, la aplicación te explica las fun- A continuación, haz click sobre el botón
ciones disponibles y te ofrece la posibili- El resultado lo para vol-
dad de adquirir la versión completa . puedes consultar ver a la ventana anterior.
5
en la ventana de
vista previa En la parte central de la pantalla se
y ampliarlo ha- encuentran varias pestañas que per-
ciendo click so- miten modificar aspectos generales, el
bre ella. Par a diseño y la organización, la música y la
añadir una foto- privacidad de cada uno de los apartados
grafía personal .
al banner, pulsa Además, también puedes añadir etiquetas
sobre la entra- para facilitar el trabajo de los motores de
da y, a búsqueda en . Para ello,
continuación, selecciona cualquiera de selecciona con un solo click cada uno de
Para comenzar a utilizar las imágenes disponibles en tu disco duro los apartados y, según las opciones dispo-
el programa, haz click so- desde la ventana . nibles, cambia aspectos como su nombre,
bre el botón . añade un mensaje de aviso mientras
2
se esté cargando o determina que só-
En la primera página de TOWeb tienes lo ciertos usuarios puedan acceder a
que establecer el uso que quieres darle él (esta opción sólo está disponible
a tu página web, bien personal o bien para en la versión completa).
6
una empresa
Mientras, para modificar el dise-
ño de cada uno de los apartados
haz doble click sobre ellos. Según el
10 Nº 273
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-
añadir un gran
número de tipos
de marco como,
8 Una vez que hayas dado el aspecto
deseado a tus páginas, pulsa sobre el
botón .
va ventana. Su parte izquierda te muestra por ejemplo, con El apartado
la estructura que tendrá la página forma de carrete correspondiente al icono
de película ci- contiene herramientas avan-
nematográfica, zadas para añadir a tu portal
con adornos de web. Algunas de ellas no están
burbujas, estre- disponibles en la versión gratuita como
llas, efecto de y . Entre
pintura al óleo, las que puedes añadir en esta sección se
con forma de se- encuentran elementos relacionados con
llo postal, de mo- el comercio electrónico como una tien-
saico o con una da online o la posibilidad
gran cantidad de de pagar a través de tarjeta de crédito
colores . . También se
En este apartado pueden incluir fuentes Rss
también es posi- o información Html .
ble añadir efec- Cuando hayas terminado de
tos para mejo- añadir estos elementos, haz
y te ofrece la posibili- rar su calidad click sobre el
dad de retocarla. Así, o añadir texto botón .
9
con los botones .
7
puedes desplazar un párrafo El último paso es subir la página web
por la página, con A su vez, a tu servidor de Internet. Lo primero
crear uno nuevo y, desde la ba- también que debes hacer es introducir los datos de
rra correspondiente a es posible in- tu servidor. Para ello, haz click sobre el link
cluir otros ele- y, en el apartado
mentos web a
los párrafos.
Así, desde el
siguiente re-
cuadro: escribe tu dirección ftp. En la siguiente
pantalla inserta tu nombre de usuario y tu
seleccionar su estilo. Por otro lado, la par- contraseña
te derecha de la pantalla
y, a continuación, deja marcada la casilla
podrás añadir tablas, links, vídeos musi- para que el programa detecte automática-
cales, animaciones flash o archivos para mente el directorio. Por último, añade la
cuenta con las herramientas para modificar descargar. Tan solo tienes que seleccionar dirección de tu página web .
los elementos que componen los párrafos. una de las opciones y un asistente del pro-
Pulsa sobre el que quieras retocar y, en grama te ayudará a incluirla.
Cuando hayas insertado correctamen-
te estos datos, haz click sobre el botón
escribe el título y y, automáticamente,
el texto. Usa los comenzará el proceso de subida .
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á Podrás ver el aspecto final de
modificar la fotografía. Entre todas las tu página web en cualquier
opciones disponibles se encuentran cor- momento pulsando sobre el
tar y rotar la imagen botón .
Nº 273 11
12. CD Nº 273 Práctico: Herramientas para crear tu página web
Sothink SWF Easy 6.1
Diseño > Animaciones
3 Como ahora puedes comprobar, la
pantalla principal de este entorno in-
cluye hasta cinco apartados diferenciados
Luego, presiona sobre el icono
para abrir el árbol de directorios
que resumen sus funciones principales .
Indicado para Windows:
Win 98/Me Win 2000 Win XP Win Vista
Versión Shareware
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. y elige entre sus galerías, por ejemplo, la
Además, dispone de una amplia galería de cliparts que lleva por título y, dentro de
para ambientar tus creaciones, además de un gran ésta, la sección .
catálogo de funcionalidades para inventar botones,
introducciones, logos o banners. Visita su dirección
online www.sothink.com/product/swfeasy
Así, en la parte superior aparece una ba-
6 Como resultado
ahora puedes ele-
gir varias imágenes de
rra de herramientas en línea. Después, en diferentes de flores di-
Crea tu animación flash la parte izquierda se muestra una hilera bujadas en .
La interfaz de Sothink es muy intuitiva. que contiene los diferentes fotogramas Escoge la que más te
De hecho, permite ver durante la edición de la animación (al principio, sólo uno), guste con el botón iz-
el resultado final de cualquier proyecto mientras que en la parte derecha están los quierdo del ratón, y arrástrala hasta el
que estés realizando. Esta facilidad de recursos fotográficos que aporta la aplica- lienzo en blanco .
uso convierte a la aplicación en una he- ción para incluir imágenes y efectos predi-
rramienta rápida y fácil de usar. señados. Por último, en el centro aparece
1
un lienzo de dibujo en blanco, con un re-
Al ejecutar por primera vez Sothink sumen inferior de las características de los
SWF Easy aparece una ventana que te objetos incluidos en su interior.
4
informa de que se trata de una versión de
evaluación de treinta días . 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 . 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
De entre todos los da- que desees.
7
De este modo, si deseas probarlo, pulsa la tos aquí expuestos, bá-
entrada . Ahora bien, en caso de sicamente, debes modi- Repite esta operación de elegir y colo-
que quieras adquirir el producto, el fabri- ficar los que se agrupan car dentro del lienzo todas
cante te regala un cupón de descuento de en el apartado . las imágenes que quieras hasta
diez dólares. Para ello sólo debes introducir En primer lugar, pulsa, crear una escena que conside-
el código “duAfipud”, pero sólo si realizas la con la ayuda del ratón, sobre el icono res completa. En nuestro caso,
compra antes del 30 de junio de este año. para que, al instante, aparezca una hemos elegido la plantilla
2
paleta de colores en- para simular una
Nada más comenzar su funcionamien- tre los que elegir el base de césped para
to, la interfaz presenta una ventana fondo del lienzo . la flor, después de
con cuatro plantillas de creación con las Después, escribe agrandar en parte
que empezar la nueva animación . una tasa de refresco su tamaño .
dentro de la casilla Recuerda que siem-
, pre puedes revisar
una anchura adecua-
da para el marco en ,
Aunque a través de esta selección previa y una altura en , te-
puedes escoger un patrón avanzado para niendo en cuenta que siempre puedes vol-
incluir en tu dirección online un ver a establecer los valores predetermina-
álbum fotográfico, un banner o un dos gracias al comando . las características de
5
botón de navegación, siempre es re- un objeto a través del
comendable que elijas la variante Ahora presta atención a la columna apartado inferior de la
para iniciar un proyecto gráfico desde ce- situada a la derecha titulada . interfaz
ro. Luego, ten en cuenta si quieres que En ella puedes encontrar una extensa co- ya que aquí se encuen-
esta propuesta aparezca siempre al inicio lección de imágenes y gráficos animados tran los valores métri-
del programa al estar marcada la casilla que te ayudarán en gran medida a diseñar cos exactos sobre sus
, y valida tu selec- tu composición de una forma rápida y fá- dimensiones, o del me-
ción con el botón . cil, como podrás ver a continuación . nú emergente que surge
12 Nº 273
13. Práctico: Herramientas para crear tu página web CD Nº 273
tras pulsar sobre cualquier para darle un título orientativo como escribe dentro de la barra del explorador
elemento utilizando el bo- . Después, puedes modificar su de Sothink . Después, elige de
tón derecho del ratón . contenido para generar la sensación de entre todos el que desees
8
movimiento entre un fotograma y otro.
10
También en Sothink
es posible incluir tex- Considera, igualmente, que existe
tos cambiantes dentro del otra forma diferente de añadir nue-
metraje flash. Para ello, vas escenas a la animación flash:
busca en la barra superior la función pulsando sobre el símbolo .
representada mediante el icono Sin embargo, la nueva imagen se
y, tras pulsarla, abre un cuadro en el que creará vacía
escribir el mensaje que creas oportuno . con lo que no deja de
ser más práctico reali-
zar una copia del foto-
grama inmediatamente
anterior.
11
arrástralo hasta el lienzo en blanco y visita
Asimismo, pue- su pantalla de características .
des incluir gráfi-
Hecho esto, puedes añadir un efecto de cos que tienen una ani-
caligrafía pulsando con el botón derecho mación individual. Un
del ratón sobre el texto y eligiendo la en- ejemplo de estas imá-
trada emergente . Luego, en la genes con movimiento
ventana que aparece después 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 A continuación, se-
lecciona la pestaña
y escoge,
dentro de su menú
utiliza el resumen de de opciones, la ac-
efectos que aparecen ción que hará que
listados en columna se active el control
para elegir uno en como, por ejemplo,
particular. Una vez . En conse-
que lo hayas escogido, cuencia, se abrirá
podrás ver su dura- un segundo menú
ción en una barra de con el que puedes elegir
control adicional . la operación que ejecu-
tará el botón .
13 Por último, acude al menú superior
9
que contiene los elementos
Según vayas rea-
lizando nuevos
cambios en el dibujo,
estos también se verán
reflejados en la pequeña y presta atención a la función
imagen en miniatura del que sirve para contemplar una vis-
área de fotogramas . ta previa de tu película
En realidad, aquí se re-
cogen, escena tras es-
cena, todas las imáge- tienes que arrastrar el elegido al lienzo en
nes que, en secuencia, blanco, como si de una imagen normal se
conformarán la película tratara .
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- la herramienta con el símbolo
12
te se crea un duplicado permite subir su contenido direc-
del original Otro de los objetos que con So- tamente a la web, y la entrada con
al que debes cambiar el think puedes incluir en una ani- el icono gráfico
nombre con la función mación flash es un botón de función. Para guarda la película en un archivo re-
emergente localizar su colección de difentes formas, producible desde el PC .
Nº 273 13