La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

HTML (Hypertext Markup Language)

Presentaciones similares


Presentación del tema: "HTML (Hypertext Markup Language)"— Transcripción de la presentación:

1 HTML (Hypertext Markup Language)
Lenguaje de marcas (etiquetas) de hipertexto (porque de un documento podemos enlazar otros)

2 ETIQUETAS Sirven para dar formato al texto, pero el resultado final no es seguro, depende del navegador que interprete la página web, y de la resolución y número de colores de la pantalla. Es por ello que a veces se utiliza código JavaScript (recordar que se ejecuta en el cliente) para averiguar que navegador, resolución y número de colores tiene este, y de acuerdo a ello, tomar las medidas oportunas. Normalmente siempre hay una etiqueta de inicio y otra de final, pero no siempre es así: <etiqueta> texto afectado </etiqueta> Pag.web mínima <HTML><HEAD><TITLE>...</TITLE></HEAD><BODY>hola</BODY></HTML> Pag.web minimísima  <HTML><BODY>hola</BODY></HTML> Pag.web que sólo funcionará en algunos navegadores poco exigentes con las “normas”, pero que solo debemos utilizar para hacer pruebas. IE es poco exigente, mientras que Netscape lo es bastante, aunque cada vez menos. Hola Hay navegadores en los que no cerrar las etiquetas les confunde. Recordar que siempre hemos de cerrar las etiquetas en el mismo orden en que las abrimos: SI  <b><u> Negrita y subrayado </u></b> NO <b><u> Negrita y subrayado </b></u>

3 PRUEBA EN NAVEGADORES Deberemos instalarnos varios navegadores (los tres principales: IE, Mozilla y Opera) en el ordenador donde hagamos las paginas web, para verificar que el resultado es parecido en todos ellos. Los navegadores a instalar, no deberán ser los ultimos disponibles, pues el cliente no suele tener instaladas versiones muy recientes.

4 Servidor web Cliente web
Programa instalado en un ordenador que enviará al cliente web una recurso web (página web, imagen o archivo) Probar vege.es/deg/1.html Vege.es/deg/1.zip Vege.es/deg/1.gif Vege.es/deg/1.php3 Pero ojo, cuando solicitamos una pagina PHP, lo que hace es que la procesa y nos envia el resultado de procesarla, así pues, si la página PHP contiene código para mostrar la fecha y la hora, la fecha y la hora que veremos en el cliente web (navegador), serán la del SERVIDOR!! Cliente web Se encarga de gestionar la descarga del recurso web que hemos solicitado a un servidor web, y si reconoce el tipo de recurso (imagen, pag.web, texto) entonces lo muestra. Si no reconoce el tipo de recurso solicitará una localización donde almacenar ese recurso (es lo que ocurre pej con un zip) Suele ser un navegador, pero podria ser un programa desarrollado pej por nosotros

5 fecha.php3 Servidor web Cliente web fecha.php3
<html><body> <?php echo date( "M d Y H:i:s"); ?> </body></html> Servidor web Cliente web fecha.php3 <html><body> Sep :37:44 </body></html> Aunque es un archivo que solo tiene código html, esto no significa que halla cambiado su extensión

6 URL (Uniform Resource Locator) (Localizador Uniforme de recursos) serv_web: puede especificarse por su nombre (de dominio) o su IP. Ej: vege.es o 212.x.y.z Recordar que la ventaja de utilizar dominios en lugar de IP, es que si un dia cambia la IP del servidor, pej porque hallamos contratado el hosting con otra empresa, seguiremos pudiendo acceder a nuestra web. Recordar tb que hay unos ordenadores en Internet denominados servidores de nombres de dominio (DNS) que son los encargados de mantener una tabla que relaciona los nombres de dominios con sus IP's) La ruta del fichero no debe contener ni acentos ni caracteres raros Sensibilidad a mayusculas / minusculas (Case-sensitive) - el dominio da igual ponerlo en mayusculas que en minuscula - la ruta del fichero en el servidor (directorioA/directorioB/fichero.ext) será case-sensitive dependiendo del tipo de S.O que tenga la maquina que hace de servidor web. Normalmente si es UNIX/LINUX es case-sensitive, no siendolo si el S.O es de Microsoft.

7 Cuando una URL es del tipo el fichero que se descarga es uno por defecto que se ha configurado en el servidor web para ese directorio, habitualmente es index.html o index.php3 En el caso se descargará el fichero por defecto configurado para el directorio raiz. Es posible configurar en el servidor web incluso la pagina web a mostrar cuando has intentado acceder a una página que no existe en ese servidor)

8 ¿Dónde se realiza el procesamiento?
Si lo que pide el navegador es una imagen, archivo de texto, archivo .exe, archivo .zip o una pagina web estática (.html o .htm), no se realiza procesamiento en el servidor, pero se puede realizar procesamiento en el cliente (navegador) si lo descargado es una página web (.html o .htm) que contenga codigo JavaScript, o código Java (entonces esa página web se denomina Applet Java) Si lo que pide el navegador es un archivo .php o .asp, el procesamiento se realiza PRIMERO en el servidor, pues este generará una página compuesta unicamente de codigo HTML (puede llevar tb javascript), resultado de ejecutar el codigo PHP o ASP que tenia el archivo .php o asp, dejando intacto el codigo HTML que tuviera esta. A las páginas con código PHP o ASP se les denomina páginas dinámicas porque pueden generar páginas diferentes, pese a llamarse igual. Ej: Pagina noticias_prensa.php que muestre las noticias contenidas en la BD del periodico. En contraposición, a las páginas HTML se les denomina estaticas. El servidor web sabe que la página que ha solicitado el cliente es dinámica, y por tanto ha de ejecutarla, al observar su extensión (.php o .asp)

9 Applets Java PHP ASP JavaScript ¿Dónde se realiza el procesamiento?
Una vez el navegador recibe la pagina web estática (.html,.htm) o dinámica (.php,.asp), empieza a interpretarla y mostrarla en pantalla. Si al ver su codigo HTML, detecta que hay imágenes, abre una conexión por cada una de ellas para descargarlas, y si sabe su tamaño, deja ya su hueco, para que una vez este descargada, no mueva a todo lo que tiene debajo. Tambien observa si hay codigo JavaScript o Java (entonces esta página se denomina Applet), y si lo hay lo ejecuta. Es posible que no este todo el codigo Java o JavaScript en el documento, en ese caso, esta indicada su localización desde la cual descargarlo. Nota: No es necesario que las imágenes o el codigo Java o JavaScript esten en el mismo servidor web desde el cual nos hemos descargado la página. Resumen: Applets Java PHP Html+[javascript]+[java] Servidor web Navegador ASP JavaScript

10 Manual de referencia PHP (del site oficial php.net)
Manual descargable 3 versiones 1 solo documento html Muchos documentos html En formato ayuda windows Manual online

11 HTML Cursos descargables de HTML La sabana del HTML
La sabana del HTML


Descargar ppt "HTML (Hypertext Markup Language)"

Presentaciones similares


Anuncios Google