You are on page 1of 81

Creac|ón Web

LCW CCS1
n|stor|a de Internet
1erm|no|og|a Web
Dom|n|o
nosnng
Serv|dor
Ls un ldenuñcador asoclado a un grupo de dlsposluvos o equlpos
conecLados a lnLerneL.
Ll propóslLo prlnclpal es Lraduclr las dlrecclones lÞ de cada nodo acuvo
en la red, a Lermlnos memorlzables y fáclles de enconLrar
A|o[am|ento web, es el servlclo que provee a los usuarlos de lnLerneL
para poder almacenar lnformaclón: lmágenes, vldeo, o cualquler
conLenldo acceslble vla web.
Crdenador que forma parLe de una red, provee servlclos a oLras
compuLadoras denomlnadas cllenLes.
UkL
Loca||zador de recursos un|forme es una secuencla de caracLeres, de
acuerdo a un formaLo modellco y esLándar, que se usa para nombrar
recursos en lnLerneL para su locallzaclón o ldenuñcaclón.
1erm|no|og|a Web
8ase Datos
CMS
I1Þ
Con[unLo de daLos perLeneclenLes a un mlsmo conLexLo y almacenados
slsLemáucamenLe para su posLerlor uso.
un s|stema de gesnón de conten|dos es un programa que permlLe crear
una esLrucLura de soporLe (framework) para la creaclón y admlnlsLraclón
de conLenldos, prlnclpalmenLe en páglna web.
ÞroLocolo web para la Lransferencla de archlvos enLre slsLemas
conecLados a una red. uesde un equlpo se puede conecLar a un servldor
para descargar archlvos desde el o para envlarle archlvos.
Lengua[e de marcado predomlnanLe para la elaboraclón de páglnas web,
se uullza para descrlblr y Lraduclr la esLrucLura y la lnformaclón. Ll P1ML
se escrlbe en forma de «euqueLas», rodeadas por < >
!"#$"%&'( *+,-. */..+#, lengua[e usado para deñnlr la presenLaclón de
un documenLo esLrucLurado escrlLo en P1ML.
La ldea es separar la .#+01$+10" de un documenLo de su 20.#.'+"$&3'.
ÞnÞ Lengua[e de programaclón dlsenado para el desarrollo web de conLenldo
dlnámlco.
Ll códlgo es lnLerpreLado por un servldor web con un módulo de
procesador de ÞPÞ que genera la páglna Web resulLanLe. <?php ?>
n1ML
CSS
1erm|no|og|a Web
Workßow
1.8oceta[e
un sluo Web no debe olvldar que la base de su exlLo esLá en los conLenldos que ofrezca.
Þara reallzar la propuesLa de dlseno web es necesarlo haber reallzado un rlguroso proceso
de recopllaclón de conLenldos, deLermlnar arqulLecLura de lnformaclón...
Los conLenldos Web pueden ser lmágenes, vldeos, anlmaclones y LexLos los cuales son
buenos para la web en cuando:
- LsLán concebldos para lnLerneL.
- Se a[usLan a los ob[euvos del sluo web.
- uan respuesLa a las necesldades del usuarlo.
- ÞresenLan y deñnen claramenLe sus producLos o servlclos.
Ln el caso especlñco de los conLenldos de LexLo, lnLeneL uene un esulo edlLorlal dlferenLe
al lmpreso, los LexLos deben permlLlr una lecLura ráplda y ßulda.
Lstructura de |a Informac|ón
W|reframe
hup:]]www.ba|sam|q.com
W|reframe
2.D|seño Web
S1CCk kCnNG
una galerla con más de 330.000
foLos de gran calldad hechas por
más de 30.000 foLógrafos.
8anco de |mágenes
8anco de |mágenes
DkLAMS1IML
Más de 9 mlllones de
lmágenes graLulLas y a la
venLa.
STOCKVAULT
Podemos bajar fotos gratuitas sin
necesidad de registro.
También contiene una sección de
compra y venta.
8anco de |mágenes
IC1CLIA
8anco de lmágenes llbres de
deechos donde se pueden comprar,
vender y comparur foLogranas,
vecLores y vldeos.
8anco de |mágenes
uesunado para la edlclón, reLoque
foLográñco y plnLura a base de
lmágenes de mapa de blLs.
LdlLor de gráñcos vecLorlales y
mapas de blLs. llreworks esLá
pensado para crear rápldamenLe
lnLerfaces web y proLoupos de
webslLes.
Ld|c|ón de |mágenes
Þrograma de edlclón de lmágenes en
forma de mapa de blLs. Ls un
programa llbre y graLulLo.
Ls el programa de manlpulaclón de
gráñcos dlsponlble en más slsLemas
operauvos.
Software libre de pintura digital.
El diseño de Krita hace más
énfasis en la creación de
imágenes desde cero que en la
manipulación de imágenes
existentes.
Ld|c|ón de |mágenes
hup:]]p|x|r.com
Ld|c|ón de |mágenes on||ne
hup:]]www.photoshop.com]too|s]overv|ew
D|seño Web: Cpnm|zac|ón
D|seño Web: Cpnm|zac|ón
D|seño Web: Cpnm|zac|ón
hup:]]too|s.dynam|cdr|ve.com]fav|con
<||nk re|="Shortcut Icon" href="hup:]]arcademonon.s|te88.net]wp-content]themes]twentyten]|mages]fav|con.|co" type="|mage]x-|con" ]>
D|seño Web: Iav|con
S| e| D|seño no es |o
nuestro...
..S|empre nos quedarán
|as
Þ|ann||as Web
3.Creac|ón Web
hup:]]es.[|mdo.com]
Serv|c|os de creac|ón web on||ne
hup://www.webnode.es/
Serv|c|os de creac|ón web on||ne
http://es.wix.com/
Serv|c|os de creac|ón web on||ne
http://es.wordpress.com/
Serv|c|os de creac|ón web on||ne
Serv|c|os de creac|ón web CMS
Un sistema de gestión de contenidos (Content Management System, CMS) es un programa que
permite crear una estructura de soporte (framework) para la creación y administración de
contenidos.
Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido
del sitio. El sistema permite manejar de manera independiente el contenido y el diseño.
Serv|c|os de creac|ón web CMS
WordPress es un sistema de gestión de contenido enfocado a la creación
de blogs...o no?
Las causas de su enorme crecimiento son, entre otras, su licencia, su
facilidad de uso y la enorme comunidad de desarrolladores y diseñadores
que hay detrás.
WordPress nació del deseo de construir un sistema de publicación
personal, elegante y con una buena arquitectura ("Code is poetry").
Wordpress pone especial atención a la estética, estándares web y la
usabilidad.
¿Qué es Wordpress?
Hay infinitas formas de utilizar WordPress ya que tiene una estructura muy flexible con sus
plugins y sus templates:
Área de miembros registrados:
Los visitantes pagan una suscripción para acceder a contenido premium, acceso curso online…
Wp-Member
Red social:
Puedes construir una red social para una empresa, escuela… BuddyPress
Galería de diseño o fotográfica:
Crear una galería donde mostrar tus creaciones. Bestwebgallery
Bolsa de empleo:
Construirla mediante un template ya configurado. JobPress
Portal de noticias o revista:
Una forma muy sencilla de crearlo.
Tienda on line:
Puedes gestionar y dirigir una tienda de comercio electrónico. Añadir un carro de compras,
integración con pagos… Hay varias opciones una de ellas es Wp-Ecommerce
jQué podemos hacer con Wordpress?
¿Qué necesitamos?
1. Descargar Worpress
2. Dominio a través de FTP o Servidor Local
3. Base de Datos
1) DESCARGAR WORDPRESS
www.wordpress.org
¿Qué necesitamos?
¿Qué necesitamos?
2.a)DOMINIO A TRAVÉS DE FTP
2.b)SERVIDOR LOCAL: XAMPP
¿Qué necesitamos?
instalación XAMPP
3)CREAR UNA BASE DE DATOS
¿Qué necesitamos?
CREAR UNA BASE DE DATOS
CREAR UNA BASE DE DATOS
CREAR UNA BASE DE DATOS
Instalación

1.Modificar config.php
2.Subir Wordpress por FTP
3.Configurar correo, usuario y contraseña
1.MODIFICAR CONFI.PHP CON LOS
DATOS DE LA BASE DE DATOS
MODIFICAR CONFIG.PHP
2.Subir Wordpress al servidor
mediante el FTP
Subir Wordpress al servidor
DÓNDE LOCALIZARLO
XAMPP / htdocs / nombre-de-la-carpeta
DÓNDE LOCALIZARLO
ESTRUCTURA DE CARPETAS
ESTRUCTURA DE CARPETAS
3.Configurar correo, usuario y
contraseña
Configurar cuenta de wordpress
Configurar cuenta de wordpress
Configurar cuenta de wordpress
Migrar Wordpress
1.uescargar 1u wordpress
2.LxporLar base de daLos
3.Abrlr archlvo y camblar daLos u8L
4.lmporLar base de daLos
3.lnsLalar Wordpress en el nuevo alo[amlenLo
4.nosnng y Dom|n|os
hup://www.freewebs.com
hup://www.awardspace.com
hup://www.orgfree.com
hup://www.30webs.com
hup://www.aLspace.com
nosnng Gratu|tos
hup://www.newblLeslLe.com
hup://www.freewebLown.com
hup://www.110mb.com
hup://www.zendurl.com
http://www.freehostia.com
Contratac|ón de Dom|n|os
Lspaclo web
CuenLas de Corrreo
CuenLas l1Þ
Þrogramaclón:
-ÞPÞ3
8ases de uaLos:
-MySCL
lnsLalaclón en un cllck
nosnng Gratu|tos: datos |mportantes
www.domlnlo.es
www.domlnlo.es/panel-conLrol
usuarlo: xxxxxxx
ConLrasena: xxxxxx
uA1CS l1Þ
ûp.domlnlo.es
usuarlo: xxxxxx
ConLrasena: xxxxx
nosnng Gratu|tos: ma|| rec|b|do
1.CbLener unS nuevo servldor
2.lr a nuesLro domlnlo
2.1.ldenuñcarnos
2.2.8uscar opclón uomlnlos
3.Selecclonar el uomlnlo
3.1.Modlñcar unS
4.lnLroduclr daLos del nuevo servldor
Camb|ar DNS
S.Þub||c|tar nuestra Web
kedes Soc|a|es
Þ|ug|n Wordpress:
Addth|s
Ic-besoc|a|
Share-th|s
Soc|a|-med|a-counters
2007
1.000 mlllones
usuarlos
16 m|||ones
Lspaña
kedes Soc|a|es
Þ|ug|n Wordpress:
Iacebook-soc|a|-p|ug|n
2006
+300 mlllones
usuarlos
+3 mlllones
Lspana
kedes Soc|a|es
Þ|ug|n Wordpress:
Wp-to-tw|uer
w|ckeu-tw|uer-w|dge
1w|uer-too|s
kedes Soc|a|es
Þ|ug|n Wordpress:
Þ|nterest-p|nboard-w|dget
2010
1Sm|||ones
Aumento 14S¼
V|s|tas d|ar|as
en 2012
2011
+400 m|||ones
+2 m|||ones
Lspaña
kedes Soc|a|es
2003
173mlllones de
usuarlos
3 mlllones
Lspana
kedes Soc|a|es
2003
+20mlllones de
vlslLas al mes
kedes Soc|a|es
Þ|ug|n Wordpress:
1ubepress
V|pers-v|deo-qu|cktags
kedes Soc|a|es
Þ|ug|n Wordpress:
V|pers-v|deo-qu|cktags
2004
varlos mlllones de
usuar|os ún|cos al
dla que generan
más de
2.000.000.000 de
reproducclones.
Las URL semánticas o amigables son aquellas URLs que son entendibles
y fáciles de recordar para el usuario, formadas con palabras
relacionadas con el contenido de la página; lejos de las clásicas URLs de
las páginas dinámicas llenas de variables y números difíciles de recordar:
http://www.miweb.com/index.php?seccion=noticiasid_noticia=133
http://www.miweb.com/noticias/url-amigable
8uscadores: Ur| am|gab|es
A|gún conse[o SLC:
1.Ser |o más breve poslble (para aumenLar la facllldad de uso)
2. uullzar gu|ones en lugar de gulones ba[os
3. uullzar las |etras m|núscu|as en lugar de mayusculas
Las pa|abras c|ave son aquellos Lermlnos que empleamos los usuarlos de lnLerneL
para buscar conLenldo a Lraves de los moLores de busqueda.
Son una de las bases sobre la que se sosuene el poslclonamlenLo en buscadores y
represenLan uno de los facLores deLermlnanLes a la hora de planlñcar esLraLeglas
de markeung onllne.
Pay varlas cosas que debes reallzar anLes de uullzar una herramlenLa de
sugerencla de palabras clave:
8uscadores: Þa|abras C|ave
8uscadores: Þa|abras C|ave
1. Descr|be |o que rea||zas con pa|abras fác||es
1raLa de descrlblr lo que reallza Lu empresa sln el uso de palabras especlñcas de
negoclo.
2. 8uscar |a propuesta ún|ca de venta de tu empresa
¸que hace especlal a Lu companla? ¸Cómo se dlferencla de Lus compeudores?
4. Concóntrate en tus productos más rentab|es
CenLrarse en las palabras clave que esLán relaclonadas con los producLos que son
renLables para Lu negoclo.
S. Lscr|be |as 10 pa|abras c|ave más |mportantes
Paz una llsLa de las 10 palabras clave más lmporLanLes y luego echa un vlsLazo a
Lu llsLa.
Plugin Wordpress: all-in-one-SEO-pack
Ls el programa que uullza Coogle
para ofrecer publlcldad
paLroclnada a poLenclales
anunclanLes.
Los anunclos Adwords, aparecen
en:
1.SlmulLáneamenLe a los
resulLados de busquedas (en la
zona superlor o laLeral derecha)
2.Ln zonas de páglnas web, en
forma de banners, que pueden
ser lmágenes, vldeos o LexLo.
8uscadores: GCCGLL ] AdWords
nos permlLe conocer cuáles
son las Lendenclas de
busqueda de los usuarlos
denLro de Coogle.
8uscadores: GCCGLL ] 1rends
Servlclo graLulLo de
esLadlsucas de sluos web.
Se pueden obLener lnformes
como el segulmlenLo de
usuarlos excluslvos, los
resulLados de la campana de
markeung, las pruebas de
verslón de anunclos, el
rendlmlenLo del conLenldo, el
anállsls de navegaclón.
8uscadores: GCCGLL ] Ana|yncs
El mailing es una variedad de marketing directo que consiste en enviar
información publicitaria por correo postal o electrónico.
Es una herramienta muy completa a la hora de llevar a cabo un proyecto
de email marketing para PYMES y grandes empresas.
Tiene múltiples características y funcionalidades son:
- Plantillas prediseñadas.
- Creación y diseño de plantillas.
- Creación de campañas.
- Gestión de tus listas de clientes.
- Crear formularios de inscripción a tus listas.
Ma|||ng
http://mailrelay.com
Ma|||ng
http://mailchimp.com
Ma|||ng