ESCUELA SUPERIOR POLITECNICA DE CHIMBORAZO
FACULTAD DE INFORMTICA Y ELECTRNICAESCUELA DE INGENERIA
ELECTRONICA EN CONTROL Y REDES INDUSTRIALESINFORME LENGUAJES DE
PROGRAMACIN IITema: Creacin de una pgina web HTML5 en Netbeans
NOMBRES: Freddy Lapo Marcos Espinosa CURSO: Tercero A GRUPO: A1
PERIODO: Octubre 2013 Febrero 2015 FECHA : 15/01/2015Tema: Creacin
de una pgina web HTML5 en Netbeans1. Objetivos: Conocer algunas
tcnicas de programacin del lenguaje bsico de World Wide Web.
Disear nuestra pgina web mediante lneas de cdigo que permitan el
manejo multimedia (audio y video) en Html5.
Conocer tales conceptos de selectores, tipografa, manejo de
colores y lectura de archivos almacenados a travs de nuestro
navegador Web.
Evaluacin
Este proyecto fue creado el propsito de conocer y aplicar las
ventajas que presenta Netbeans a travs del lenguaje Html5. El
entorno de la pgina web se orienta ms al tratamiento del diseo de
pginas web. El lenguaje Java Script tambin se puede implementar al
diseo de pginas web, posee un sinnmero de caractersticas y
herramientas propias de este cdigo.
2. Marco TericoQu es HTML?HTML (HyperText Markup Language):
Lenguaje con el que se definen pginas Web. Permite describir el
contenido de una pgina, incluyendo texto y otros elementos
(imgenes, videos, pequeas aplicaciones, etc.)
Una pgina HTML consta de texto y marcas especiales que permiten
indicar algn tratamiento especial (estructura, formato,
hiperenlace, etc.)
Las marcas se indican en formato
HTML: Lenguaje original Basado en SGML (Standard Generalized
Markup Language). Es casi un lenguaje XML, pero tiene elementos no
compatibles con XML. Empieza a cobrar fuerza la idea de no mezclar
marcado de estructura (tabla, seccin, encabezado, etc.) con marcado
de presentacin (fuente, color, alineamiento, etc.)
HTML5: Evolucin de XHTML y HTML 4.01Es el estndar vigente a da
de hoy XHTML 2.0 ha sido abandonado Desarrollado por el WHATWG,
adoptado por el W3C Participacin de Opera, Mozilla, Apple (a fecha
de hoy) Un paso ms Construye sobre 'strict'; acaba con 'frameset' y
'transitional. "Estndar viviente": W3C publica, pero WHATWG no para
de aadir. Aaden cosas y recomiendan no usar otras, pero quitan poco
o nada.HTML5 vs. XHTML5 "Un estndar, dos formas de escribir. La
recomendacin vigente es codificar en HTML5 (la transicin hacia
navegadores optimizados para XML puro no ha funcionado).
Herramientas para crear una pgina WebRecomendableEditor de
pginas Web Amaya: editor de referencia del W3C
http://www.w3.org/Amaya/. Gratuitos: Netbeans, HTML-Kit, Kompozer,
Nvu. Comerciales: Adobe Dreamweaver, Microsoft Expression Web.
Navegadores Web (varias versiones, varios SOs). Chrome, Firefox,
Internet Explorer, Safari, Opera Tienen buenas herramientas para
ayuda a desarrolladores Considerar navegadores en mviles (iOS,
Android)Editores grficos y de imgenes GIMP, Adobe Photoshop.
Herramienta de desarrollo para cdigo de scripts o del servidor.
Eclipse, Netbeans, Aptana Studio 3.Servidor Web El que se vaya a
utilizar. Se puede usar Apache sobre Windows para desarrollo pero
es recomendable sobre Linux para implantacin por mejor
seguridad.
Introduccin bsica a Netbeans como herramienta para desarrollar
aplicaciones web Java.
Netbeans se puede considerar indudablemente, como la mejor
herramienta Java para comenzar a programar aplicaciones web. En
este escenario, la clara recomendacin es que se use Netbeans. En
cualquier caso, los cdigos deberan funcionar perfectamente con
cualquier otro entorno de desarrollo (o servidor de
aplicaciones).
Los cdigos que acompaan este tutorial son aplicaciones Java EE
estndar que deberan funcionar el cualquiera contenedor de serles
Java EE. No tienen ninguna dependencia con Netbeans, ni con
Glassfish. No obstante, se distribuyen como un proyecto de
Netbeans.Junto con Netbeans 7.0 para la ejecucin del proyecto, no
obstante, la gran mayora de la informacin contenida en el proyecto
es completamente independiente del servidor de aplicaciones Java EE
que empleemos, o del entorno de desarrollo.
3. ImplementacinInicialmente el programa, al ejecutar, se
desplegara y desde Netbeans se abrir nuestro navegador por defecto
y nos mostrar esta pgina:
Cdigo:A continuacin presentamos el cdigo fuente la cual describe
el funcionamiento del proyecto para desarrollar aplicaciones y
diseo de pginas web. Cdigo Index
Cdigo css
4. ConclusinExponer datos a travs de una aplicacin web siempre
es un requerimiento en cualquier aplicacin. Los IDE de desarrollo
en menor o mayor grado hacen de este trabajo cada vez una simpleza
mayor. Para ilustrar esta afirmacin les traigo en esta entrada como
exponer la informacin de una tabla a travs de un servicio RESTful y
cmo construir un cliente de este servicio que se despliega en una
aplicacin HTML5. No se preocupen, no tienen que saber nada de esto.
Solo seguir los pasos:Prerrequisitos: Tener un Sistema Gestor de
Bases de Datos instalado, con una base de datos y tablas con
informacin guardada. Ests sern consumidas por el servicio a
desarrollar. Tener un servidor de aplicaciones. Puede ser Apache
tomcat o Glassfish. Almacenar la aplicacin y el servicio. Tener el
Netbeans 7.3 con un servidor configurado para el tomcat o el
Glassfish que tienes desplegado. 5. Bibliografa
http://www.javahispano.org/storage/contenidos/JavaEE.pdf
http://softpei.blogspot.com/2013/04/exponer-datos-traves-de-una-aplicacion.html
http://www.fdi.ucm.es/profesor/jpavon/web/21-HTML.pdf
