Está en la página 1de 5

Para que una conexion funcione hacen falta dos elementos: Un servidor y un cliente web

El servidor es una maquina que puede estar aqui o en las nubes.

XAMPP: paquete para hacer de tu ordenador un servidor.

192,168,1,1 Son Ips privadas, solo se puede acceder a ella desde nuestro router

IP Publica es donde se registra todo lo que hago

Es el organismo que se utiliza para direccionar a las personas a nuestro servidor NAT o Port
Forward

Los hipertexto se escriben utilizando el lenguaje HTML

URL y la URI

URL permite identificar un recurso y donde esta URI solo deja identificar un recurso, permite
identificarlo, pero no donde esta.

La comunicacion entre cliente y servidor se basa en la HTTP, Protocolo de transferencia de


hipertexto. a HTTP lo siguen un conjunto de texto.

Metodo Get: Cuando tecleas una URL y obtienes el recurso, GET es consigue eso.
Metodo POST: Ejecuta peticiones en las que ingreso unas entradas y obtengo unas salidas,
POST es publicar, publico unas entradas y obtengo unas salidas.

URI, URL, URN

Cloud COmputing es la existencia de Hardware y Software en las nubes.

HTTPS en con seguridad, indica que estamos en una pagina segura.

ISP es el proveedor de servicios de internet (ejemplo movistar)

DNS (Servidor de dominios de Londres) capaz de construir ips numericas

PARA SABER MI IP PUBLICA PONERLO EN GOOGLE.

CSS Cascading Style Sheets

PARA PROFUNDIZAR SOBRE HTML: Formacarm.es

Sitios WEB estaticos: no se puede modificar lo que esta en este sitio web

el uruario, desarrollador web, diseñador grafico y de contenidos y administrador del sitio


web, son los elementos de un sitio web estatico.
WEB 2,0 Incluye al usuario como agente activo en la creacion de contenidos.

lenguaje CGI, es solo del principio, ahora es PHP y Java, entre otros

LENGUAJE JAVA SCRIPT:


responsable de comprobar que lo que estoy incluyendo en el texto es correcto, que el DNI
esta correcto, el numero, etc.,

puede acceder de forma estructurada a los elementos de HTML. a traves de DOM


(Document Object Model)

HTML5: Nuevos elementos y atributos que reflejan los sitios modernos,

Web Semantica,

El siguiente paso en internet es que existan programas en internet que generen contenidos
de forma dinamica

AJAX mantener una conexion con el servidor.

SQLite: acceso a las bases de datos, SQL es el lenguaje de consulta en bases de datos,
SQLite es un SQL ligero, se usa en aplicaciones web para moviles.

https://a07.com.es:8443

Usuario: A07
Contraseña: Yjara31
Cuando añado una palabra antes del dominio es un subdominio
ejemplo las aulas virtuales son subdominios

https://www.w3schools.com/html/

Toda pagina tiene una cabezera y un body (HEad and Body)ç

Cabecera es el titulo de la pagina, el lenguaje, caracteres con los que quiere trabajar, en el
body todos los contenidos con los que quiero trabajar

para abrir el HTLM es sin la barrita, tanto en head, como en body tambien, y para cerrar es
con la barrita.
el codigo javascript es del lado del cliente, no esta oculto
el codigo php esta oculto solo para el programador

PRACTICA

HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>

<body>

<form action="manejador.php" method="post">


Número de coches: <input type="text" name="ncoches">
Número de motos: <input type="text" name="nmotos">
<input type="submit" value="Llamar PHP">
</form>

</body>
</html>

CODIGO
<?php

$c = $_POST["ncoches"] ;
$m = $_POST["nmotos"] ;

echo "Tengo " .$c. " coches y " .$m. " motos"

?>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PÁGINA DEVUELTA POR FICHERO PHP</title>
</head>
<body></body>
</html>

JAVASCRIPT
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>EJEMPLO CLASE</title>
</head>

<body>

<h1>Ejemplo básico de HTML con JavaScript</h1>

<p id="texto1">JavaScript puede cambiar el contenido.</p>

<button type="button"
onclick="document.getElementById('texto1').innerHTML = 'Hello world JavaScript!'">
Cambiar Contenido!</button>

</body>
</html>

EJEMPLO 2
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>EJEMPLO CLASE</title>
</head>

<body>

<h1>JavaScript permite cambiar imágenes</h1>

<img id="imagenBombilla" onclick="CambiarImagen()" src="pic_bulboff.gif" width="100"


height="180">

<p>Pulsar para encender y apagar la bombilla.</p>

<script>
function CambiarImagen() {
var imagen = document.getElementById('imagenBombilla');
if (imagen.src.match("bulbon")) {
imagen.src = "pic_bulboff.gif";
} else {
imagen.src = "pic_bulbon.gif";
}
}
</script>

</body>
</html>

Ejemplo 3 html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>EJEMPLO CLASE</title>
</head>

<body>
<form action="manejador.php" method="post">
Número de coches: <input type="text" name="ncoches">
Número de motos: <input type="text" name="nmotos">
<input type="submit" value="Llamar PHP">
</form>

</body>
</html>

PHP

<?php

$c = $_POST["ncoches"];
$m = $_POST["nmotos"];

echo "Tengo " .$c. " coches y " .$m. " motos"

?>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PÁGINA DEVUELVA POR FICHERO PHP</title>
</head>
<body>
<h1>Ejemplo básico de HTML con PHP y JavaScript</h1>

<p id="texto1">JavaScript puede cambiar el contenido.</p>

<button type="button" onclick="document.getElementById('texto1').innerHTML = 'Se


ha cambiado el contenido!'">
Cambiar Contenido!
</button>
</body>
</html>

También podría gustarte