8/15/2019 Herramientas Para Paginas Web

1/14

8/15/2019 Herramientas Para Paginas Web

2/14

Trabajo final de metodología

En este ejercicio explicaremos las herramientas para la creación de paginasweb como resultado de un proceso de orientación y de acompañamientodesde la asignatura de metodología de investigación.

8/15/2019 Herramientas Para Paginas Web

3/14

Historia del HT !Hace referencia al lenguaje de marcado

para la elaboración de paginas web. Es unest"ndar #ue sirve de referencia delsoftware #ue conecta con la elaboraciónde paginas web en sus diferentesversiones $ define una estructura b"sica yun código para la definición de contenidode una pagina web como texto $im"genes $ videos $ juegos $entre otros. %econsidera el lenguaje web mas importantesiendo su invención crucial en laaparición$ desarrollo y expansión de la&ord wide web 'www(. %u creador fue timberners)lee. Html tiene diferentesversiones #ue son* html +.,Html -., y -.+Html .,

Html/

8/15/2019 Herramientas Para Paginas Web

4/14

HT !

El lenguaje HT ! basa sufilosofía de desarrollo enla diferenciación. 0araañadir un elementoexterno a la p"gina'imagen$ vídeo$ script$entre otros.($ este no se

incrusta directamente enel código de la p"gina$sino #ue se hace unareferencia a la ubicaciónde dicho elementomediante texto.

%e copia el código de la imagen o presentación en h#ue esta en blogger$ para así visuali1ar tu presenta

2iframe id34iframe5container4 frameborder34,4 web6itallowfullscreemo1allowfullscreen344 allowfullscreen344 width34//,4 height34 ,,4src34https*77pre1i.com7embed7n8uig9x#scv67:bgcolor3ffffff;amp ?BFEdDG!b+>HanB/e ApI9o/ jGaF6>AbEpJ=nCnF=l I+K-0T,;amp

8/15/2019 Herramientas Para Paginas Web

5/14

HT ! +., 'CDP 9MQQ($ editadopor Tim Aerners !ee y @anPonolly$ es la primera versiónoficial del lenguajeinform"tico HT !$ y suponeuna formali1ación de lasanteriores versiones de HT !en uso #ue Tim Aerners !eepublica y mantiene endiscusión pRblica dentro de lacomunidad internet paraimplementación y reforma de9KK, hasta 9KK/.

V E R S I

O N E S

D E

H T M L

!os documentos #ella se hicieron mcompletos$ la vermostró demasiadocumplir con su cop"ginas web en lousuarios. Nsí #uecomen1aron a incextras no contemest"ndard. 0or ent'Bntenert Enginieel encargado de nrelativo a la recieredes y elaboró laversión #ue pretenuevas eti#uetas por llegar.

8/15/2019 Herramientas Para Paginas Web

6/14

HT ! HT ! /El HT ! desarrolla el lenguajeHT ! con mecanismos para hojasde estilo$ ejecución de scripts$marcos$ objetos incluidos$ soportemejorado para texto de derecha ai1#uierda y direcciones me1cladas$tablas m"s ricas y mejoras enformularios$ ofreciendo mejorasde accesibilidad para personas condiscapacidades.El HT ! .,9 esuna revisión de HT ! ., #uecorrige errores e introducealgunos cambios desde la revisiónanterior.

HT !/ es la Rltima versión de HT !. EltSrmino representa dos conceptosdiferentes*%e trata de una nueva versiónde HT !$ con nuevos elementos$ atributosy comportamientos.Pontiene un conjuntom"s amplio de tecnologías #ue permite alos sitios &eb y a las aplicaciones ser m"sdiversas y de gran alcance. N esteconjunto se le llama HT !/ y amigos$ amenudo reducido a HT !/ .@iseñado paraser utili1able por todos los desarrolladoresde Jpen &eb$ esta p"gina referencía anumerosos recursos sobre las tecnologíasde HT !/$ #ue se clasifican en variosgrupos segRn su función.

8/15/2019 Herramientas Para Paginas Web

7/14

HOJA DE ESTILO!as hojas de estilo sonconjuntos deinstrucciones$ a veces enforma de archivo anexo$#ue se asocian a losarchivos de texto y seocupan de los aspectos deformato y de presentaciónde los contenidos* tipo$fuente y tamaño de letras$alineación yposicionamiento del texto$colores y fondos$ etc ...

8/15/2019 Herramientas Para Paginas Web

8/14

0H0 es un lenguaje de programación de usogeneral de código del lado del servidororiginalmente diseñado para el desarrolloweb de contenido din"mico.

0H0 se considera unm"s flexibles$ potenrendimiento conocidhoy cita re#ueridaU$interSs de mRltiples demanda de tr"fico$ para optar por el mistecnología de servido

php

8/15/2019 Herramientas Para Paginas Web

9/14

JAVASCRIPT

%e utili1a principalmente en suforma del lado del cliente'client)side($ implementadocomo parte de un navegadorweb permitiendo mejoras en lainterfa1 de usuario y p"ginasweb din"micas aun#ue existe

una forma de Gava%cript dellado del servidor '%erver)sideGava%cript o %%G%(. %u uso enaplicaciones externas a la web$por ejemplo en documentos0@D$ aplicaciones de escritorio'mayoritariamente widgets( estambiSn significativo.

8/15/2019 Herramientas Para Paginas Web

10/14

Servidor we S!" w

Fn servidor web o servidorHTT0 es un programainform"tico #ue procesa unaaplicación del lado delservidor$ reali1andoconexiones bidireccionales y7ounidireccionales y síncronas oasíncronas con el cliente ygenerando o cediendo una

respuesta en cual#uierlenguaje o Nplicación del ladodel cliente.

%oftware Nssetanagement '%N ( esconsiderada una 4bestpractice4 al incorporarun conjunto deprocesos probados yprocedimientos para lagestión y optimi1aciónde los activos de TB de

su organi1ación.

%i

ing&emudedediscuinfp"

8/15/2019 Herramientas Para Paginas Web

11/14

Joo"#! A$!% FiGoomla es un sistemade gestión decontenidos 'o P %$ porlas siglas en inglSs$Pontent anagement%ystem( #ue permitedesarrollar sitios webdin"micos einteractivos. 0ermitecrear$ modificar oeliminar contenido deun sitio web de manerasencilla a travSs de un4panel deadministración4.

NGN es el acrónimo deNsynchronous Gavascriptand !$ es decir$Gavascript y !Nsíncrono. Wste tSrmino$se presento por primerave1 en el artículo XNjax*N ?ew Npproach to &ebNppllicationsY publicadopor Gesse Games arretel 9M de Debrero de +,,/

0rograma icontrola elcomputadoelementos computadoseguridad.

8/15/2019 Herramientas Para Paginas Web

12/14

E&i'(e&! Div Fr!"ewor)

!a eti#ueta 2divO seutili1a para definir unasección dentro deldocumento.Estaeti#ueta se usacomunmente paraagrupar un blo#ue de

elementos$ para luegoañadirle un estilodeterminado.

En el desarrollo de software$ unframewor6 o infraestructura digies una estructura conceptual ytecnológica de soporte definido$normalmente con artefactos omódulos concretos de software$ puede servir de base para laorgani1ación y desarrollo de

software. Típicamente$ puedeincluir soporte de programas$bibliotecas$ y un lenguajeinterpretado$ entre otrasherramientas$ para así ayudar adesarrollar y unir los diferentescomponentes de un proyecto.

8/15/2019 Herramientas Para Paginas Web

13/14

E&i'(e&! Fr!"e E$e"p#o

@ebe ir colocada siempre entre 2DCN E%ETO y 27DCN E%ETO$ y detantas eti#uetas como marcos hayamos definido con PJ!% y CJ&%. %usatributos son* Estas eti#uetas se deben situar entre 2HT !O y 27HT !O$ ppodemos hacerlo tambiSn entre 27HEN@O y 2AJ@IO$ en incluso podeutili1ar 2AJ@IOZ27AJ@IO.

8/15/2019 Herramientas Para Paginas Web

14/14

D B ?