METODOLOGA

DE
INVESTIGACIN
PERIODO
II
ELABORADO POR:
NICOLS USMA POSADA
PRESENTADO A:
CARLOS ANDRS GMEZ
GRADO:
9A

1 ACTIVIDAD
1.Investigar los siguientes conceptos de investigacin: Etnografa, I. Histrica, I. accin-participativa y estudio
de caso.
2.Investigar la historia de HTML
3.Escribir las versiones de HTML
4.Escribir las caractersticas de cada versin de HTML
5.Creador de HTML
6. Que son hojas de estilo
7.Explicar el lenguaje PHP
8.Cual es la diferencia entre HTML, Hojas de estilo y PHP
9.Se pueden hacer pginas web con flash?son populares y permitidas?
10.Escriba los programas que permitan crear pginas web

SOLUCIN
Investigacin Etnogrfica
Consiste en captar el punto de vista, el sentido, las motivaciones, intenciones y expectativas que los actores
otorgan a sus propios acciones sociales, proyectos personales o colectivos, al entorno sociocultural que los
rodea.
Investigacin Histrica
Es la ciencia de los hechos pasados y estos hechos pasados se dan en un entorno social, se alimenta de ella y al
mismo tiempo la sociedad no puede comprenderse a si misma ausente de esta simbiosis.
Investigacin Accin-participativa
Estudio y accin de tipo cualitativo que busca obtener resultados fiables y tiles para mejorar situaciones
colectivas, basando la investigacin en la participacin de los propios colectivos a investigar.
Estudio De Caso
Producir un razonamiento inductivo, nuevos conocimientos al lector, un registro que va sucediendo, describir
situaciones o hechos, el estudio de caso que pretenden explorar o evaluar.

HISTORIA DE HTML
En 1980 el creador y fundador de HTML Tim Berners-Lee que propuso un sistema de hipertexto para compartir
documentos, despus de unir fuerzas con el ingeniero Robert Caillau presentaron World Wide Web (W3), son
embargo en 1991 Sali por primera vez una descripcin HTML en nombre de HTML tags (etiquetas). En 1993
HTML y HTML+ se convirtieron en estndar oficial; En 1995 sali HTML 2.0 y al ao public nuevos estndares
(World Wide Web Consortion W3C). En 1997 sali el HTML 3.2 como applets de java y texto que fluye
alrededor de las imgenes; En 1998 public HTML 4.0 con novedades de hoja de estilo css, incluyendo
programas o scripts en pginas web, tablas complejas y mejoras en los formularios. En 2008 hasta hoy en da
se public y se fue mejorando HTML 5.0.; Una versin mas avanzada es XHTML la cual se basaba en XML, se
public en el ao 2000 la versin HTML 1.0, Aunque mantiene las mismas etiquetas y caractersticas que
HTML tiene pero aade algunas restricciones.

CARACTERSTICAS DE CADA VERSIN DE

HTML
HTML 2.0: Cuando lleg el internet este era utilizado para el diseo web, de modo que cualquier ordenador
poda interpretarlo
HTML 3.2: Es la especificacin de W3C que agrega tablas, microaplicaciones y flujo del texto alrededor de las
imgenes
HTML 4.0: Caractersticas relativas de texto, multimedia e hipervnculos, lenguajes de scripts, hojas de estilo,
mejores capacidades de impresin y documentos mas accesibles a usuarios con discapacidades con
internacionalizacin de los documentos, con hacer la web universal.
HTML 5: Hace el proceso de codificacin mas fcil., permite a los usuarios ejecutar contenidos complejos de
plataformas de baja potencia, con la sintaxis <video> y <audio>. Aseguran un buen flujo de contenidos
multimedia y diseo de grfico web, sin plugins.
Los programas que pueden hacer paginas web tambin son: Jimdo,wix,weebly,webnode,1&1 miweb,one.com,
mex.tl.

PHP Y HOJAS DE ESTILO

Lenguaje PHP
Es un lenguaje de programacin utilizado para el desarrollo web de contenido dinmico que se poda
incorporar directamente de HTML en lugar de llamar un archivo externo que procese los datos que puede ser
utilizado con aplicaciones graficas diferentes, fue creado por Rasmus Lerdorf en 1995.
Hojas de Estilo
Son instrucciones que se asocian a los archivos de texto y se ocupan de los aspectos de formato y contenido:
tipo, fuente y tamao de letras, alineacin y posicionamiento del texto, colores y fondos,etc. Adems permiten
liberar la composicin de texto de los aspectos visuales y que se estructure para un tratamiento mas eficaz de
los contenidos, puede ser utilizado tanto en HTML como en XHTML.

DIFERENCIAS ENTRE HTML, PHP Y HOJAS DE ESTILO

SE PUEDE HACER SITIOS WEB CON FLASH?
HTML
Es el lenguaje de marcado con
etiquetas para la elaboracin
de paginas web

HOJA DE ESTILO

PHP

Son conjuntos de instrucciones

a los archivos de texto y se
ocupan a aspectos de formato
y de presentacin de
contenidos

Es un lenguaje de
programacin de uso general
para pc, celulares,etc diseado
para el desarrollo web de
contenido dinmico

HTML y PHP son muy parecidos en cuanto a diseo de pagina web pero PHP es para paginas de
contenido dinmico, el mas diferente de todos son las hojas de estilo las cuales ya son
instrucciones para os archivos y formato para la presentacin de contenidos.
Respondiendo a la pregunta de Flash, si se pueden hacer paginas con flash y hay paginas como
2Advanced que es de videojuegos, flash actualmente lo utilizan mas las pginas para videojuegos

JAVASCRIPT Y JQUERY
JavaScript es un lenguaje de programacin que
analiza, interpreta y ejecuta otros programas; se
define como orientado a objetos basado en prototipos,
permite a los desarrolladores crear opciones en su
pagina web. Se pueden crear diferentes efectos e
interactuar con nuestros usuarios.
Principalmente lo que hace una funcin en JavaScript
por ejemplo es crear efectos atractivos y dinmico en
la pagina web, esa funcin se utiliza del lado del
cliente o usuario (ejecutndose en el ordenados no en
el servidor).

Jquery es una biblioteca de JavaScript que permite

simplificar la manera de interactuar con los
documentos HTML, Tambin sirve para manejar
eventos, desarrollar animaciones y agregar
interaccin con la tcnica AJAX a pginas web.
Es de uso libre y de cdigo abierto, en donde
cualquier proyecto puede hacerse libre y privado.

HOSTING Y SERVIDOR
Es un servicio del dominio del cliente ya sea de una
pgina web o un correo electrnico, es para tener un
espacio en el servidor que esta preparando para
programas necesario para subir espacio a la web o a
los correos electrnicos, Por lo general ocupa o aloja
aplicaciones o pginas web.

Servidor forma parte de una red un ordenador que

reciben nombre de clientes, se utilizan para
almacenar archivos digitales; capaz de atender las
peticiones de un cliente y devolverle la respuesta
con concordancia.

XAMPP Y LOCALHOST
Xampp es un servidor de software libre e
interpretes de lenguaje script, como PHP y Perl,
esta bajo la licencia GNU y GPL, Es fcil de usar ya
que es de web libre y capaz de interpretar paginas
dinmicas.
Cmo instalar xampp y como funciona?

LocalHost es un nombre reservado de los

ordenadores o componentes del computador
que independientemente disponga o no de
una tarjeta de red ethernet, se puede usar
tambin para probar la direccin TCP/IP se
pueden instalar servidores locales como este
por motivo de educacin http en xampp,
lamp o wamp.

WORLD WIDE WEB Y LA PRIMERA PAGINA

WEB
World Wide Web es un sistema de distribucin de sistemas de hipertexto interconectados
y accesibles va internet, un usuario puede visualizar en paginas web ya sea un texto,
imagen o video.

Esta es la
primera pagina
web:

JOOMLA Y LA DIFERENCIA ENTRE WEB CON

INTERNET
Es un sistema de gestin de contenidos
que permite desarrollar sitios web
dinmicos e interactivos. Permite crear,
modificar o eliminar contenido de un
sitio web de manera sencilla a travs
de un panel de administracin.

JOOMLA

DIFERENCIAS ENTRE:
WEB
Es una red informtica, que
nos lleva como destino a
otros enlaces los cuales son
llamados paginas web es
adaptada a WWW y puede
ser accedida mediante un
navegador, el cual tiene un
formato HTML.
Fue creada por: (Robert
Cailliau y Tim Berners- Lee).

INTERNET
Son redes informticas
que interconecta a toda
la web, que es
conectada entre
ordenadores para
acceder todos a un
mismo servidor.
Fue creada por: (Robert
Kahn y Vinton Cerf).

QUE ES AJAX Y GOOGLE ANALYTICS

AJAX (Asynchronous JavaScript And
XML) es una tcnica de desarrollo web
para aplicaciones interactivas es decir,
en el navegador de los usuarios
mientras se mantiene la comunicacin
asncrona con el servidor en segundo
plano.

Google Analytics es la herramienta analtica

de Google que da informacin agrupada del
trafico que llega al sitio web dependiendo
de su audiencia y comportamiento que se
da en ese sitio, sus funciones son: permite
analizar el contenido de las paginas web y
redes sociales, funcionaba as, escribiendo
el JavaScript la pagina que queremos
analizar y despus el sistema se encarga de
brindar la informacin de este sitio web.

QU ES PROGRAMACION ORIENTADA A
OBJETOS? Y FIREWALL
La programacin orientada a objetos es un
paradigma de programacin que usa objetos para
disear aplicaciones y programas informticos; que
esta basada en varias tcnicas: Herencia, cohesin,
abstraccin,polimorfismo,acoplamiento y
encapsulamiento. Fue creado en los aos 70 que
utiliza objetos para la construccin de la solucin.

Firewall Es un sistema o red la cual autoriza o no la

comunicacin o interconexin de dos o mas
ordenadores en un mismo servicio o red. Es un
conjunto de dispositivos configurados para permitir,
limitar, cifrar, descifrar, el trfico entre los diferentes
mbitos sobre la base de un conjunto de normas y
otros criterios. Esta red sirve para que los usuarios
de internet no autorizados tengan acceso a redes
privadas de conexin a internet.

ETIQUETA <DIV> Y FRAMEWORK

La etiqueta <div> funciona principalmente para
definir una seccin de pagina o segmento especfico,
para poder adecuarle un estilo o para realizar
operaciones en este bloque especfico. Por ejemplo:
<div>
<h1>ndice</h1>
Pgina principal<br />
Material multimedia<br />
Autores<br />
</div>
Aca queda el resultado:

Framework es una estructura conceptual y tecnolgica

de soporte definido que puede servir de base y
desarrollo de software, puede incluir soporte de
bibliotecas, programas y un lenguaje interpretado
para as ayudar a desarrollar y unir los diferentes
componentes del proyecto.

ETIQUETA <FRAME>
Esta etiqueta sirve para dividir ventanas en unas ms pequeas, de modo que cada pagina que se
cargue abra una HTML distinta; estas etiquetas se declaran con <frameset> que debe ser colocada
antes de la etiqueta <body>, si no se cumple este requisito la etiqueta se ignorar. Ejemplo:
<HTML>
<HEAD><TITLE> Ttulo de la pgina </TITLE></HEAD>
<FRAMESET ROWS=75,*>
<FRAME SRC="frames1.htm" >
<FRAME SRC="frames2.htm" >
</FRAMESET>
<NOFRAMES>
<BODY>
Lo siento, su navegador no soporta frames. Pulse <a href="frames1.htm>aqu </A> para acceder a los
contenidos de estas pginas.
</BODY>
</NOFRAMES>
</HTML>