Desarrollo de aplicasiones web: 2013

lunes, 5 de agosto de 2013

validar datos de formularios

Validar datos de una forma sencilla.Es importante que no falten comas o ni comillas ya que de esto depende que reconosca cada regla, ademas del id.

estas primeras lineas son nesesarias, pero antes de esto debemos de crear un vinculo entre el formulario y esta hoja con la etiqueta <link href="nombre de hoja">.

$().ready(function(){
$('#informacion').validate({
debug:true,
ahora escribiremos las reglas o condiciones de los datos que se inrduciran
rules:{
'nombre':{ //esto es el id de campo donde se aplicaran dichas condiciones
required:true, // indica que este campo es requerido y no debe dejrse en blanco, de ser asi no //permitira avanzar mas
minlength:3 //indica l lonitud miima de caracteres que puede introducir
},
'pass':{
required:true,
rangelength:[5,10] //indica que debe escribir un numero que este entre 5 y 10
},
'pass2':{
required:true,
equalTo:'#pass' //la confirmacion de la contraseña sebe ser identica la contrseña
},
'edad':{
range:[18,40]
},
'sexo':{
required:true
}
},

ahora escribiremos los mensajes que debe de mostrar en caso de que no se cumplan las condiciones
para esto usaremos de nuevo el id entre comillas simples luego entre llaves la condicion y despes de dos puntos y entre comillas pondremos el mensaje, cada parrafo de mensage lo separaremos con una coma, estas son muy importantes ya que de no ser asi nos marcara errores y no se ejecutara

messages:{
'usuario':{
required:"Campo requerido",
minlegth:"Escriba un nombre válido"
},
'pass':{
required:"Debes escribir un password",
rangelength:"El password debe tener entre 5 y 10 caracteres"
},
'pass2':{
required:"Campo obligatorio",
equalTo:"No coincide con tu password"
},
'edad':{
range:"No tienes la edad adecuada"
},
'sexo':{
required:"Debes elegir una opción"
}
}
});
});

con estas dos lineas cerramos la vlidacion.

como insertar datos en base de datos con una pagina web

Veremos como insertar datos en una base de datos mediante una pagina web. para esto utilizaremos la conexion realizada antes, cabe mencionar que los nombres de variables y de la base de datos deben de ser identicos en la base de datos como en el codigo de la pagina web.

primero crearemos la hoja html usndo NetBeans como ya e explicado antes, luego comensremos a escribir el codigo.
primero aremos que esta hoja pueda llamar el metodo de conexion a base de datos que como ya dije es el que realizamos en el post anterior.

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="clases.Productos" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
escribbiremos codigo java para lo que usaremos la siguiente conbinacion de carcteres, esto cda ves que quieramos escribir codigo java
<%

con una variable de instancia llamaremos los atributos de la clase y la base de datos ala que conecta
Productos p=new Productos();
accedemos a lo que contenga la variable usaremos el set pata insertar valores.
p.setProducto(request.getParameter("producto"));
p.setPrecio(Integer.parseInt(request.getParameter("precio")));
p.setCantidad(Double.parseDouble(request.getParameter("cantidad")));
p.setFecha(request.getParameter("fecha"));
y llamamos el metodo para que haga las operaciones
p.calcularTotal();
e imprimimos el resultado de esa operacion
out.print(p);
%>
ahora imprimiremos que gurdamos en una tabla para esto crearemos la tabla que como ya sbemos td son las columnas y tr son las filas.

<table border="1" cellspacing="5">
<thead>
<td>
Dato
</td>
<td>
Informacion
</td>
</thead>
<tbody>
<tr>
<td>
Nombre de producto
</td>
<td>
usaremos codigo java para imprimir los datos usando el get de la variable.
get es para extraer valores de las variables.
<%
out.print(p.getProducto());
%>
</td>
</tr>
<tr>
<td>
Precio
</td>
<td>
<%
out.print(p.getPrecio());
%>
</td>
</tr>
<tr>
<td>
Cantidad
</td>
<td>
<%
out.print(p.getCantidad());
%>
</td>
</tr>
<tr>
<td>
Fecha
</td>
<td>
<%
out.print(p.getFecha());
%>
</td>
</tr>
</tbody>
</tbody>
</tbody>
</table>
</body>
</html>

Conexion a base de datos

Hola que tal, hoy veremos como conectar una pagina web a una base de datos, esto es relativamente sencillo solo crearemos un metodo para el cual usremos el nombre de la base de datos un usuario de bd y la contraseña si es que su base de datos la contiene.

entonces comensaremos el codigo es el siguiente.

public class Bd { //Se declaran las variales

Connection conn; //Variable conn de tipo Connection. Nos sirve para establecer la conexion.

Statement smt; //Variable smt de tipo Statement. Nos sirve para ejecutar sentencias sql

ResultSet rs=null; //Variable rs de tipo ResultSet. Nos sirve para almacenar el resultado de una consulta SQL

String mensaje=""; // Variable para desplegar mensajes.

/*Ahora realizamos un metodo para conectarse a la base de Datos

para conestarse a una base de datos se necesitan tres cosas

1.-El nombre de la base de datos 2.- usuario 3.- pasdword

El throws nos sirve para que el error no lo maneje el metodo el SQLException es solo para que se encarge de los errores de sintaxis SQL*/

public Bd(String bd, String user, String password) {

// Bd recibe el nombre de la base de datos

// user recibe el nombre del usuario

// password recibe la contraseña del usuario

String url="jdbc:mysql://localhost/"+bd;

try{

Class.forName("com.mysql.jdbc.Driver");

conn=DriverManager.getConnection(url,user,password); // abre la conexion y se guarda en conn

smt=conn.createStatement(); //smt queda preparada para realizar ejecutar sentencias sql

mensaje= "Coneccion realizada correctamente a la base de datos :"+url;

//System.out.println(mensaje);

}

catch(SQLException e){

mensaje="Error al conectar a la base de datos \nError:"+e;

//System.out.println(mensaje);

} catch (ClassNotFoundException ex) {

Logger.getLogger(Bd.class.getName()).log(Level.SEVERE, null, ex);

}

}

public String desconectarBd(){

String texto;

try{

conn.close();

texto="BD desconectada exitosamente";

}

catch(Exception e){

texto="Error al desconectar la BD";

}

return texto;

}

public ResultSet consultaBd(String sql){

try {

rs=smt.executeQuery(sql);

mensaje="consulta ejecutada correctamente";

}

catch(Exception e){

mensaje="Error en la consulta a la tabla de la BD "+e+" sql "+sql;

}

return rs;

}

public String actualizaBd(String sql){

String texto;

try{

smt.executeUpdate(sql);

texto="Actualización correcta";

}

catch(Exception e){

texto="Error al ejecutar la actualización "+e+" sql "+sql;

}

return texto;

}

}

aclaro que el autor del codigo no soy yo, pero me parece muy claro de entender, el credito de ese codigo es mi profesor de desarrollo de aplicasiones web.

suerte espero que les sirva.

sábado, 13 de julio de 2013

Carateres especiales en HTML

Cuando nesesitamos insertar aluna letra acentuada u otro caracter que no esta en el alfabeto nesitamos un codigo, los cuales son los siuientes:

para usar estos caracteres solo ponemos el codigo del caracterdeseado en el luga donde se pone ese caracter.

ejemplo:

guio'n se escribe de la siguiente manera guioacuten

letras acentuadas

a = &aacute

é = &eacute

í = &iacute

ó = &oacute

ú = &uacute

ñ = &ntilde

Caracteres especiales generales

el primer caracter es el simbolo que se mostrara y el resto es el codigo,

¡ ¡

¢ ¢

£ £

¤ ¤

¥ ¥

¦ ¦

§ §

¨ ¨

© ©

ª ª

« «

¬ ¬

® ®

¯ ¯
° °
± ±
² ²
³ ³
´ ´
µ µ
¶ ¶
· ·
¸ ¸
¹ ¹
º º
» »
¼ ¼
½ ½
¾ ¾
¿ ¿
À À
Á Á
Â Â
Ã Ã
Ä Ä
Å Å
Æ Æ
Ç Ç
È È
É É
Ê Ê
Ë Ë
Ì Ì
Í Í
Î Î
Ï Ï
Ð Ð
Ñ Ñ
Ò Ò
Ó Ó
Ô Ô
Õ Õ
Ö Ö
× ×
Ø Ø
Ù Ù
Ú Ú
Û Û
Ü Ü
Ý Ý
Þ Þ
ß ß
à à
á á
â â
ã ã
ä ä
å å
æ æ
ç ç
è è
é é
ê ê
ë ë
ì ì
í í
î î
ï ï
ð ð
ñ ñ
ò ò
ó ó
ô ô
õ õ
ö ö
÷ ÷
ø ø
ù ù
ú ú
û û
ü ü
ý ý
þ þ
ÿ ÿ

Caracteres matemáticos, griegos y símbolos para HTML
SímboloCódigoƒ &fnof;
Α Α
Β Β
Γ Γ
Δ Δ
Ε Ε
Ζ Ζ
Η Η
Θ Θ
Ι Ι
Κ Κ
Λ Λ
Μ Μ
Ν Ν
Ξ Ξ
Ο Ο
Π Π
Ρ Ρ
Σ Σ
Τ Τ
Υ Υ
Φ Φ
Χ Χ
Ψ Ψ
Ω Ω
α α
β β
γ γ
δ δ
ε ε
ζ ζ
η η
θ θ
ι ι
κ κ
λ λ
μ μ
ν ν
ξ ξ
ο ο
π π
ρ ρ
ς &sigmaf;
σ σ
τ τ
υ υ
φ φ
χ χ
ψ ψ
ω ω
ϑ &thetasym;
ϒ &upsih;
ϖ ϖ
• •
… …
′ ′
″ ″
‾ &oline;
⁄ &frasl;
℘ &weierp;
ℑ &image;
ℜ &real;
™ ™
ℵ &alefsym;
[ [
] ]
← ←
↑ ↑
→ →
↓ ↓
↔ ↔
↵ &crarr;
⇐ ⇐
⇑ &uArr;
⇒ ⇒
⇓ &dArr;
⇔ ⇔
∀ ∀
∂ ∂
∃ ∃
∅ ∅
∇ ∇
∈ ∈
∉ ∉
∋ &ni;
∏ ∏
∑ ∑
− −
∗ &lowast;
√ √
∝ &prop;
∞ ∞
∠ &ang;
∧ &and;
∨ &or;
∩ ∩
∪ ∪
∫ ∫
∴ &there4;
∼ &sim;
≅ &cong;
≈ ≈
≠ ≠
≡ &equiv;
≤ ≤
≥ ≥
⊂ ⊂
⊃ ⊃
⊄ &nsub;
⊆ &sube;
⊇ &supe;
⊕ &oplus;
⊗ &otimes;
⊥ &perp;
⋅ ⋅
⌈ &lceil;
⌉ &rceil;
⌊ &lfloor;
⌋ &rfloor;
⟨ &lang;
⟩ &rang;
◊ &loz;
♠ &spades;
♣ &clubs;
♥ &hearts;
♦ &diams;

Para reemplazar caracteres significativos del marcado HTML
& &
< <
> >
Œ &OElig;
œ &oelig;
Š &Scaron;
š &scaron;
Ÿ &Yuml;
ˆ &circ;
˜ &tilde;
&ensp;
&emsp;
 
– –
— —
‘ ‘
’ ’
‚ &sbquo;
“ “
” ”
„ &bdquo;
† &dagger;
‡ &Dagger;
‰ &permil;
‹ &lsaquo;
› &rsaquo;
€ €

viernes, 5 de julio de 2013

conectar base de datos con PHP

<html>

<head>

<title>Ejemplo</title>

</head>

<body>

<?php

function Conectarse()

{

if (!($link=mysql_connect("localhost","usuario","Password")))

{

echo "Error conectando a la base de datos.";

exit();

}

if (!mysql_select_db("base_datos",$link))

{

echo "Error seleccionando la base de datos.";

exit();

}

return $link;

}

$link=Conectarse();

echo "Conexión con la base de datos conseguida.<br>";

mysql_close($link); //cierra la conexion

?>

</body>

</html>

donde

#coneccion con el MDB en MySql
$link = mysql_connect("NombreHost","Usuario","contraseña")
or die ("no se ha podido conectar");

#Seleccion de la base de datos a utilizar
mysql_select_db("dbprueba")
or die("Error al tratar de selecccionar esta base");

#cierra la base de datos
mysql_close($link);
?>

Este video te puede ayudar a hacer mejor la conexion a la base de datos, suerte !

http://www.youtube.com/watch?v=qjUQD7NDYBs

sábado, 29 de junio de 2013

Poner video en HTML

jueves, 20 de junio de 2013

Hola, hy les mostrare el codigo para hacer una taba en html, es muy sencillo, el codigo es el siguiente.

<table width="60%" cellspacing="5" cellpadding="0">

<tr>

<td>Fila 1, celda 1</td>

<td>Fila 1, celda 2</td>

</tr>

<tr>

<td>Fila 2, celda 1</td>

<td>Fila 2, celda 2</td>

</tr>

</table>

donde la etiqueta <table></table> dentro de esta se pondran las para defnir las dimenciones de las celdas usaremos:
Espero que les sirva como ven esta es una tabla sencilla de dos columnas y dos filas, se puede hacer mas grande y agregar mas caraceristicas. les dejo un link donde pueden obtener informacion mas detallada.

columnas <td></td> y dentro de las columnas van las
filas <td></td>

whidth para el ancho.
cellspacing para la separacionn entre celdas
cellpading
para la separacion entre el borde de la celda y el texto.

http://www.aprenderaprogramar.com/index.php?option=com_content&id=516:crear-tablas-html-atributos-colspan-y-rowspan-unir-celdas-horizontal-y-vertical-caption-o-titulo-cu00719b&Itemid=192

viernes, 14 de junio de 2013

Hola que tal hoy mostraremos como crear un formuario en html5, lamentabelmete hoy no dispongo de mucho tiempo asi que les dejo el codigo, la matoria de las etiquetas ya las emos usado antes asi que no sera nuevo, lo unico que ahora utilzaremos una nueva <label> es para los formularios.

si encuentran algo raro o que no se entienda, por favor dejan el comentario y tan pronto como pueda les contesto.

<html lang="es"> <head> <meta charset="utf-8 /> <title>Formularios en HTML5</title> </head> <body> <form id="formulario_1"> <p> <label for="nombre">Nombre: </label> <input type="text" name="nombre" id="nombre" placeholder="Jordi Martinez" autofocus autocomplete required> </p> <p> <label for="pass">Contraseña: </label> <input type="text" name="pass" id="pass" placeholder="qwer123" pattern="[a-z](4)[0-9](3)"/> (la contraseña debe contener 4 letras y 3 números) </p> <p> <label for="fono">Teléfono: </label> <input type="tel" name="fono" id="fono" placeholder="+34935551234"> </p> <p> <label for="web">Página WEB: </label> <input type="url" name="web" id="web" placeholder="www.miweb.com"> </p> <p> <label for="num">Número de zapatos: </label> <input type="number" name="num" id="num" min="2" max="20" step="2" placeholder="2"> </p> <p> <label for="f_envio">Fecha de envio: </label> <input type="date" name="f_envio" id="f_envio" min="2013-02-16"> </p> <p> <label for="col">Color de los zapatos: </label> <input type="color" name="col" id="col" value="#000000"> </p> <p> <label for="buscar">Buscar: </label> <input type="search" name="buscar" id="buscar"> </p> <p> <label for="valora">Valora la web: </label> <input type="range" name="valora" id="valora" min="0" max="10"> (entre 0 y 10) </p> <p> <fieldset> <legend>Selecciona la prioridad: </legend> <p><label> <input type="radio" name="prior" value="baja" checked> Baja </label></p> <p><label> <input type="radio" name="prior" value="media"> Media </label></p> <p><label> <input type="radio" name="prior" value="alta"> Alta </label></p> </fieldset> </p> <p> <fieldset> <legend>Selecciona el tipo de envio: </legend> <p><label><input type="checkbox" name="envio" value="urgente" checked> Urgente </label></p> <p><label><input type="checkbox" name="envio" value="acuse"> Con acuse de recibo </label></p> <p><label><input type="checkbox" name="envio" value="reembolso"> Contra reembolso </label></p> </fieldset> </p> <input type="submit" value="Validar"> </form> </body> </html>

martes, 4 de junio de 2013

Hojas de estilos en html usando NetBeans

La semana pasada vimos como hacer un menu en html, hoy mostrare como hacer hojas de estilos (css), y algunas de las caracteristicas o formato

que se le puede dar a los elemntos asosciados a estas.

Ya teniendo el proyecto, del lado izquierdo nos aparecera la ventana "projects", si no tenemos esta ventana seleccionamos de la barra de menus window>projects.

Dentro de esta ventana aparecera el nombre de nuestro proyecto, en este ejemplo se llama "PersonalPage", damos clic sobre el,nos mostrara una serie de carpetas seleccionamos la carpeta "WebPages" y desplegara mas carpetas y archivos, los archivos que estan fuera de carpeta son te tipo html, es decir el ejcutable de la pagina. Para crear el estilo, crearemos una carpeta dentro de "Web Pages" con el nombre de "css" esto lo hacemos directamente en la ubicacion del archivo en el explorador windows o gestor de archivos segun el sistema operativo que se este usando.

ya creada la carpeta ahora en en NetBeans, daremos clic derecho sobre la carpeta css, seleccionaremos new>other>other>Cascading Style Sheet>next>Le damos un nombre>finish.

Una ves creada la hoja de estilo. borramos lo que contenga esta y ponemos el siguiente codigo.

margin: 0px;

padding: 0px;

list-style: none;

}

Esto indicara en margen de nuestra pagina.

Primeramente le daremos un algunas caracteristicas basica a nuestro menu que creamos asi que pondremos este codigo.

a:link{

text-decoration: none;

color: black;

}

donde a:link nos dice que aplicara esta caracteristica a esa etiqueta, text-decoration: none, indica la decoracion del texto dentro del objeto, y color:black, es el color del texto, el color puede ser cualquiera.

despues de esto, le diremos a html que los links que hayan sido visitados los marque de color azulvioleta.

a:visited{

color:blueviolet;

}

y tanbien estableceremos que los links que no hayan sido visitados los ponga en color azul.

a:hover{

color: slateblue;

}

Ahora si se preguntaban para que nos sirve el id, pues sabran una forma de usarlo, nos sirve para indicar una relacion entre el objeto de una clase, en este caso el estilo que le daremos a esa etiqueta.

Primeramente pondremos el signo gato"#", este nos mostrara los id's de la otra clase, seleccionaremos el que pusimos en el blog pasado en mi caso fue "idNav" abriremos y cerraremos llaves, y dentro de ellas, pondremos el formato o caracteristicas que queremos que tenga en la pagina web esta etiqueta.

Ejemplo:

#NavWeb{

width: 80%;

background-color: #a09fa0;

max-width: 1100px;

margin: 5px auto;

}

con el signo # puedes llamar a todos tus id y darle formato a cada etiqueta.

Width: ancho del objeto.

background-color: color de fondo del objeto.

max-width:fija el ancho maximo.

margin: es el margen, y el parametro auto, indica que sea automatico.

existen un compendio sin fn de estos, estos ingresa al siguiente link.

http://msdn.microsoft.com/es-es/library/ee371276(v=expression.30).aspx

miércoles, 29 de mayo de 2013

Crear menu en html

Primero hay que crear el proyecto, en NetBeans de la siguiente forma

Nuevo proyecto>JavaWeb>WebApplication>next>finish

Nos aparecera un esqueleto de codigo.Pondremos el titulo dentro de la etiqueta, este titulo se muestra en la barra de titulo en la pagina web.

<title>titulo</title>

dentro de pondremos dos etiquetas mas como se muestra a continuacion.

<body>

<h1>aqui va el encabezado de la pagina<h1>

</header>

</body>

ahora si comensaremos con los menus, despues de </header> y antes de </body> pondremos el siguiente codigo.

Comensaremos con la etiqueta

<nav>

</nav>

dentro de esta pondremos otra etuiqueta que sirve para crear listas

<ul>

</ul>

dentro de esta otra pondremos, una etiqueta para cada elemento de la lista que es

<li>

</li>

Finalmente pondremos en otra etiqueta los links o sitios que queremos que se muestren en el menu.

<a>

</a>

la sintaxis de esta ultima etiqueta es...

<a>href="Cuestionario.html">Cuestionario</a>

donde

href="Cuestionario.html"

es el sitio a donde se enlasara , y

Cuestionario es el nombre que mostrara en el link.

Para agrefar estilo es decir colores en etiqueta nav ponemos un id de la siguiente forma

Este id nos servira para llamar la hoja de estilos, pero eso lo aremos la siguiente ves.

si no tienes NetBeans te dejo el link para que lo descargues:

https://netbeans.org/downloads/

jueves, 23 de mayo de 2013

Etiquetas en HTML

El lenguaje html nos permite insertar y manipular elementos por medio de etiquetas por ejemplo:

<title>titulo de la pagina</title>

Donde <title> abre la etiqueta

y </title> cierra la etiquetaentre medio de estas se escribe lo que se desea que aparesca, en este caso es el titulo.

existen mas etiquetas a continiacion se presentan algunas.

<html></html>
Abre y cierra un documento HTML
<head></head>
Encabezado de la página - aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas. Estáinformacionno es visible.
<body></body>
Dentro de esta etiqueta va toda la parte visible de la página web.

Tipo máquina de escribir
<cite></cite>
Cita, en cursiva
<em></em>

<body text=?>
Configura el color por defecto del texto, usando el valor del código de color hexadecimal.
<body link=?>
Configura el color de las ligas, usando el valor del código de color hexadecimal.
<body vlink=?>
Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal
<body alink=?>
Configura el color de las ligas al darle clic, usando el valor del código hexadecimal.

Etiquetas HTML de Texto
<pre></pre>
Texto pre-formateado
<hl></hl>

Título más grande
<h6></h6>
Título más pequeño
<b></b>
Negritas
<u></u>
Subrayado
<i></i>
Cursivas
<tt></tt>

Resalta una palabra, negrita o cursiva
<strong></strong>
Resalta una palabra o grupo de palabras
<font face=?></font>
Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc.
<font size=?></font>
Coloca tamaño de letra, de 1 a 7
<font color=?></font>
Configura el color, usand valor hexadecimal o nombre directo (blue, green, etc.)

Ligas
<a href="URL"></a>
Hipervínculo
<a href="mailto:EMAIL"></a>
Hipervínculo mailto (para envío de correo)
<a name="name"></a>
Ancla en el mismo documento
<a href="#name"></a>
Liga hacia algún lugar dentro del mismo sitio

<p></p>
Nuevo párrafo
<p align=?>
Alinea el párrafo hacia la izquierda, derecha o al centro
<br>
Inserta un interlineado suave. Crea otra línea
<blockquote>
</blockquote>
Texto indentado de ambos lados
<dl></dl>

Lista de definiciones (glosario)
<dt>
Precede a cada término en definiciones
<dd>
Precede cada definición
<ol></ol>
Lista ordenada
<li></li>
Entrada en una lista
<ul></ul>
Lista con viñetas sin ordenar
<div align=?>
Para formato a porciones grandes del documento html, incluyendo hojas de estilo

<table></table>
Crea tabla
<tr></tr>
Crea filas en una tabla
<td></td>
Crea celda en una fila
<th></th>
Encabezado de tabla, texto normal, negrita y centrado

Atributos de Tablas
<table border=#>
Coloca contorno en las celdas de la tabla
<table cellspacing=#>
Espacio entre las celdas de una tabla
<table cellpadding=#>
Espacio entre el contorno de una celda y su contenido
<table width=# or %>

Ancho de la tabla, en pixeles o porcentaje del ancho de la página
<tr align=?> or <td align=?>
Alineación para las celdas, izquierda derecha, centro
<tr valign=?> or <td valign=?>
Alineación vertical de las celdas, arriba, abajo,enmedio
<td colspan=#>
Expansión de una celda, en número de columnas
<td rowspan=#>
Expansión de una celda, en número de celdas

<td nowrap><img src="name">
Incorpora una imagen
<img src="name" align=?>
Alinea la imagen: izquierda, derecha y centro
<img src="name" border=?>
Determina el contorno de la imagen. Un valor 0 no tendrá contorno
<map></map>
Mapa de imágenes
<body background="URL o ruta de archivo"></body>
Coloca la imagen como fondo de la página

<hr>
Linea horizontal
<hr size=?>
Tamaño de una linea horizontal
<hr width=?>
Ancho de linea horizontal, ya sea porcentaje o valor absoluto.
<hr noshade>
Linea horizontal sin sombra

<frameset></frameset>
Substituye a la etiqueta HTML body en documentos con frames. Puede insertarse en otros framesets
<frameset rows="value,value">
Número de lineas en un frameset, usando pixeles o porcentaje de ancho
<frameset cols="value,value">
Número de columnas en un frameset, usando pixeles o porcentaje de ancho
<frame>
Frame singular dentro de un framset
<noframes></noframes>
Texto que aparecerá en navegadores que no soportan frames

<frame src="URL">
Especifica que página html se muestra
<frame name="name">
Nombra al frame para que sea identificado por otros frames y accesado
<frame marginwidth=#>
Margen izquierdo y derecho de un grame, debe ser igual o mayor que 1
<frame marginheight=#>
Margen superior e inferior de un grame, igual o mayor a 1
<frame scrolling=VALUE>
Determina si un frame tiene barra de desplazamiento, Puede ser yes, no, auto, el cual es por defecto
<frame noresize>
No permite al usuario modificar el tamaño de un frame

<select name="name"></select>
Menú desplegable
<option>
Opción del menú desplegable
<textarea name="name" cols=40 rows=8></textarea>
Crea una caja de texto, columnas es el ancho y las lineas la altura (cols y rows)
<input type="checkbox" name="name">
Crea un checkbox.
<input type="radio" name="name" value="x">
Crea botón de radio.
<input type=text name="name" size=20>
Crea una opción de texto para entrada de información o despliegue
<input type="submit" value="name">
Crea botón de envío de forma tipo submit
<input type="image" border=0 name="name" src="name.gif">
Crea botón de envío con imagen
<input type="reset">
Crea botón de limpieza (reset). Vacía la forma

<EMBED SRC="url o ruta de archivo" VOLUME="50" HEIGHT="50" WIDTH="130">
Incorpora sonido con panel de control en la pantalla.

< object width="600" height="300">
<param name="movie" value="miarchivo.swf">
<embed src="miarchivo.swf" width="600" height="300">
</embed>
</object>
Para insertar una pelicula flash swf en html


Inserta comentarios no visibles en la página.

< iframe src ="/mipagina.html"> ... </iframe> >
Inserta un frame dentro de una página. Inline Frame.

< script type="text/javascript">
document.write("<h2>bienvenid
</script>
Inserta un script dentro de una página html.

<span style="color:#00FFFF;"> </span>
Aplica a un grupo de texto un estilo, por ejemplo font, tamaño.

Estas son las etiquetas no todas claro, pero son las que nos pueden servir para empezar. Mas adelante ablaremos de algunas de ellas, por ahora los dejo solo con las etiquetas.Referencias
http://www.taringa.net/posts/hazlo-tu-mismo/8291192/Lenguaje-html-etiquetas-y-atributos.html

jueves, 9 de mayo de 2013

Aplicación web.

Son aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador. Una página Web puede contener elementos que permiten una comunicación activa entre el usuario y la información. Esto permite que el usuario acceda a los datos de modo interactivo, como por ejemplo rellenar y enviar formularios, participar en juegos diversos y acceder a gestores de base de datos.

miércoles, 8 de mayo de 2013

Hola que tal mi nombre es carlos. Les ayudare a crear aplicasiones web con NetBeans

pero primero, ¿que es una aplicasion web?

son programas informaticos que son ejecutados mediante el navegador web.

En mi punto de vista es so muy utiles pues puedes acceder desce cualquier computadora este, por medio de un navegador.

Buscar este blog