Scribd Logo
Upload

Welcome to Scribd!

  • Tutorial

    Uploaded by

    Luis Sira
    9 views8 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views8 pages

    Tutorial

    Uploaded by

    Luis Sira

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 8

    JavaServer Pages (JSP) es una tecnologa que ayuda a los desarrolladores de software a crear pginas web dinmicas basadas

    en HTML, XML entre otros tipos de documentos. JSP es similar a PHP pero usa el lenguaje de programacin Java, es, entonces, ni ms ni menos que HTML mezclado con cdigo Java (para definirlo rpidamente).

    Hay que comenzar creando un nuevo proyecto, abrimos el NetBeans IDE y vamos a File > New Project Ctlr + Mays + N

    Elegimos el tipo de proyecto que vamos a crear, en este caso vamos a la carpeta Java Web, seleccionamos Web Application y le damos next

    Nota: En caso de que no le salga la carpeta, usted tendr que descargar e instalar uno de los paquetes que contengan JAVA EE, en la pgina oficial de descarga de NetBeans (https://netbeans.org/downloads/index.html) hay dos descargas que contienen el JAVA EE, el JAVA EE y el All.

    Luego le asignamos el nombre del proyecto y la ubicacin del mismo

    Project Name: nombre del proyecto Project Location: Ubicacin del proyecto Luego de haberle asignado un nombre y la ruta, le damos next para continuar

    Esta ventana es para configurar el servidor y las opciones, como no vamos a modificar nada, le damos Next

    Esta ventana es para seleccionar los marcos con los que deseas trabajar, como vamos a trabajar con el defecto, le damos click a finish para finalizar

    Esperamos a que se cree el proyecto y nos va a aparecer la siguiente ventana

    NetBeans te crea por defecto el index.jsp, que es donde vamos a crear nuestro cdigo

    Lo primero que hay que indicarle a la pgina son una serie de parmetros o directivas, buscamos el siguiente cdigo:

    contentType: Especifica el tipo de salida, en este caso text/html. pageEncoding: Este atributo especifica el idioma que la pgina utiliza cuando la pgina se enva al navegador. Este atributo funciona como la etiqueta meta del lenguaje de marcado HTML.

    Se pueden agregar otros atributos tales como: import: Las clases o paquetes que vamos a utilizar en la pgina. erroPage: Simplemente la pgina de error en caso de que ocurra uno y no sea tomado por las excepciones del cdigo. Entre otros

    Debajo de esa lnea podemos ver el siguiente cdigo

    Java tambin por defecto nos crea un ttulo y un mensaje, como se mencion, el cdigo no es ms que HTML mezclado con Java, por eso, el lenguaje que se ve, es HTML. Head: Los elementos <HEAD></HEAD> se colocan inmediatamente despus de la apertura de la marca <HTML> y cierran el encabezamiento propiamente dicho del documento; es decir toda la informacin que necesita el navegador, el servidor de web y los motores de bsqueda. Tittle: El elemento <TITLE></TITLE> es el ms utilizado dentro de la marca <HEAD>, dado que sirve para dar ttulo a la pgina. El ttulo suele ser visualizado por los navegadores en la cabecera de pgina. Body: El elemento <BODY> se coloca inmediatamente despus del cierre de la marca </HEAD> y, en cualquier caso, dentro de los elemenos <HTML></HTML>; tiene una marca de apertura y una de cierre y delimitado por ellas figura el cuerpo del documento. La marca <BODY> se utiliza tambin para proporcionar al navegador informacin sobre la disposicin de los objetos en el documento La sintaxis correcta del elemento <BODY> es la siguiente: <BODY> Contenido del documento </BODY> H: para escribir encabezados tenemos que utilizar las etiquetas <h>. Esta etiqueta viene acompaada de un nmero, desde el 1 hasta el 6, predefiniendo stos el tamao del encabezado. As, <h1> sera el encabezado ms grande mientras que <h6> sera el ms pequeo. A continuacin vamos a mostraros el cdigo de los seis diferentes encabezados: <h1> Texto muy grande</h1> <h2>Texto grande</h2> <h3>Texto algo ms grande de lo normal</h3> <h4>Texto normal</h4> <h5>Texto pequeo</h5> <h6>Texto muy pequeo</h6>

    As para crear nuestro primer mensaje le vamos a cambiar el ttulo de la etique Tittle por Tutorial y en el body vamos a agregar tres encabezados para poder observar la diferencia del tamao del texto con el mensaje Hola, probando el tutorial

    Para probar la pgina en NetBeans, se hace clic con el botn derecho del ratn sobre el proyecto (el panel de la izquierda) y elegir Run File, tambin podemos hacer click en el cono que est marcado en el panel de herramiento (arriba), pueden presionar en el teclado las teclas Mays + F6.

    Esperamos a que cargue

    Y cuando termine, no los abrir automticamente con el navegador por defecto.

    La idea de este artculo es solamente comenzar a jugar con Java y pginas webs en la parte bsica. Para hacer un sitio profesionalmente se utilizan otros mecanismos y hay miles de alternativas.

    Luis Sira Luis Tovar

    You might also like