martes, 24 de noviembre de 2015

Examen Aplicaciones Web Teórico parte 1

HTML

Lenguajes empleados por las aplicaciones web
  • Lenguajes del lado cliente:
    • HTML (Hipertext Markup Language) Lenguaje de marcas de hipertexto que sirve para dar estructura a una página web.
    • CSS 8Cascade Stule Sheet) Hojas de estilo en cascada. Define la presentación de una página Web. 
    • JavaScript Lenguaje de programación que permite crear scripts del lado cliente, para controlar el navegador o alterar el contenido que muestra el documento web.
    • AJAX (Asyncronous JavaScript and XML) Conjunto de tecnologías web que permite que las páginas web se actualicen de forma asíncrona intercambiando pequeñas cantidades de datos con el servidor de manera que sea posible actualizar partes de la página sin recargar la web completa.
  • Lenguajes del lado servidor:
    • PHP - Lenguaje de script multiplataforma creado para páginas web dinámicas.
    • Java pájinas JSP y Servlets - Orientadas a desarrollar páginas web en Java:
      • JSP - Se incluye el código Java en el documento HTML y se ejecuta en el servidor para incluír contenido de forma dinámica.
      • Servlets - Aplicaciones JAVA completas en el servidor que generan páginas web de forma dinámica a partir de los parámetros que envíen los navegadores.
    • ASP.NET - Comercializada por Microsoft, conjunto de clases, se utiliza en servidores Windows.
    • Python - Lenguaje multiplataforma y multiparadigma que permite diferentes lenguajes de programación.
    • Perl - Lenguaje de programación que permite extraer información de los archivos de texto y generar informes a partir del contenido de los ficheros.
¿Qué es un lenguaje del lado cliente? 
  • Se puede interpretar directamente por el navegador, son independientes del servidor y se pueden alojar en cualquier servidor, el código es visible del lado del cliente.
¿Qué es el lenguaje del lado del servidor?
  • Lenguaje reconocido, ejecutado e interpretado por el servido, se envían al cliente en un formáto comprensible para el, Independiente del navegador utilizado, El código puede ocultarse al cliente que verá el documento HTML finalizado. 
¿Que es XHTML ?
  • Una adaptación de HTML con las restricciones XLM que es una versión mas estrícta  y limpia de HTML 
¿Qué son las etiquetas XHTML?
  • Definen cada uno de los elementos del documento XHTML, las etiquetas pueden contener atributos para definir alguna de las características de la etiqueta.
    • <etiqueta atriburo=valor> ... </etiqueta>
¿Cómo se pone un comentario en XHTML o HTML?
    •  <!-- Aquí escribo un comentario que no se ve en la página -->
¿Qué es <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ?
  • Document Type Definition (DTD) Definición y tipo de documento. Define las etiquetas, atributos de cada etiqueta y valor de cada atributo.
¿Cuál es la única etiqueta que se pone fuera de la etiqueta html?
  • DOCTYPE
¿Cómo defines que un documento será HTML5?
  • <!DOCTYPE html>
¿Cómo validas un documento HTML?
  • Con el editor HTML y con el validador en línea de W3C
¿Qué es un espacio de nombres en un documento XML?
  • Permite diferenciar las etiquetas y atributos que pertenecen a cada lenguaje y para eso en en la etiqueta HTML se incluye el atributo:
    • <html xmlns="http://www.w3.org/1999/xhtml">

 CSS

Define lenguaje CSS ...
  • Cascade Style Sheets - Hojas de estilo en cascada. Define el aspecto y presentación que tendrá un documento HTML
¿Cómo se inluye el código css en html?
  • Incrustado - dentro de <head>
  • Vinculado - archivo a parte con extensión .css y enlazado con la etiqueta <link>
<html>
    <head>
        <title>CSS en arquivo externo</title>
        <link rel="stylesheet" type="text/css" href="css/estilos.css"/>
    </head>
    <body>
        <p>Algo de texto.</p>
    </body>
</html>

  • En línea dentro de <body> con la etiqueta <style>
<p style="color: red; font-size: 12pt; ">Algo de texto.</p>

¿Cuál es la ventaja de utilizar hojas de estilo vinculadas?
  • Una sola hoja de estilos, sirve para múltiples documentos HTML y modificando una sola hoja de estilos, modificamos el aspecto y la presentación de múltiples documento HTML
Componentes de un estilo CSS
  • Regla - todo lo que compone la hoja de estilos
  • Selector - Elemento o elementos html sobre los que se aplica la regla css.
  • Declaración - Especifíca los estilos que se aplica a los elementos.
  • Propiedad - Características que se modifican en el elemento seleccionado.
  • Valor - Establece el valor de la propiedad. 
¿Cómo aplicas estilo a varios elementos a la vez?
  • Se escriben varios selectores separados por comas
h1, h2, h3 {
    font-family: Verdana;
    color: black;
    background-color: white;
}

¿Pero y si no queremos aplicar un estilo siempre a la etiqueta?
  • Creamos una etiqueta class en el documento html aplicándosela a la etiqueta que queremos modificar de forma puntual.
HTML → <h1 class="especial">Cabeceira de primeiro nivel</h1>
CSS →
.especial {
    font-family: Verdana;
    color: black;
    background-color: white;
}

¿Qué son las etiquetas <div> y <span>?
  • Etiquetas html que definen un bloque <div> o una linea <span>
¿Cómo cambiamos el aspecto de los enlaces?
  •  Añadiendo al selector (a) pseudoetiquetas:
    • : link - aplica estilos a recursos no visibles
    • : visited - "        "       "      "         visitados.
    • : hover -   "        "       "      "       que señalamos con el cursor
    • : active -   "       "       "      "       en el momento de hacer click sobre un enlace.
Unidades de medida absolutas y relativas
  • em - relativa respeto al tamaño de la letra
  • ex relativa respeto a la altura de la letra x
  • px (pixeles) - relativa respeto a la resolución de pantalla del dispositivo que se utiliza.
¿Cuál es el sistema de colores mas utilizado para css?
  • Código RedGreenBlue hexadecimal ej:
    • #0000ff = blue
    • #00ff00 = green
    • #ff0000 = red
Etiquetas: