1 / 11

HTML (Hypertext Markup Language)

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

beata
Download Presentation

HTML (Hypertext Markup Language)

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 • 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 <html><body> <?php echo date( "M d Y H:i:s"); ?> </body></html> Servidor web Cliente web fecha.php3 <html><body> Sep 28 2004 17: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) http://serv_web/directorioA/directorioB/fichero.ext • 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 http://serv_web/directorioA/directorioB, 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 http://serv_web/ 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. ¿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 http://www.php.net/download-docs.php • 3 versiones • 1 solo documento html • Muchos documentos html • En formato ayuda windows • Manual online http://www.php.net/manual/es/

  11. HTML Cursos descargables de HTML http://www.programacion.net/html/tutorial/curso/1/ http://sestud.uv.es/manual.esp/indice.htm http://www.sadiel.es/sitioWebProyectos/javaCenter/cursos/HTML/Html.ppt La sabana del HTML http://usuarios.lycos.es/asualam/html/sabana.zip

More Related