C06 - WEB: Programación

• Selector de etiqueta: Cambia el elemento genérico.
• p{cuerpo:8px; interliniado:11px; color:black;}

• Etiquetas: p,b,i,a,ul,ol,dl,table,br,hr...

• Selector ID: Solo cambia un elemento.
• #pepito{...}

• Selector de clase: Cambia una todo lo que previamente hayamos definido como dicha clase. Ejemplo: En indesing creas un estilo de párrafo. Luego lo colocas donde quieres.
• ·chica{color: negro;}
• <p class: destacados>
• <p class: textogeneral>

C06 - WEB: html

HTML = HTML + CSS + JAVASCRIPT
         estructura - aspecto - interactividad
XML: normas de escritura de un lenguaje.

Para que el navegador sepa el código de lectura: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<h1> </h1> Título
<h2> </h2> Subtítulo

<p> </p> Párrafo

C06 - WEB: HTML

Partes de la página

<html>
<head>
<body>
<title>
Título de la pestaña del navegador.
</title>
</body>
</head>
<html>

Modificar texto

<b> Negrita
<i> Cursiva
<u> Underlined
<s> Tachado
</br> Punto y a parte
<font size="x" color="x" face="x"> Cambio de tamaño, color y fuente.

Links

<a href="www.hola.com"> Enlace externo.
<a name="nombre1">
<a href="#nombre1">

Imágenes 

<img src="IMAGEN">

Tabla

<table>
<tr>
<td>Lunes</td>
<td>Martes</td>
<td>Miércoles</td>
<td>Jueves</td>
<td>Viernes</td>
</tr>

<tr>
<td>C02</td>
<td>FOL</td>
<td>TUTORIA</td>
<td>C06</td>
<td>C02</td>
</tr>

<tr>
<td>C02</td>
<td>C09</td>
<td>C09</td>
<td>C06</td>
<td>C02</td>
</tr>

<tr>
<td>PATIO</td>
<td>PATIO</td>
<td>PATIO</td>
<td>PATIO</td>
<td>PATIO</td>
</tr>

<tr>
<td>C06</td>
<td>C03</td>
<td>C09</td>
<td>C03</td>
<td>C02</td>
</tr>

<tr>
<td>C06</td>
<td>C03</td>
<td>FOL</td>
<td>C03</td>
<td>C09</td>

</tr>
</table>

C06 - WEB: Definiciones

LAN (Local area network): redes de área local. Conectan varios dispositivos entre si. (Impresora, televisión, ordenador...)
Cada dipositivo tiene una IP diferenciada (el DNI de cada dispositivo). Sistemas:

• IPv4 rangos que van del 0-255. 255.255.255.255 Se han terminado.
• IPv6 Dirección MAC

DNS (Domain name server): Traduce un dominio "www.esteveterrades.com" -> a la dirección IP.

WAN (Wide area network): Conecta diferentes ubicaciones alineadas entre ellas. (Conecta países)
IPs públicas, ubicaciones de DNI únicas.

WLAN (red wifi): Por cable y por wifi.

Protocolos: Lenguaje con el que se entienden los diferentes dispositivos.
Windows (SMB (SAMBA)) - Linux - MAC(AFP).

• TCP / IP: Protocolos para Internet.
• Transferir archivos. - FTP (File transfer protocol).
• Intercambiar archivos. - P2P (Torrent, emule, ed2r, mega).
• Para visualizar páginas - WEB. HTTP (Hyper text transfer protocol).
• Para establecer mensajería. - IRC (skype, jabber...)

Sistemas

• Servidores:
• Conectado a Internet todo el tiempo, (HOST) almacenaje.
• Programas servidores - servers:
• Apache
• IIS (Internet information server) Ubuntu
• Cliente:
• Estación de trabajo.
• Dispositivo móvil.
• Programas cliente
• Navegadores. Opera-Safari-Chrome-Firefox-Internet Explorer
• Motores:
• Internet explorer - Trident
• Firefox - Gecko
• Opera, safari, chrome - Webkit

Página web

Documento que tiene la extensión:

• HTML - HTM: Documentos de texto que están situados dentro de una carpeta, nosotros los podemos consultarlos moviéndonos por esos documentos. Texto, imágenes...
• URL (universal resource local) Dirección que colocamos dentro del navegador.
• http://www.midominio.com/directorio1/directorio2/fichero.htm
• Ejemplo de la estructura: http://midominio/nombreapellido/google_drive/C06/actividades_napellido/s2c6ud1/index.html
• TLD (top level domines):
• Territoriales:
• .es
• .fr
• .uk
• .us
• .eu
• .br
• .it
• .ar
• .tv
• .fm
• HTTPS: seguridad, por contraseña.

Programas FTP (Filezilla): navegador de archivos. Transfiere archivos del ordenador al servidor. Este paso se llama FTP.

Google drive

24h

365d

Servidor web

Sistema de transferencia propio (sincronización)

Dirección personalizada.

googledrive.com/host/XF3RDB279FJ/