Вы находитесь на странице: 1из 13

ESCUELA SUPERIOR POLITECNICA DE CHIMBORAZO

FACULTAD DE INFORMTICA Y ELECTRNICA

ESCUELA DE INGENERIA ELECTRONICA EN CONTROL Y REDES


INDUSTRIALES

INFORME
LENGUAJES DE PROGRAMACIN II
Tema: 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/2015
Tema: Creacin de una pgina web HTML5 en Netbeans

1. 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 Terico
Qu 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 <marca></marca>

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.01

Es 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'

'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 Web


Recomendable
Editor 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

Netbeans

desarrollar aplicaciones web Java.

como

herramienta

para

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

aplicaciones Java EE que empleemos, o del entorno de desarrollo.

3. Implementacin

de

Inicialmente 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. Conclusin
Exponer 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

Вам также может понравиться