MARKETING DIGITAL: CREACIÓN DE WEBS

Transcripción

1 MARKETING DIGITAL: CREACIÓN DE WEBS Ejemplo práctico con WordPress Alfons González Curso de especialización en Marketing Digital de PMASTERS PMASTERS Bloque E, local 1, Vila Universitaria, Campus de la Universitat Autònoma de Barcelona, Bellaterra (Cerdanyola del Vallés) Curso de especialización en Marketing Digital Alfons González 1

2 Introducción y objetivos... 6 Primera parte: Páginas HTML y lenguajes de script... 7 La página HTML básica... 7 Por qué hay que formatear el contenido?... 7 Qué aspectos técnicos se tienen que definir?... 7 Versionado... 8 Internacionalización... 8 Qué es l'html?... 9 Qué necesitamos para escribir páginas HTML? Programación incrustada en HTML Programación del lado cliente y programación del lado del servidor Criterio de privacidad y copyright del lado servidor Lenguajes de programación para lado cliente y lado servidor Ejemplo: crear una página web que muestre la fecha desde el lado cliente con Javascript Un programa del lado cliente puede verse y copiar Ejemplo: crear una página web que muestre la fecha desde el lado servidor con PHP Google Analytics: un script del lado cliente Qué necesitamos para utilizar Google Analytics? Como darnos de alta en Google Analytics? Moure páginas ninguna a y desde un servidor web El protocolo FTP Qué es un número de puerto? Donde encontrar programas gratuitos de FTP Descargar e instalar Filezilla Donde encontrar alojamiento web (servidor) gratuito Donde es el negocio de los servidores gratuitos? Curso de especialización en Marketing Digital Alfons González 2

3 Como trabajar con Zymic Crear una cuenta de usuario en Zymic Subiendo y bajando páginas a nuestro nuevo lugar web Index.html o index.php Práctica Práctica Títulos H1 que puntúan en marketing digital en Google Saltos a nuevas páginas ( links o enlaces ) Cargando plantillas Buscando un descompresor ZIP Ver las opciones de plantillas y cargar una en nuestro lugar web Ya podemos plantearnos la compra de una herramienta de diseño web Escoger un servidor web y un entorno de desarrollo de aplicaciones Qué necesitamos para publicar páginas en Internet? Opciones baratas Opciones más caras para estar presentes en Internet Un pequeño consejo, si lo aceptáis La Opción de la subcontratación global Pros y contras de la subcontratación Segunda parte: WordPress Instalación de WordPress Crear un nuevo espacio de alojamiento web Como descargar WordPress Donde podemos encontrar WordPress en castellano? Donde podemos encontrar WordPress en catalán? Como descomprimir WordPress Eliminar el archivo ZIP inicial Como enviar WordPress a nuestro lugar web Curso de especialización en Marketing Digital Alfons González 3

4 Evite transferencias multitasca con Zymic Comenzando la transferencia Crear la base de datos MySQL para WordPress Fase 1: Generar la base de datos Fase 2: Crear el usuario Fase 3: Dar derechos al usuario Como instalar WordPress Eliminar index.html Abrir la web para configurar Una parada en el camino para ver ya nuestro bloque activo Como publicar nuestros primeros artículos Uso de las categorías Como asignar una categoría a un artículo Como cambiar la apariencia de WordPress Modificar los elementos gráficos de una plantilla Cambiar de plantilla (tema) Como podemos cambiar de plantilla? Donde podemos encontrar plantillas de WordPress? Inserción de plugins. El Plugin de Google Analytics Inserción de plugins. El Plugin de Facebook Activación y configuración del plugin de Facebook Editar la posición de los widgets de Facebook dentro del blog Plugins de comercio electrónico (tienda virtual) Tercera parte: Qué hacer cuando alguna cosa sale mal? Faltan archivos después de la carga Archivos wp config que no se generan La utilidad WPConfig Curso de especialización en Marketing Digital Alfons González 4

5 Modificación manual de wp config.php Curso de especialización en Marketing Digital Alfons González 5

6 Introducción y objetivos El contenido de estas dos sesiones está pensado bajo el punto de vista del emprendedor que comprende la realidad de un mundo en continuo cambio y que quiere ponerse al día en temas de marketing digital vía Internet. Se asume que los assistentes y lectores de este curso no tienen conocimientos técnicos más allá de la ofimática a nivel de usuario. Por lo tanto, el planteamiento del curso es el de una guía paso a paso, con mucha información visual de las pantallas que iremos viendo y qué hacer en cada caso para conseguir los siguientes objetivos de forma rápida y económica: 1. Saber de que hablamos cuando queremos crear un lugar web para hacer marketing digital. 2. Saber por nosotros mismos el grado de facilidad (que no paso de dificultad) que representa crear un lugar web. 3. No tener que invertir dinero hasta que realmente sepamos si nos queremos involucrar dentro del proyecto técnicamente a partir de los conocimientos conseguidos al curso. 4. Experimentar en primera persona con los elementos básicos necesarios para montar un lugar web, aprendiendo en utilizar las herramientas más comunes. 5. Alcanzar los conocimientos necesarios para poder hacer lugares web o para negociar con un proveedor de servicios web con el conocimiento de causa y de terminología adecuandos, valorando horas y materiales en su justa medida. Finalmente, el alumno podrá valorar con su satisfacción personal el grado de conocimiento práctico que ha alcanzado. Bajo el punto de vista del profesor, me doy por más que satisfecho si el estudiante acaba amando el mundo del marketing digital y creando sus propios lugares web con éxito por su negocio. Alfons González Ingeniero de software y máster en Euroasian International Business por la UAB. Curso de especialización en Marketing Digital Alfons González 6

7 Primera parte: Páginas HTML y lenguajes de script La página HTML básica Como comentábamos al hablar de servidores web, el material básico que intercambiemos con ellos es la página web. Los programadores cargan o suben las páginas web, y los clientes las descargan o bajan. Cuando se descarga una página web, no se elimina del servidor. Simplemente se le envía una copia al cliente. El cliente voz el contenido a través de uno navegador (Microsoft Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome ). La función del navegador es formatear este contenido que le llega del servidor porque sea visualmente consumible por el cliente. Por qué hay que formatear el contenido? O lo que es el mismo no se puede mostrar directamente lo que llega del servidor? Realmente, dentro de una página web tenemos un contenido que resulta interesante para el cliente y también tenemos unos datos técnicos y de formato (los filósofos como Spinoza dirían sustancia y accidentes). O sea: hay uno QUÉ y uno COMO. Dentro del QUÉ tenemos el contenido. Dentro del COMO tenemos los aspectos estéticos y los aspectos técnicos (aspectos informáticos que veremos acto seguido). O sea: Página web: Contenido Forma o o Aspectos estéticos Aspectos técnicos (informáticos) Qué aspectos técnicos se tienen que definir? Bastantes aspectos. Vamos a resumirlos mucho por no hacernos un lío con temas que aún no tocaremos directamente. Curso de especialización en Marketing Digital Alfons González 7

8 Versionado La forma de construir páginas web ha ido cambiante con el tiempo. A medida que los programadores y los diseñadores iban creando páginas, iban añadiendo nuevas prestaciones a los navegadores porque las páginas fuesen más atractivas para los clientes. Eso hizo necesario escribir convenios para ponerse de acuerdo con lo que iba a ser normativo y lo que no, ya que algunas de estas especificaciones implicaban un esfuerzo suplementario por parte del servidor web o por parte del navegador. Por lo tanto, uno de los aspectos técnicos que se definen es la versión de HTML utilizada. Internacionalización Otro de los aspectos técnicos es el conjunto de caracteres usados para representar el contenido. Con la incorporación de los países asiáticos (China, Japón, Corea, Vietnam), la India y los países del oriente medio a la globalización, ha hecho falta concebir nuevas formas de pintar los caracteres que se utilizan en sus escrituras por no limitar todo al alfabeto occidental. Por esta razón se define también el conjunto de caracteres que se quiere utilizar, porque el navegador pueda interpretar y visualizar correctamente la página web. Veamos una página web en crudo a la que denominaremos Pagina00.html. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title>documento sin título</title> </head> <body> Este es un ejemplo de página básica. </body> </html> Esta página web se muestra al cliente mediante uno navegador para aparecer así: Curso de especialización en Marketing Digital Alfons González 8

9 En este caso, el navegador es Safari, pero podría ser Internet Explorer o Firefox. Todos los navegadores formatean aproximadamente igual las páginas web, aunque la manera de mostrarlas no es exactamente igual. Unos están especializados en unos temas y otros hacen mejor otras cosas. De momento, la página básica que mostramos se vería igual a todos ellos. El texto en crudo que hemos visto antes está escrito siguiendo las normas de HTML. Por ello la vemos de manera diferente. Qué es el HTML? El HTML es un convenio de palabras llave útiles para definir el contenido, el estilo y los datos técnicos de una página web. Ya que un conjunto de palabras se puede considerar un lenguaje, podemos definir HTML como el lenguaje utilizado para construir páginas web. El HTML es un lenguaje derivado del XML. Comenzó siendo un dialecto poco ortodoxo de XML (como el castellano lo fue del latín) y ahora ha ganado estatus propio de lenguaje. HTML a su vez ha evolucionado en diversas versiones, como el XHTML o el WML. Curso de especialización en Marketing Digital Alfons González 9

10 El XHTML es el llamado HTML bien formato: uno HTML ortodoxo que requiere marcas de inicio y de final para todas las secciones. Hacia aquí evoluciona el HTML usado en la mayor parte de los servidores web del mundo. Por lo tanto, va creciente en adeptos. El WML, en cambio, va en recesión. Es una reducción del HTML por usarse en los primeros modelos de teléfonos móviles con acceso en Internet (leéis Nokia 7111 o Nokia 8210) alrededor del año Estos móviles disponían de una cantidad de memoria limitada y WML establecía normas estrictos para reducir el volumen de información circulante en forma de fichas o cartas de un tamaño reducido. Con la aparición de teléfonos móviles con mayor capacidad de memoria, su software se ha adaptado para trabajar con HTML directamente. Qué necesitamos para escribir páginas HTML? Un editor. Ahora bien: los hay de diferentes precios y funcionalidades, por lo que podemos decir que elegir uno depende de qué productividad queramos alcanzar por nuestra cuota de producción. Podemos ser muy avaros y poco productivos. En este caso, no necesitamos más que lo que viene de serie con un ordenador portátil: un editor de texto plano. También podemos ser muy gastadores y muy productivos. En este caso tendremos diferentes suites de herramientas que sirven para diseñar páginas web y combinar el diseño con la programación de los servidores web: Dreamweaver, Visual Studio, etc. y sus ediciones por a otras plataformas como Linux, Macintosh, dispositivos móviles Dentro de este rango tenemos lenguajes de programación que se pueden incrustar en las páginas web. Programación incrustada en HTML Las páginas web permiten abrir secciones a su interior en las que se albergan programas. Para qué queremos insertar programas dentro de páginas HTML? Porque una página web ofrezca información actualizada que depende de factores exteriores. El ejemplo más sencillo es poner la fecha a la cabecera de la página. Otro ejemplo es construir la información de la página a partir de los datos de cotizaciones bursátiles. Éste es un ejemplo muy interesante, ya que las cotizaciones se actualizan constantemente y no podemos tener a un programador que cada minuto sea capaz de escribir una página con 4000 valores cambiantes por colocarla en un servidor De Internet. Programación del lado cliente y programación del lado del servidor Imaginemos que tenemos una página en la cual tenemos que mostrar la fecha del día. La fecha es un dato que depende de factores exteriores. Curso de especialización en Marketing Digital Alfons González 10

11 Dependemos del momento en que vemos la página y también del punto del planeta que nos encontramos. Recordamos que no en todos los lugares del planeta vivimos el mismo día. Mientras a China sale el sol comenzando un nuevo día, a los Estados Unidos es de noche. El día comienza al Este. Por lo tanto, un cliente que esté navegante por un servidor web que esté en la otra punta del planeta se encontrará en un mismo instante, pero en fechas diferentes. Por lo tanto qué fecha mostramos? la del cliente o la del servidor? La respuesta depende del tipo de aplicación que tengamos. Por ejemplo: si un inversor norteamericano de bolsa quiere comprar o vender acciones a un servidor de Hong Kong, comprará en el horario del mercado de Hong Kong. Por lo tanto, la hora que tendrá que mostrar es la del lado del servidor. En la mayor parte de las aplicaciones de bases de datos, se contempla la fecha y hora del servidor como hora en la cual se anotan las operaciones, sin perjuicio de que se muestre también la hora local del cliente a título informativo. Un programa del lado del cliente exige trabajar al navegador web que use el cliente. Un programa del lado del servidor exige trabajar al servidor web que suministra las páginas. Criterio de privacidad y copyright del lado servidor Los programas que funcionan del lado servidor no envían las secciones de programa que contienen las páginas web. O sea, las páginas web que contienen programación del lado servidor no envían los programas, sino los datos obtenidos por los programas. Eso quiere decir que el cliente no puede ver como hemos hecho el programa (protegemos nuestra propiedad intelectual) ni como acceder a nuestros datos fuera de la web (hackers). Lenguajes de programación para lado cliente y lado servidor Podemos mezclar dentro de una página web la programación del lado cliente y la del lado servidor. La programación del lado cliente se envía a través de Internet. La programación del lado servidor se ejecuta en el servidor y sólo se envía su contenido, nunca el programa que lo genera. Los lenguajes de programación más comunes para el lado cliente son Javascript y Visual Basic Script. Se suelen llamar lenguajes de script. Los lenguajes de programación más comunes para el lado servidor son PHP, Java, ASPE, ASP.NET, C# y VB.NET. Curso de especialización en Marketing Digital Alfons González 11

12 Ejemplo: crear una página web que muestre la fecha desde el lado cliente con Javascript Veamos ahora un ejemplo de página web con una sección incrustada de programación que se encarga de mostrar la fecha del lado cliente. Para ello vamos en utilizar el lenguaje Javascript, que es un derivado de Java diseñado para trabajar desde el lado cliente. <!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" <head> <meta http equiv="content Type" content="text/html; charset=iso " /> <title>documento sin título</title> </head> <body> La fecha de hoy del lado cliente es: <script> var f = new Date(); document.write(f.getdate() + "/" + (f.getmonth() +1) + "/" + f.getfullyear()); </script> </body> </html> Fijémonos que existe una marca de inicio <script> y una de final </script> Entre estas dos marcas se encuentra el programa en cuestión, y este programa con su texto viaja desde el servidor al cliente porque se pueda ejecutar en el lado cliente por el navegador web. Es por lo tanto un código fuente visible desde el cliente; un código fuente que nos pueden copiar. Su resultado es el siguiente: Curso de especialización en Marketing Digital Alfons González 12

13 Un programa del lado cliente puede verse y copiarse Los programas creados para correr desde el lado cliente se pueden ver y copiar. Como? Yo sólo veo el resultado. Donde es el programa? Podemos pedirle al navegador que nos muestre el código fuente que ha recibido en formato crudo HTML. Eso se puede conseguir con el navegador Safari yendo al menú Visualización y seleccionando la opción Ver código fuente. En Internet Explorer, tenemos una opción equivalente. Si no apareciese el menú en Explorer, podemos forzar que se muestre pulsando la tecla de función F10. Una vez que el menú está visible, podemos ir al menú Ver y seleccionar Código fuente. Se abrirá una ventana como ésta: Curso de especialización en Marketing Digital Alfons González 13

14 Ésta es la constatación práctica que todo cuanto viaja por la red es pirateable y que debemos tener cuidado de qué programas dejemos a la vista de los clientes. Ejemplo: crear una página web que muestre la fecha desde el lado servidor con PHP Veamos ahora la parte equivalente del ejemplo anterior desde el lado servidor. La primera cosa que debemos hacer es cambiar la extensión (las tres o cuatro últimas letras que van después del punto) al nombre del archivo. Si el nombre del archivo hasta ahora acababa en.htm o en.html, ahora tiene que acabar en.php. Eso indica al servidor web que tiene que trabajar con el archivo de la forma típica de PHP, escondiendo los códigos fuente y enviando sólo los resultados de salida. Por lo tanto, si íbamos en crear un archivo llamado Pagina02.html, lo que haremos es gravarlo con el nombre Pagina02.php. Su contenido será el siguiente: <!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" <head> <meta http equiv="content Type" content="text/html; charset=iso " /> <title>documento sin título</title> Curso de especialización en Marketing Digital Alfons González 14

15 </head> <body> La fecha de hoy del lado servidor en PHP es: <? $fecha = time (); echo date ( "j/m/y", $fecha );?> </body> </html> Esta página hay que subir a un servidor web para ver como funciona. Más adelante veremos como mover páginas ninguna a y desde un servidor web con el protocolo FTP. De momento vamos a asumir que ya lo sabemos y aprovecharemos para ver tres detalles: 1. La apariencia de la página en el navegador de Internet. 2. El código fuente que hemos utilizado (que realmente ya hemos visto en el listado anterior). 3. El código fuente enviado al cliente desde el servidor web. La apariencia de la página web es: Curso de especialización en Marketing Digital Alfons González 15

16 El código fuente php que hemos utilizado es: <!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" <head> <meta http equiv="content Type" content="text/html; charset=iso " /> <title>documento sin título</title> </head> <body> La fecha de hoy del lado servidor en PHP es: <? $fecha = time (); echo date ( "j/m/y", $fecha );?> </body> </html> Curso de especialización en Marketing Digital Alfons González 16

17 Y ahora, el código que recibe el cliente es lo que ya sabemos como revelar (seleccionando en el navegador el menú Ver, opción código fuente): Como podemos ver, no existe ningún rastro del código fuente. Es como si un diseñador hubiese escrito una página estática directamente en el navegador. Eso tiene el suyo pros y los suyos contras: Pro: el cliente no puede ver nuestro código fuente. Pro: el navegador del cliente no realiza ningún esfuerzo de ejecución de programa; no gasta sus recursos. Contra: el servidor realiza esta tarea, gastando sus recursos de tiempo de procesador. Contra: cuanto más complejo es el código fuente que debe procesar del lado servidor, más potente tendrá que ser la CPU por no colapsarse con las peticiones de un número creciente de usuarios. Google Analytics: un script del lado cliente La gente corriente piensa que el marketing es una actividad puramente creativa en la que no intervienen las ciencias matemáticas. El buen marketing es lo que genera ideas y después las justifica con cifras reales y resultados estadísticos. Google Analytics es una herramienta de Google que se encarga de obtener estadísticas de éxito o de fracaso de un lugar web y de sus distintas campañas de marketing digital. Datos como ahora: cuanta gente me visita? cuantos están interesados en mi producto X y/o en mi producto Z? Los clientes que llegan a mi lugar a través de donde llegan? Los que se van Curso de especialización en Marketing Digital Alfons González 17

18 hacia donde se van? Cuantos son? Qué porcentaje de crecimiento o decrecimiento tengo en el tiempo? Qué porcentaje de respuestas tengo sobre una campaña determinada? Qué necesitamos para utilizar Google Analytics? Google Analytics es un servicio gratuito. Sólo es preciso darnos de alta y saber como insertar unos scripts de cliente para comenzar en obtener resultados. Como darnos de alta en Google Analytics? Por darnos de alta en Google Analytics necesitamos una cuenta de correo electrónico y llenar los datos de un formulario que podemos encontrar en A la esquina superior derecha de la página tenemos una opción que pone Acceder en castellano o entra en catalán. Pulsaremos esta opción con el ratón. Nos aparecerá la siguiente página: Mediante el círculo rojo queremos señalar mejor a donde tenemos que hacer clic si queremos crear un nuevo cuenta de Google. Hacemos clic a crear una gratis. Curso de especialización en Marketing Digital Alfons González 18

19 Sólo nos queda llenar los datos y el contenido del Captcha (las letras retorcidas de color rojo) como medida de seguridad. Después de eso, pulsaremos el botón Acepto. Crear mi cuenta. Google nos enviará un mensaje de correo electrónico a nuestra cuenta para verificar nuestra identidad. Curso de especialización en Marketing Digital Alfons González 19

20 Haremos clic en el primer enlace del mensaje para activar nuestra cuenta. Ahora que ya tenemos cuenta a Google, vamos a registrar noes con un proceso específico de registro para Google Analytics. La dirección es: Haremos clic a Regístrese ahora mismo. Curso de especialización en Marketing Digital Alfons González 20

21 Entraremos nuestros datos de la cuenta de Google que hemos creado en el paso anterior, y pulsaremos el botón Acceder. Pulsaremos el botón Registro. Curso de especialización en Marketing Digital Alfons González 21

22 Llenaremos los datos (en este caso son de ejemplo, cada cual n' habrá de poner las suyas) y pulsaremos el botón Continuar. Después de llenar los datos volveremos a apretar Continuar. Curso de especialización en Marketing Digital Alfons González 22

23 Esta pantalla contiene las condiciones legales del servicio. Después de revisarlas, marcaremos la caja de comprobación que acepta los términos de contrato y pulsaremos el botón Crear una cuenta nuevo. A continuación, Google nos proporciona el fragmento de script y las instrucciones necesarias porque cada vez que un cliente vea una de nuestras páginas, se registre este hecho en el sistema de estadísticas de Google Analytics: Como podemos apreciar, las instrucciones dicen que tenemos que insertar esta secuencia de script antes de finalizar el bloque de cabecera de HTML. Curso de especialización en Marketing Digital Alfons González 23

24 Por lo tanto, una página preparada para reflejar sus estadísticas en Google puede ser ésta: <!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" <head> <meta http equiv="content Type" content="text/html; charset=iso " /> <title>documento sin título</title> <script type="text/javascript"> var _gaq = _gaq []; _gaq.push(['_setaccount', 'UA ']); _gaq.push(['_trackpageview']); (function() { var ga = document.createelement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = (' == document.location.protocol? ' : ' + '.google analytics.com/ga.js'; var s = document.getelementsbytagname('script')[0]; s.parentnode.insertbefore(ga, s); })(); </script> </head> <body> La fecha de hoy del lado cliente es: <script> Curso de especialización en Marketing Digital Alfons González 24

25 var f = new Date(); document.write(f.getdate() + "/" + (f.getmonth() +1) + "/" + f.getfullyear()); </script> </body> </html> El código que se ve marcado en negrita es mi código de cuenta de Google Analytics y sólo sirve para mi web. Varía en cada lugar web para cada usuario de Google Analytics. Nuestra página ya está lista para ser subida al servidor web. Cada vez que un usuario l'abra, eso se reflejará en las estadísticas de Google. Más adelante veremos como podemos obtener las estadísticas. Mover páginas hacia y desde un servidor web De momento, hemos tenido que hacer un auto de fe y creer lo que nos dice el profesor, o sea, que la página web que tenemos que subir al servidor funciona correctamente. Hemos tenido que asumirlo porque no sabemos aún como subir contenidos a un servidor web. Éste es el tema que vamos en tratar en esta sección. El protocolo FTP Cuando se creó Internet, se crearon protocolos de comunicaciones entre clientes y servidores. Los humanos tenemos protocolos por comunicarnos entre iguales y con superiores jerárquicos. Tenemos que saber en qué orden tenemos que intervenir, qué podemos pedir y qué no, y las palabras adecuadas por pedirlo. El protocolo FTP es justamente eso: un conjunto de normas sociales entre ordenadores que sirve para colocar un archivo en un lugar concreto de un servidor. O sea: lo transferimos desde el cliente hacia el servidor. Archivo en inglés se traduce por File. Por ello el FTP significa File Transfer Protocolo o protocolo de transferencia de archivos. Funciona en los dos sentidos: puede enviar archivos desde el cliente al servidor y también puede bajarlos desde servidor hacia cliente. Bien, pero no teníamos ya una forma de bajarlos mediante el navegador? Ciertamente, pero los bajábamos censurados, como acabamos de ver: los códigos fuente no los baja mediante el navegador (protocolo HTTP). En cambio, sí que los baja cuando los solicitemos mediante FTP. Curso de especialización en Marketing Digital Alfons González 25

26 Entonces tampoco están seguros nuestros códigos fuente? Nuestros códigos fuente están muy seguros porque sólo tendrán respuesta por FTP aquellos usuarios que hayan sido previamente autorizados mediante un código de usuario y una contraseña o password. Eso quiere decir que tenemos que aprender un nuevo lenguaje para pedir archivos? No hace falta. Existen programas que trabajan con el protocolo FTP y que se encargan de subir y bajar archivos. Sólo necesitan saber el nombre del servidor FTP, el código de usuario autorizado y la contraseña. Algunos servidores necesitan además que se los especifique un número de puerto. Qué es un número de puerto? De con toda seguridad que hemos visto alguna vez el muelle de carga de camiones de una empresa de transportes. Tiene una serie de puertas numeradas (puerta 1, puerta 2, y así sucesivamente). Nuestro ordenador también tiene puertas para trabajar con Internet. La puerta más usual para el protocolo FTP es la 21. Algunos servidores disponen de más de un puerto para FTP o bien, por cuestiones de seguridad, operan con un otro número de puerto que mantienen en el anonimato para evitar intentos de hackers. Si no nos dicen lo contrario, nuestro servidor utilizará el puerto 21. El código de usuario, la contraseña, el nombre del servidor, el archivo a transferir, el directorio de destino y el número de puerto de FTP constituyen lo que denominemos parámetros de servidor de FTP. Donde encontrar programas gratuitos de FTP Filezilla es un programa gratuito de FTP que tiene en cuenta todos estos parámetros de servidor de FTP. Trovarlo es fácil. Podemos utilizar Google preguntando por Filezilla download o bien podemos ir directamente a uno de los múltiples lugares web de utilidades en los cuales está disponible. Por ejemplo: utiles.com/download filezilla windows xp.php Si queremos ir al lugar original de Filezilla: project.org/ Este lugar web proporciona una versión para Windows XP. Existen versiones para una gran variedad de sistemas operativos (Windows de de diferentes versiones, Macintosh, Linux ). Descargar e instalar Filezilla Suponemos que hemos ido al lugar original de Filezilla y que nos aparece su página típica: Curso de especialización en Marketing Digital Alfons González 26

27 Haremos clic en el botón gris etiquetado como Download Filezilla Cliente. Ahora nos pide que seleccionamos el sistema operativo que tenemos: Curso de especialización en Marketing Digital Alfons González 27

28 Si es Windows, seleccionaremos la primera opción: Filezilla_ _win32 setup.exe (recommended). Esta opción ejecuta directamente el instalador de Filezilla y es la recomendada porque es la más rápida. La siguiente opción que descarga un archivo ZIP es útil si estamos pensando en utilizar un solo paquete descomprimible por instalarlo en diversas estaciones de trabajo. De momento, para este curso, seleccionaremos la primera opción. Es posible que el navegador nos advierta que vamos en descargar un archivo y nos pida confirmación. Se la daremos en este caso. Después de eso nos aparecerá este cuadro de diálogo: Curso de especialización en Marketing Digital Alfons González 28