7/26/2019 Presentacion Metodologia de Investigacion
1/12
METODOLOGIA DEINVESTIGACIN
PRESENTADO POR:
JUAN ESTEBAN OVIEDO
7/26/2019 Presentacion Metodologia de Investigacion
2/12
TEMAS
LA HISTORIA DE HTML
JAVASCRIPT
JQUERY
HOSTING
XAMPP
LOCALHOST
LA PRIMERA PAGINA WEB
HOJAS DE ESTILO
EL LENGUAJE PHP
7/26/2019 Presentacion Metodologia de Investigacion
3/12
HTMLHTML, sigl !" i"gl#s $! H%&!'T!() M'*+& L"g+g! l!"g+-! $! .
0i&!')!()12, 0/! '!3!'!"/i l l!"g+-! $! .'/$1 &' l !l41'/i5" $7!48 Es +" !s)6"$' 9+! si'! $! '!3!'!"/i $!l s13)7'! 9+! /1"!/!l41'/i5" $! &6gi"s 7!4 !" s+s $i3!'!")!s !'si1"!s, $!;"! +" 46si/ % +" /5$ig1 $!"1.i"$1 /5$ig1 HTML2 &' l $!;"i/i5" $! /1"+" &6gi" 7!4, /1.1 )!()1, i.6g!"!s, i$!1s, -+!g1s, !")'! 1)'1s8 Es +" /'g1 $!l W1'l$ Wi$! W!4 C1"s1')i+. W
7/26/2019 Presentacion Metodologia de Investigacion
4/12
VERSIONES DE HTML L1s !s)6"$'!s 1;/il!s HTML s1" !l HTML ?8@, !l HTML
7/26/2019 Presentacion Metodologia de Investigacion
5/12
JAVASCRIPT
Es +" l!"g+-! $! &'1g'./i1" i")!'&'!)$1, s! +)ili=
&'i"/i&l.!")! !" s+ 31'. $!l l$1 $!l /li!")! /li!")
i.&l!.!")"$1 /1.1 &')! $! +" "!g$1' 7!4
&!'.i)i!"$1 .!-1's !" !l i")!'3= $! +s+'i1 % &gi"
$i".i/s +"9+! !(is)! +" 31'. $! J s/'i&) $!l
$!l s!'i$1' s!'!' si$! Js/'i&) 1 SSJS2 s+ +s1 !"
&li//i1"!s !()!'"s l 7!4, &1' !-!.&l1: !" $1/+.
PD, &li//i1"!s $! !s/'i)1'i1 .%1'i)'i.!")! 7i$
7/26/2019 Presentacion Metodologia de Investigacion
6/12
JQUERY
Es +" 4i4li1)!/ $! JAVASCRIPT /'!$ &1' J10" R!sig
&!'.i)! si.&li;/' l ."!' $! i")!'/)+' /1" l1s
$1/+.!")1s HTML, ."i&+l' !l '41l D17", ."!-'
!!")1s, $!s''1ll' "i./i1"!s % g'!g' i")!'//i1"
)!/"i/ A-( &gi"s 7!48 JQUERY !s l 4i4li1)!/ $!JAVASCRPT .6s +)ili=$8
7/26/2019 Presentacion Metodologia de Investigacion
7/12
HOSTING
Al1-.i!")1 W!4: Es !l s!'i/i1 9+! &'1!! l1s +s+'i1s $
i")!'"!) +" sis)!. &' &1$!' l./!"' i"31'./i5", i.6
i$!1 1 /+l9+i!' /1")!"i$1 //!si4l! > 7!48
L "l1gi Al1-.i!")1 W!4 1 Al1-.i!")1 $! &gi"s 7!
'!;!'! l l+g' 9+! 1/+& +" &gi" 7!4, si)i1 7!4, sis)!./1''!1 !l!/)'1"i/1, '/0i1s, !)/88
E" i")!'"!) 1 .6s !s&!/i;/.!")! !" +" s!'i$1' 9+! &1'
g!"!'l 01s&!$ 'is &li//i1"!s 1 &gi"s 7!4
7/26/2019 Presentacion Metodologia de Investigacion
8/12
XAMPP
Es +" s!'i$1' I"$!&!"$i!")! $! &l)31'., $! sli4'!, 9+! /1"sis)! &'i"/i&l.!")! !" !l sis)!. $! $! 4s!s $! $)1s MYSQL, !l s!'i$1' 7!4 A&/0i")!'&'!)!s &' l!"g+-!s $! S/'i&): PHP % P!'l8
XAMPP /.4i1 l 4s! $! $)1s $! MYSQL M'i&'1g'. s! $is)'i4+%! 4-1 l li/!"/i $! GNU P+4li/ Li/!"s!2 % /)+ /1.1 +" s!'i$1' 7!4 li4'!, +s' % /&= $! i")!'&'!)' &gi"s $i".i/s8
7/26/2019 Presentacion Metodologia de Investigacion
9/12
LOCALHOST
E" H'$7'!, !" !l /1")!()1 $! '!$!s TCPIP, l1/l01s) !s +" "1.4'! '!s!'$1 9+! )i!"!" )1$s ls /1.&+)$1
$is&1si)i1 i"$!&!"$i!")!.!")! $! 9+! $is&1"g 1 "1 $! +" )'-!) $! '!$ !)0!'"!)8 El "1.4'! l1/l01s) !s )'
$i'!//i5" IP $! l11&4/* ?8@8@8 !" IP, 1 /1.1 l $i'!//i5" :: !" IP8 8
Us1s &'6/)i/1sE$i)'
L $i'!//i5" $! l11&4/* s! &+!$! +s' &' &'14' !l 3+"/i1".i!")1 $! TCPIP 0/i!"$1 &i"g ?8@8@8, l '!
'!s&+!s) s! &+!$! s+.i' 9+! !l s13)7'! s1/i$1 l &'1)1/1l1 !s)6 4i!" !l !s)$1 $!l 0'$7'!, /1.1 l )'-
/1"1/!.1s /1" !s) &'+!4, % 9+! "1 ll!g sli' $!l &'1&i1 !9+i&128
C1" ;"!s !$+/)i1s s! s+!l!" i"s)l' s!'i$1'!s l1/l!s 0))& /1.1 XAMPP, LAMP 1 WAMP l1s /+l!s s! )!"$'
l1/l01s) 1 ?8@8@8 $!s$! !l "!g$1'8
C1" ;"!s $! '!s)'i//i5" $! $i'!//i1"!s 7!4, s! .1$i;/ l /1''!s&1"$!"/i $! $1.i"i1s % $i'!//i1"!s IP !" !l
$!l sis)!. 1&!')i1, 0/i!"$1 9+! /+"$1 !")'!s +" $i'!//i5" W!4 !" !s&!/>;/1, !s) )! '!$i'i- ?8@8@8
7/26/2019 Presentacion Metodologia de Investigacion
10/12
LA PRIMERA PAGINA WEB
l W1'l$ Wi$! W!4 WWW2 1 '!$ i"31'.6)i/ .+"$il !s +" sis)!. $! $i$1/+.!")1s $! 0i&!')!()1 1 0i&!'.!$i1s i")!'/1"!/)$1s % //!si4l!s > I")!"!g$1' 7!4, +" +s+'i1 is+li= si)i1s 7!4 /1.&+!s)1s $! &6gi"s 7!4 /1")!"!' )!()1, i.6g!"!s, >$!1s + 1)'1s /1")!"i$1s .+l)i.!$i, % "!g )'&6gi"s +s"$1 0i&!'!"l/!s8
L W!4 s! $!s''1ll5 !")'! .'=1 $! FF % $i/i!.4'! $! FF@8?
7/26/2019 Presentacion Metodologia de Investigacion
11/12
HOJAS DE ESTILO
Ls 01-s $! !s)il1 s)%l! s0!!)s2 s1" /1"-+")1s $! i"s)'+//i1"!s, !" 31'. $! '/0i1 "!(1, 9+! s! s1/i" l1s '/0i1s $! )!()1
1/+&" $! l1s s&!/)1s $! 31'.)1 % $! &'!s!")/i5" $! l1s /1")
)i&1, 3+!")! % ).1 $! l!)'s, li"!/i5" % &1si/i1".i!")1 $!l
/1l1'!s % 31"$1s, !)/8 Ls 01-s $! !s)il1 &!'.i)!" li4!'' l /1.&
$!l )!()1 $! l1s s&!/)1s is+l!s % 31'!/!" 9+! s! !s)'+/)+'!
.!$i")! /5$ig1s 9+! &!'.i)!" +" )').i!")1 .6s !;/= $! l1s
/1")!"i$1s8 El +s1 $!/+$1 $! ls 01-s $! !s)il1 !s +"1 $! l1s
/l! $! l !$i/i5" $igi)l8 Ls 01-s $! !s)il1 s1" +" 0!''.i!")
g'" +)ili$$ $! l1s &'1g'.s $! )').i!")1 $! )!()1s, /1.1
O&!"O/!81'g 1 Mi/'1s13) W1'$8 Asi.is.1, /1"s)i)+%!" +" &')
!s!"/il $! l1s l!"g+-!s $! .'/s &' !$i/i5" $igi)l: LT!X, X
XHTML8 D1s l!"g+-!s $! 01-s $! !s)il1 s1" CSS % XSL
7/26/2019 Presentacion Metodologia de Investigacion
12/12
EL LENGUAJE PHP PHP !s +" l!"g+-! $! &'1g'./i5" $! +s1 g!"!'l $! /5$ig1 $!l l$1 $!l s!'
1'igi"l.!")! $is!$1 &' !l $!s''1ll1 7!4 $! /1")!"i$1 $i"6.i/18 +! +"1&'i.!'1s l!"g+-!s $! &'1g'./i5" $!l l$1 $!l s!'i$1' 9+! s! &1$>" i"/1'&
$i'!/).!")! !" !l $1/+.!")1 HTML !" l+g' $! ll.' +" '/0i1 !()!'"1 9
l1s $)1s8 El /5$ig1 !s i")!'&'!)$1 &1' +" s!'i$1' 7!4 /1" +" .5$+l1 $! &'1/
PHP 9+! g!"!' l &6gi" 7!4 '!s+l)")!8 PHP 0 !1l+/i1"$1 &1' l1 9+! 01
).4i#" +" i")!'3= $! l>"! $! /1."$1s 9+! &+!$! s!' +s$ !" &li//i1"
i"$!&!"$i!")!s8 P+!$! s!' +s$1 !" l .%1'> $! l1s s!'i$1'!s 7!4 l ig+l 9
)1$1s l1s sis)!.s 1&!')i1s % &l)31'.s si" "i"g" /1s)18 PHP s! /1"si$!' +"1 $! l1s l!"g+-!s .6s !(i4l!s, &1)!")!s % $! l)1 '!"$i.
/1"1/i$1s 0s) !l $> $! 01%8