Creac|n Web

LCW CCS1
n|stor|a de Internet
1erm|no|og|a Web
Dom|n|o
nosnng
Serv|dor
Ls un ldenucador asoclado a un grupo de dlsposluvos o equlpos
conecLados a lnLerneL.
Ll propslLo prlnclpal es Lraduclr las dlrecclones l de cada nodo acuvo
en la red, a Lermlnos memorlzables y fclles de enconLrar
A|o[am|ento web, es el servlclo que provee a los usuarlos de lnLerneL
para poder almacenar lnformacln: lmgenes, 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 esLndar, que se usa para nombrar
recursos en lnLerneL para su locallzacln o ldenucacln.
1erm|no|og|a Web
8ase Datos
CMS
I1
Con[unLo de daLos perLeneclenLes a un mlsmo conLexLo y almacenados
slsLemucamenLe para su posLerlor uso.
un s|stema de gesnn de conten|dos es un programa que permlLe crear
una esLrucLura de soporLe (framework) para la creacln y admlnlsLracln
de conLenldos, prlnclpalmenLe en pglna 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 elaboracln de pglnas web,
se uullza para descrlblr y Lraduclr la esLrucLura y la lnformacln. Ll P1ML
se escrlbe en forma de euqueLas, rodeadas por < >
!"#$"%&'( *+,-. */..+#, lengua[e usado para denlr la presenLacln 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 programacln dlsenado para el desarrollo web de conLenldo
dlnmlco.
Ll cdlgo es lnLerpreLado por un servldor web con un mdulo de
procesador de P que genera la pglna Web resulLanLe. <?php ?>
n1ML
CSS
1erm|no|og|a Web
Workow
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 recopllacln de conLenldos, deLermlnar arqulLecLura de lnformacln...
Los conLenldos Web pueden ser lmgenes, vldeos, anlmaclones y LexLos los cuales son
buenos para la web en cuando:
- LsLn concebldos para lnLerneL.
- Se a[usLan a los ob[euvos del sluo web.
- uan respuesLa a las necesldades del usuarlo.
- resenLan y denen claramenLe sus producLos o servlclos.
Ln el caso especlco de los conLenldos de LexLo, lnLeneL uene un esulo edlLorlal dlferenLe
al lmpreso, los LexLos deben permlLlr una lecLura rplda y ulda.
Lstructura de |a Informac|n
W|reframe
hup:]]www.ba|sam|q.com
W|reframe
2.D|seo Web
S1CCk kCnNG
una galerla con ms de 330.000
foLos de gran calldad hechas por
ms de 30.000 foLgrafos.
8anco de |mgenes
8anco de |mgenes
DkLAMS1IML
Ms de 9 mlllones de
lmgenes graLulLas y a la
venLa.
STOCKVAULT
Podemos bajar fotos gratuitas sin
necesidad de registro.
Tambin contiene una seccin de
compra y venta.
8anco de |mgenes
IC1CLIA
8anco de lmgenes llbres de
deechos donde se pueden comprar,
vender y comparur foLogranas,
vecLores y vldeos.
8anco de |mgenes
uesunado para la edlcln, reLoque
foLogrco y plnLura a base de
lmgenes de mapa de blLs.
LdlLor de grcos vecLorlales y
mapas de blLs. llreworks esL
pensado para crear rpldamenLe
lnLerfaces web y proLoupos de
webslLes.
Ld|c|n de |mgenes
rograma de edlcln de lmgenes en
forma de mapa de blLs. Ls un
programa llbre y graLulLo.
Ls el programa de manlpulacln de
grcos dlsponlble en ms slsLemas
operauvos.
Software libre de pintura digital.
El diseo de Krita hace ms
nfasis en la creacin de
imgenes desde cero que en la
manipulacin de imgenes
existentes.
Ld|c|n de |mgenes
hup:]]p|x|r.com
Ld|c|n de |mgenes on||ne
hup:]]www.photoshop.com]too|s]overv|ew
D|seo Web: Cpnm|zac|n
D|seo Web: Cpnm|zac|n
D|seo 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|seo Web: Iav|con
S| e| D|seo no es |o
nuestro...
..S|empre nos quedarn
|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 gestin de contenidos (Content Management System, CMS) es un programa que
permite crear una estructura de soporte (framework) para la creacin y administracin 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 diseo.
Serv|c|os de creac|n web CMS
WordPress es un sistema de gestin de contenido enfocado a la creacin
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 diseadores
que hay detrs.
WordPress naci del deseo de construir un sistema de publicacin
personal, elegante y con una buena arquitectura ("Code is poetry").
Wordpress pone especial atencin a la esttica, estndares 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 suscripcin para acceder a contenido premium, acceso curso online
Wp-Member
Red social:
Puedes construir una red social para una empresa, escuela BuddyPress
Galera de diseo o fotogrfica:
Crear una galera 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 electrnico. Aadir un carro de compras,
integracin con pagos Hay varias opciones una de ellas es Wp-Ecommerce
jQu podemos hacer con Wordpress?
Qu necesitamos?
1. Descargar Worpress
2. Dominio a travs de FTP o Servidor Local
3. Base de Datos
1) DESCARGAR WORDPRESS
www.wordpress.org
Qu necesitamos?
Qu necesitamos?
2.a)DOMINIO A TRAVS DE FTP
2.b)SERVIDOR LOCAL: XAMPP
Qu necesitamos?
instalacin XAMPP
3)CREAR UNA BASE DE DATOS
Qu necesitamos?
CREAR UNA BASE DE DATOS
CREAR UNA BASE DE DATOS
CREAR UNA BASE DE DATOS
Instalacin

1.Modificar config.php
2.Subir Wordpress por FTP
3.Configurar correo, usuario y contrasea
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
DNDE LOCALIZARLO
XAMPP / htdocs / nombre-de-la-carpeta
DNDE LOCALIZARLO
ESTRUCTURA DE CARPETAS
ESTRUCTURA DE CARPETAS
3.Configurar correo, usuario y
contrasea
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
rogramacln:
-P3
8ases de uaLos:
-MySCL
lnsLalacln 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.ldenucarnos
2.2.8uscar opcln uomlnlos
3.Selecclonar el uomlnlo
3.1.Modlcar 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
Lspaa
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
Lspaa
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
ms de
2.000.000.000 de
reproducclones.
Las URL semnticas o amigables son aquellas URLs que son entendibles
y fciles de recordar para el usuario, formadas con palabras
relacionadas con el contenido de la pgina; lejos de las clsicas URLs de
las pginas dinmicas llenas de variables y nmeros difciles 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|gn conse[o SLC:
1.Ser |o ms breve poslble (para aumenLar la facllldad de uso)
2. uullzar gu|ones en lugar de gulones ba[os
3. uullzar las |etras m|nscu|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 planlcar 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 fc||es
1raLa de descrlblr lo que reallza Lu empresa sln el uso de palabras especlcas de
negoclo.
2. 8uscar |a propuesta n|ca de venta de tu empresa
que hace especlal a Lu companla? Cmo se dlferencla de Lus compeudores?
4. Concntrate en tus productos ms rentab|es
CenLrarse en las palabras clave que esLn relaclonadas con los producLos que son
renLables para Lu negoclo.
S. Lscr|be |as 10 pa|abras c|ave ms |mportantes
Paz una llsLa de las 10 palabras clave ms 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.SlmulLneamenLe a los
resulLados de busquedas (en la
zona superlor o laLeral derecha)
2.Ln zonas de pglnas web, en
forma de banners, que pueden
ser lmgenes, vldeos o LexLo.
8uscadores: GCCGLL ] AdWords
nos permlLe conocer cules
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
versln de anunclos, el
rendlmlenLo del conLenldo, el
anllsls de navegacln.
8uscadores: GCCGLL ] Ana|yncs
El mailing es una variedad de marketing directo que consiste en enviar
informacin publicitaria por correo postal o electrnico.
Es una herramienta muy completa a la hora de llevar a cabo un proyecto
de email marketing para PYMES y grandes empresas.
Tiene mltiples caractersticas y funcionalidades son:
- Plantillas prediseadas.
- Creacin y diseo de plantillas.
- Creacin de campaas.
- Gestin de tus listas de clientes.
- Crear formularios de inscripcin a tus listas.
Ma|||ng
http://mailrelay.com
Ma|||ng
http://mailchimp.com
Ma|||ng