Trabajo de Tecnologia San Solano

8/16/2019 Trabajo de Tecnologia San Solano

1/31

ColegioSan Francisco

Solano


2/31

TECNOLOGIA

profesor: Carlos Andrés Gómezest diante: francisco !a"ier #elez

A$o %&'(


3/31

Ta)la *e Contenido

• Código +T,L• *ream-ea"er• Eti. eta•

!a"a script• +osting• Ser"idor -e)• /ampp


4/31

• ---• Local 0ost•

1logger• 2i/• !oomla• A3a/• Google anal4tics• Fire-all• Frame-or5 • Leng a3e p0p


5/31

CO*IGO +T,L

• *e6nicion:• Es el leng a3e con el . e se escri)e las paginas -e) es el

leng a3e de 0iperte/to es decir n leng a3e . e permiteescri)ir te/tos de forma estr ct rada 4 . e estacomp esta por eti. etas . e marcan el inicio 4 el 6nal decada elemento de doc mento7


6/31

+istoria de 0tml• El origen de 0tml se remonta a '89& c ando el f sico tim )erners lee

tra)a3ar del cern ;organización e ropea para la in"estigación n clear <prop so n n e"o sistema de 0iperte/to para compartir doc mentostras 6nalizar el desarrollo de s sistema de 0iperte/to tim )erners lee lopresento a na con"ocatoria organiazada para desarrollar n sistema de

0iperte/to para internet desp és de nir s s f erzas con el ingeniero desistemas =o)ert presentaron la prop esta ganadora llamada -orld -ide-e) el primer doc mento formal con la descripción de 0tml se p e)licoen '88' )a3o el nom)re 0tml tags ;eti. etas 0tml < 4 toda" a 0a4 p edeser cons ltado online a modo de reli. ia inform>tica7


7/31

#ersione de 0tml

• +tml ':• Sin em)argo no f e considerado n est>ndar por lo . e

m c0as "eces se considera al 0tml% como la primera "ersión del 0tml7

• +tml %:• ?resentado en el a$o de '88@ el 0tml % es considerado la

primera "ersión de 0tml el c al no soporta)a ta)las 4donde la declaración e/plicita de elementos )od4 0tml 40ead es opcional7


8/31

• +tml 7%:• Esta "ersión se lanzo en el a$o de '88B gracias al organismo de

estandarización llamado - c;-orld -ide -e) consarti m< elc al incorp ro los Dltimos a"ances de las paginas -e) comoapplets de 3a"a 4 te/to . e 4e alrededor de las im>genes7

• +tml 7&:• Lanzada en '889 se enc entra las 0o3as de estilo css la

posi)ilidad de incl ir pe. e$as programas o scripts en laspaginas -e) me3ora de la accesi)ilidad de las paginasdise$adas ta)las comple3as 4 me3ora en los form larios 7

• +tml 7':• Salio a la l z en '888 como na re"isión 4 act alización de la

"ersión 0tml 7& por lo . e no incl 4e no"edades signi6cati"as


9/31

• +tml @:• Este n e"o est>ndar a n no est>n tilizado pero s

potencial es m c0o ma4or a las "ersiones anteriores elc al incl 4e interesantes me3oras como n e"os elementos

4 eti. etas 7


10/31

*ream-ea"er

• Es na aplicación en programa de est dio . e estadestinada a la constr cción dise$o 4 edición de sitios

"ideos 4 aplicaciones -e) )asadas en est>ndares7


11/31

Capaz dream-ea"er• Las capaz son nos rec adros . e p eden sit arse en

c al. ier parte de la pagina en los . e podemos insertarcontenido 0tml p eden oc ltarse 4 solaparse entre si lo. e proporciona grandes posi)ilidades de dise$o7


12/31

Imagen de fondo dream-ea"er

• ?ara aseg rar de . e t imagen se copia a tom>ticamentec ando trans6eras t sitio al ser"idor -e) a$ade laimagen a t sitio en dream-ea"er antes de a$adir lapagina para sar la misma imagen en todas las paginas

del sitio crea na pagina plantilla con el fondo 4 otracon6g ración . e . ieres en todo el sitio desp és sa laplantilla como la )ase para cada pagina7


13/31


14/31

eti. eta

• O marcos delimitan cada no de los elementos . ecomponen n doc mento 0tml e/isten dos tipos deeti. etas la de comienzo de elemento o de la de 6n ocierre de elemento la eti. eta esta delimitada por los

caracteres esta comp esta por el identi6cador o nom)rede la eti. eta 4 p ede contener na serie de atri) tos7


15/31

Eti. eta di"

• Se emplea para de6nir n )lo. eo de contenido o secciónde la pagina7


16/31

Eti. eta frame

• Organiza la "entana principal del s ario por medio delso de los elementos frame solo esta)lece la cantidad de

col m)na o 6las . e se mostraran


17/31

!a"a script

• Es n leng a3e de programación al ig al . e p0p si )ientiene diferencias importantes con es 3a"a script se tilizaprincipalmente se e3ec ta en el ordenador permitiendocrear efectos atracti"os 4 dinamicas en las pagina -e)


18/31

F ncion en 3a"a scripot

• Es n fragmento de código . e p ede se in"ocado pararealizar tareas o de"ol"er n res ltado7


19/31

0osting

• Es el ser"icio . e pro"ee en internet para los sitios -e)7


20/31

Ser"idor -e)

• Es n programa informatico . e procesa na aplicacióndel lado del ser"idor realizando cone/iones )idirecciones

4 nidireccionales 4 s ncronas o as ncronas con el cliente 4 generando o cediendo na resp esta en c al. ier

leng a3e o aplicación del lado del cliente7


21/31

/ampp

• Es n ser"idor independiente de plataforma soft-are li)re. e consiste principalmente en el sistema de gestión de)ases de datos m4s.l el ser"idor -e) apac0e 4 losinterpretes para leng a3es de script p0p 4 perl


22/31

---

• Es n sistema de distri) ción de doc mentos de0iperte/to o niper medios interconectados 4 accesi)les "iainternet7


23/31

Local 0ost

• Es n nom)re reser"ado . e tienen todas lascomp tadoras raton o dispositi"o independiente de . edisponga o no de na tar3eta de red Et0ernet7


24/31

)logger

• ?ermite crear 4 p )licar na )it>cora en l nea parap )licar contenidos el s ario no tiene . e escricirningDn código o instalar programas de ser"idor a descripting7


25/31

-i/• Es n editor onlinen . e permite crear 4 p )licar n sitio

-e) en as inde/do en ) scadores grat itamente comona dirección de doc mento7


26/31

!oomla

• Es n gestor de contenidos para desarrollos -e) es naespecie de programa para gestionar paginas -e)7


27/31

a3a/

• Es na técnica de desarrollo -e) para crear aplicacionesinteracti"as o ria7


28/31

Google anal4tics

• F nciona al registrase en google anal4tics gnera ogeneran m ltiples sitios para 0acerles seg imientos a nfragmento de código7


29/31

6re-all

• Es n dispositi"o de 0arda-are o n soft-are . e nospermite gestionar 4 6ltrar la totalidad de tra6co entrante

4 saliente . e 0a4 entre % redes o ordenadores de namisma red7


30/31

frame-or5

• Es n estr ct ra concept al 4 tecnológica de soporte;técnico< de6nido normalmente como artefactos o mod losconcretos de soft-are . e p ede ser"ir de )ase para laorganización 4 desarrollo de soft-are7


31/31

leng a3e p0p

• F e desarrollado p nt almente para dise$ar paginas -e)dinamocas programando scripts del lado del ser"idor7

Documents

Trabajo de Tecnologia San Solano