Download - Metodologia (Sebastian Obando Galindo)
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
1/19
ROYECTO
METODOLOGI
P R E S E N TA D O P O R : S E B A S T I A N O B A N D O G .
P R E S E N T AD O A : C A R L O S A N D R E S G O M E Z A
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
2/19
INTRODUCCION:
• En esta presentacion vamos a ver los temas q
hemos visto en el segundo periodo de metod
a la investigacion, vamos a tocar principalme
temas de la historia y transcurso que a tenidhtml,diseño de paginas web y conceptos pr
investigacion.
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
3/19
TABLA DE CONTENIDO:●Conceptos previos de investigacion…………………….4
●istoria del html……………………………………………!
●"ersiones de html………………………………………….#
●$%u& son ho'as de estilo(..............................................)
●*engua'e php……………………………………………….+
●$%u& es 'ava sript(.........................................................++
●$%u& es hosting(............................................................+-
●$%u& es servidor web(...................................................+
●$%u& es /ampp(.............................................................+4
●$%u& es blogger(............................................................+!
●$%u& es 'oomla(.............................................................+0
●$%u& es a'a/(.................................................................+#
●1irewall……………………………………………………….+2
●1ramewor3……………………………………………………+)
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
4/19
CONSEPTOS PREVIOS DE
METODOLOGIA:
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
5/19
HISTORIA DEL HTML:
• El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, tra
del E!" #Organización Europea para la Investigación Nuclear $ %ro%uso
sistema de "hipertexto" %ara com%artir documentos'
• Los sistemas de "hipertexto" (abían sido desarrollados a)os antes' En el *m
inform*tica, el "hipertexto" %ermitía +ue los usuarios accedieran a la info
relacionada con los documentos electrnicos +ue estaban &isualiando' .e
manera, los %rimiti&os sistemas de"hipertexto" %odrían asimilarse a los e
las %*ginas /eb actuales'
• Tras finaliar el desarrollo de su sistema de"hipertexto" , Tim Berners-Lee l
a una con&ocatoria organiada %ara desarrollar un sistema de "hipertextonternet' .es%us de unir sus fueras con el ingeniero de sistemas !obert
%resentaron la %ro%uesta ganadora llamadaWorldWideWeb (W3)'
•
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
6/19
• La %rimera %ro%uesta oficial %ara con&ertir HTML en un es
reali en 1992 %or %arte del organismo ET3 # Internet
Engineering Tas !orce$' 4un+ue se consiguieron a&ance
significati&os #en esta %oca se definieron las eti+uetas %
im*genes, tablas 5 formularios$ ninguna de las dos %ro%est*ndar, llamadas HTML 5 HTML6 consiguieron con&erti
est*ndar oficial'
• 7iguieron sacando e%lotando el mercado del (tml con (t
(tml 2': ; (tml
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
7/19
VERSIONES DEL HTML:• En 199=, el organismo ET3 organia un gru%o de trabajo de HTML 5 consig
el :: de se%tiembre de ese mismo a)o, el est*ndar HTML :'0' 4 %esar de
HTML :'0 es el %rimer est*ndar oficial de HTML'
•4 %artir de 199>, los est*ndares de HTML los %ublica otro organismo de estllamado ?2 #World Wide Web onsortiu#$' La &ersin HTML 2': se %ub
Enero de 199@ 5 es la %rimera recomendacin de HTML %ublicada %or el ?
re&isin incor%ora los Altimos a&ances de las %*ginas /eb desarrolladas (
como applets de a&a 5 teto +ue flu5e alrededor de las im*genes'
• HTML
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
8/19
• .esde la %ublicacin de HTML
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
9/19
HOJAS DE ESTILO(CSS):
• Una (oja de estilo es un archivo de extensión *.CSS (CSS, Cascading StyleHojas de estilo) que conte!la de"iniciones de "orato (ti!o de "uente, ta
de la "uente, color de "ondo, !$rra"os, etc) de las distintas etiquetas que "o
!$gina *.H%&'.
• Su !rinci!al ventaja es de"inir un iso as!ecto !ara todas las !$ginas de u
Se crea una hoja de estilo y se vinculan todas las !$ginas del sitio e a e
Cualquier caio e"ectuado en la hoja de estilo a"ecta instant$neaente a
todas las !$ginas vinculadas a la isa.
• Cuando desde el editor H%&' visual se asocia un "orato a un "ragento de
se convierte en un enlace lo que realente se est$ haciendo es situar ese
etiquetas H%&' !ara que el navegador lo inter!rete y visualice adecuada
•
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
10/19
LENGUAJE PHP:
es un lengua'e de cdigo abierto muy popular especialmente adecu
desarrollo web y que puede ser incrustado en 56*.
*o que distingue a 77 de algo del lado del cliente como 8avascript
cdigo es e'ecutado en el servidor, generando 56* y envi9ndolo a
cliente recibir9 el resultado de e'ecutar el script, aunque no se sabr9
subyacente que era.
*o me'or de utili:ar 77 es su e/trema simplicidad para el principiansu ve: o1rece muchas caracter;sticas avan:adas para los programad
pro1esionales.
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
11/19
JAVA SCRIPT:
• JavaScript es un lenguaje de programación, al igua
PHP, si bien tiene diferencias importantes con ést
JavaScript se utiliza principalmente del lado del c
decir, se ejecuta en nuestro ordenador, no en el s
permitiendo crear efectos atractivos ! din"micos
p"ginas #eb. $os navegadores modernos interprecódigo JavaScript integrado en las p"ginas #eb.
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
12/19
HOSTING:
Si queres crear tu página web y que otros puedanvisitarla, vas a necesitar publicar o subir los archun servicio de web hosting.
Éstos servicios funcionan ofreciendote computadgrandes prestaciones (servidores web), utiliandcone!iones de alta velocidad además de muchasprestaciones.•
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
13/19
SERVIDOR WEB:
• B*sicamente, un ser&idor /eb sir&e conte
est*tico a un na&egador, carga un arc(i&
sir&e a tra&s de la red al na&egador de
usuario' Este intercambio es mediado %o
na&egador 5 el ser&idor +ue (ablan el unel otro mediante HTTD'
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
14/19
XAMPP:
XAMPP es un servidor independiente de platafor
de código libre. Te permite instalar de forma
sencilla Apache en tu propio ordenador, sin impo
tu sistema operativo (Linux, indo!s, MA" o
#olaris$. % lo me&or de todo es 'ue su uso es gratu
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
15/19
BLOGGER:
• Blogger es un ser&icio creado %or %5ra laad+uirido %or Foogle en el a)o :002, +u
%ermite crear 5 %ublicar una bitacora en
Dara %ublicar contenidos, el usuario no
+ue escribir ningAn cdigo o instalar
%rogramas de ser&idor o de scri%ting'
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
16/19
JOOMLA:
• oomla es un Festor de ontenidos %ara des/eb es una es%ecie de %rograma %ara ges
%*ginas /eb' En ingls se denomina M7 #
Management 75stem$' Eisten di&ersos M
libre difusin #%'ej' Mambo, .ru%al, "ucleu
5 oomla es uno de los m*s utiliados' 7e best*ndares %ro%ios de desarrollos /eb com
CHTML, 77, a&a7cri%t 5 DHD'
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
17/19
AJAX:
• on 4ja, se (ace %osible realiar %eticioser&idor 5 obtener res%uesta de este en
segundo %lano #sin necesidad de recarg
%*gina /eb com%leta$ 5 usar esos datos
a tra&s de a&a7cri%t, modificar los
contenidos de la %*gina creando efectosdin*micos 5 r*%idos'
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
18/19
FIREWALL:
• %n &re#all o cortafuegos es un dispositiv
'ard#are o un soft#are que nos permit
gestionar ! <rar la totalidad de tra&co
entrante ! saliente que 'a! entre rede
ordenadores de una misma red.
-
8/15/2019 Metodologia (Sebastian Obando Galindo)
19/19
FRAMEWORK:
• n 3rame/orI es un entorno o ambientetrabajo %ara desarrolloJ de%endiendo d
lenguaje normalmente integra com%on
+ue facilitan el desarrollo de a%licacion
el so%orte de %rograma, bibliotecas, %la
m*s'