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


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.


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……………………………………………………+)


4/19

CONSEPTOS PREVIOS DE

METODOLOGIA:


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)'

•


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


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/19

• .esde la %ublicacin de HTML


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

•


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.


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.


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.•


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'


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


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'


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'


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'


18/19

FIREWALL:

• %n &re#all o cortafuegos es un dispositiv

'ard#are o un soft#are que nos permit

gestionar ! &ltrar la totalidad de tra&co

entrante ! saliente que 'a! entre rede

ordenadores de una misma red.


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'

metodologia (sebastian obando galindo)

Documents