Professional Documents
Culture Documents
Esta etapa es muy importante y con frecuencia se pasa por alto. Se trabaja en el papel
para plantearnos el proyecto y qu queremos conseguir al realizar la web. La
planificacin de la pgina web debe incluir:
Es conveniente dibujar un organigrama con todas las partes del sitio web, distribuyendo
el texto, los grficos, los vnculos a otros documentos y otros objetos multimedia que se
consideren pertinentes, mediante el cual ir creando la estructura de la pgina de la
pgina web. Antes de empezar a desarrollar la pgina web en el ordenador, deben estar
muy claros cules sern sus contenidos, su estructura, el nombre de la pgina, etc.
En rbol: esta estructura est compuesta por una pgina principal que enlaza
con otras pginas, las cuales, a su vez, enlazan con otras pginas de nivel inferior.
De esta manera se agrupan las pginas web en niveles, de tal modo que para
llegar del primero al ltimo se debe pasar por todos los intermedios. Esta
MARKETING DIGITAL 1
estructura es poco navegable si tenemos una web con muchas pginas, porque
para ver las pginas de otra rama tenemos que retroceder hasta la pgina
principal, haciendo la navegacin muy pesada.
Lineal o en lista: A partir dela pgina inicial, se suceden el resto de las pginas
como si de un libro se tratase. Para llegar a la ltima pgina hay que recorrer
todas las anteriores. Es una estructura muy adecuada para la presentacin de
manuales o aplicaciones donde el usuario debe recorrer forzosamente una serie
de pginas web para conseguir su objetivo.
Mixta: esta estructura es una combinacin de las dos anteriores. Las pginas
estn jerarquizadas en niveles, los cuales a su vez estn conectados entre s en
forma de lista. Esta estructura es mucho ms navegable y prctica, puesto que
permite poder desplazarse de rama en rama sin necesidad de volver a la pgina
principal para hacerlo.
En red: Esta estructura supone que todas las pginas de la web estn conectadas
entre s, por lo que es una estructura ms compleja y menos ordenada. Su
ventaja es que desde cada pgina podemos ir a cualquier otra del sitio. No
obstante, requiere mucha planificacin para evitar ofrecer al visitante un caos
de enlaces innecesarios.
MARKETING DIGITAL 2
Segn la forma en la que se muestran al usuario podemos distinguir dos tipos: estticas
y dinmicas.
MARKETING DIGITAL 3
Lenguajes de programacin
PHP (Hipertext Preprocesor) Lenguaje que perite el uso de bases de datos para
almacenar los contenidos.
ASP (Active Server Pages) Desarrollado por Microsoft para crear pginas web,
que permite el acceso a bases de datos.
JSP (Java Server Pages). Desarrollado por Sun Microsystem para crear pginas
web dinmicas y aplicaciones para cualquier dispositivo.
HTML indica al navegador donde colocar cada texto, cada imagen o cada vdeo
y la forma que tendrn estos al ser colocados en la pgina.
Javascript, es utilizado para crear pequeos programas encargados de realizar
acciones dentro del mbito de una pgina web.
Java Applets, se trata de pequeos programas hechos en Java que se transfieren
con las pginas web y que el navegador ejecuta en el espacio de la pgina.
MARKETING DIGITAL 4
2. Lenguaje HTML.
HTML siglas en ingls de HypertText Markup Language (lenguaje de marcas de
hipertexto), hace referencia al lenguaje de marcado para la elaboracin de pginas web.
Est constituido por una serie de etiquetas o tags que permiten definir la estructura de
la pgina y su contenido, ya sea texto o imgenes. Se puede escribir en cualquier editor
bsico, como bloc de notas de Windows o Kate de Linux, y el archivo generado, debe
guardarse con la extensin .html.
Para incorporar un elemento externo, este no se inserta en la pgina, sino que se aade
una referencia a su ubicacin mediante texto y el navegador une los elementos para
visualizar la pgina.
Evolucin de HTML
MARKETING DIGITAL 5
Los documentos HTML deben seguir una estructura en cascada compuesta por
etiquetas. Cada etiqueta est delimitada por los signos < > y puede escribirse en
maysculas o en minsculas, el signo que cierra la etiqueta se indica con la barra /.
Adems de las etiquetas, tendremos los atributos, que son propiedades que permiten
personalizar las etiquetas HTML.
<HTML>, </HTML>. Indica que el documento es una pgina web escrita en HTML. Se
puede utilizar el atributo lang = es para indicar el idioma de la pgina.
MARKETING DIGITAL 6
El siguiente tag es uno de los ms importantes, ya que permite enlazar unas pginas con
otras:
Otro atributo bsico dela etiqueta <a> es name, que permite definir enlaces dentro de
una misma pgina web. Si una pgina es muy larga, puede ser til mostrar enlaces de
tipo saltar hasta segunda seccin, volver al principio de la pgina de la pgina, etc.
Editores web
Un editor web es una aplicacin que permite crear, editar y guardar una pgina web.
Hay tres categoras:
MARKETING DIGITAL 7
Un servidor es un ordenador conectado las 24 horas, que posee un disco duro con una
gran capacidad y una velocidad alta para Internet. Cuando un usuario visita una web lo
que hace es acceder a estos ordenadores, exactamente al que alberga la web.
Cuando un servidor ofrece un espacio para una pgina web deja ese espacio en un disco
curo para que se coloquen los archivos en su web. Para subir esos archivos se suele usar
un programa FTP.
MARKETING DIGITAL 8
Tenemos que distinguir entre servidor http y servidor. El servidor http es el software
que atiende las conexiones desde los navegadores de los clientes, y el servidor es el
ordenador donde se ejecuta el servidor HTTP.
Alojamiento web (hosting): es el espacio que cede un servidor a los usuarios para
poder alojar informacin, imgenes, vdeo o cualquier contenido accesible va web.
Publicidad: los servidores gratuitos incluyen publicidad en la web generada,
entorpeciendo la navegacin. Si el servidor es de pago no incluye publicidad.
Direccin (URL): Localizador uniforme de recursos (Uniform Resource Locator). Es
una secuencia de caracteres que responden a un formato estndar y que permite la
clasificacin de recursos subidos a Internet para su descarga y utilizacin.
Tasa de transferencia mensual: la web ocupa lo que ocupan los archivos que lo
forman ms imgenes, msica, archivos que bajen los visitantes, etc.
Cuando un usuario de la web visita la pgina, el servidor donde est alojada descarga
todos los kilobytes de los archivos que est visitando.
Lenguajes: Los lenguajes del lado servidor son aquellos lenguajes reconocidos,
ejecutados e interpretados por el propio servidor y que se envan al cliente en un
formato comprensible para l. Las pginas que se ejecutan en el servidor pueden
realizar accesos a bases de datos, conexiones en red y otras tareas para crear la
pgina final que ver el cliente. Muy utilizados para el desarrollo de pginas
dinmicas son ASP y PHP.
Panel de control (cpanel): es un software que provee una interfaz grfica para la
administracin de los servicios del servidor, permitiendo realizar tareas como
administrar archivos, cuentas FTP, correos electrnicos y bases de datos.
MARKETING DIGITAL 9
Hosting gratuito:
Los proveedores de alojamiento gratuito normalmente requieren poner sus propios
anuncios en el sitio alojado de forma gratuita y tienen lmites muy grandes de espacio y
trfico.
Ventajas:
Desventajas:
Hosting compartido:
Cuando un mismo servidor aloja a cientos de sitios web de diferentes clientes. Este
alojamiento web tambin tiene algunas restricciones con respecto a qu puede hacer,
aunque estas son menos importantes que en el gratuito.
Ventajas:
Se adapta muy bien a las necesidades de uso personal, profesional y del pequeo
negocio. Opcin muy econmica.
MARKETING DIGITAL 10
Desventajas:
Proveedores que apuran el nmero de clientes y recursos que acaban con servidores
infradimensionados, con problemas de lentitud y paradas de servicio.
Ventajas:
Desventajas:
Ventajas:
Desventajas:
Aumento de precio.
MARKETING DIGITAL 11
Cloud hosting:
Usa tecnologas propias de la nube repartiendo el servicio prestado entre varias
mquinas fsicas. Es tpica la tarifacin por consumo.
Ventajas:
Desventajas:
Servidor dedicado:
Mquina fsica en las instalaciones del proveedor.
Qu significa publicar?
Publicar un sitio web consiste en situar las pginas en un servidor de internet, de modo
que cualquier usuario que lo desee puede acceder a visualizarlas.
Para poder publicar en Internet hay que disponer de permiso en un servidor; es decir,
se necesita tener un nombre de usuario y una contrasea. La mayora de los
proveedores de internet ofrecen a sus clientes, un servidor para que coloquen sus
pginas personales. Algunos servidores, orientados a empresas y profesionales, cobran
una cuota por permitir la publicacin de pginas web, mientras que otros permiten
alojar pginas de forma gratuita, a cualquier usuario que se registre, con el
inconveniente de la insercin de publicidad en las pginas.
MARKETING DIGITAL 12
Una vez iniciado en cliente FTP, hay que conectar con el servidor mediante el botn de
conexin; en ese proceso, se tendr que indicar la direccin URL del mismo, el nombre
de usuario y la contrasea.
Para transferir archivos o carpetas al sitio remoto, bastar con seleccionarlos de panel
correspondiente al sitio local (izquierdo habitualmente) y hacer clic sobre el botn de
subida. Para descargar los archivos del servidor remoto hay que seleccionar los archivos
del panel de la derecha y hacer clic sobre el botn de bajada.
Una vez alojados los archivos en el servidor, hay que desconectar mediante el botn de
desconexin.
Filezilla
Como hemos dicho anteriormente, para subir la pgina al servidor necesitas un cliente
FTP.
Filezilla es una aplicacin gratuita para la transferencia de archivos por FTP y es tanto un
programa cliente de FTP, con el que se podr conectar con otros servidores para
descargar o subir ficheros, como un servidor de FTP, para que otras personas puedan
conectarse a nuestro PC y descargar y subir archivos a nuestra mquina.
El programa de FTP nos sirve para subir archivos a nuestra pgina. Hay infinidad de
programas para MAC, GNU/Linux y Windows. El funcionamiento es bastante similar para
todos. A continuacin, describimos como funciona:
MARKETING DIGITAL 13
MARKETING DIGITAL 14
Bibliografa:
Comercio electrnico. Autor: Santiago Iruretagoyena. Editorial: Mc Graw Hill.
Marketing digital. Autor: Agustn Crespo. Editorial: Marcombo.
Marketing digital y comercio electrnico. Autor: Inma Rodrguez-Ardura. Editorial: Pirmide.
http://www.lawebera.es/de0/organizar-pagina-web.php
http://okhosting.com/blog/tipos-de-paginas-web/
https://es.wikipedia.org/wiki/HTML#Historia_del_est.C3.A1ndar
https://informaticamasternc.files.wordpress.com/2012/02/cc3b3mo-alojar-las-
pc3a1ginas-vc3ada-ftp.pdf
https://www.hostinet.com/formacion/acceso-ftp/como-subir-mi-pagina-web-por-ftp/
https://notepad-plus.softonic.com/
http://paginaspersonales.deusto.es/airibar/Ed_digital/HTML/HTML_1.html#5
MARKETING DIGITAL 15