viernes, 10 de octubre de 2014

10-10-2014 Caracteres especiales, etiquetas de enlace, creación de listas

Una página web se ha de ver en paises distintos, que usan conjuntos de caracteres distintos. El lenguaje HTML nos ofrece un mecanismo por el que podemos estar seguros que una serie de caracteres raros se van a ver bien en todos los ordenadores del mundo,;
independientemente de su juego de caracteres.
Por ejemplo, la "á" (a minúscula acentuada) se escribe "á" de modo que la palabra página se escribiría en una página HTML de este modo: página.
Caracteres especiales básicos>
&lt;<&gt;>
&amp;&&quot;"

Caracteres especiales del HTML 2.0

&Aacute;Á&Agrave;À
&Eacute;É&Egrave;È
&Iacute;Í&Igrave;Ì
&Oacute;Ó&Ograve;Ò
&Uacute;Ú&Ugrave;Ù
&aacute;á&agrave;à
&eacute;é&egrave;è
&iacute;í&igrave;ì
&oacute;ó&ograve;ò
&uacute;ú&ugrave;ù
&Auml;Ä&Acirc;Â
&Euml;Ë&Ecirc;Ê
&Iuml;Ï&Icirc;Î
&Ouml;Ö&Ocirc;Ô
&Uuml;Ü&Ucirc;Û
&auml;ä&acirc;â
&euml;ë&ecirc;ê
&iuml;ï&icirc;î
&ouml;ö&ocirc;ô
&uuml;ü&ucirc;û
&Atilde;Ã&aring;å
&Ntilde;Ñ&Aring;Å
&Otilde;Õ&Ccedil;Ç
&atilde;ã&ccedil;ç
&ntilde;ñ&Yacute;Ý
&otilde;õ&yacute;ý
&Oslash;Ø&yuml;ÿ
&oslash;ø&THORN;Þ
&ETH;Ð&thorn;þ
&eth;ð&AElig;Æ
&szlig;ß&aelig;æ


Caracteres especiales del HTML 3.2 

&frac14;¼&nbsp;
&frac12;½&iexcl;¡
&frac34;¾&pound;£
&copy;©&yen;¥
&reg;®&sect;§
&ordf;ª&curren;¤
&sup2;²&brvbar;¦
&sup3;³&laquo;«
&sup1;¹&not;¬
&macr;¯&shy;
&micro;µ&ordm;º
&para;&acute;´
&middot;·&uml;¨
&deg;°&plusmn;±
&cedil;¸&raquo;»
&iquest;¿

Otros carácteres especiales

&times;×&cent;¢
&divide;÷&euro;€
&#147;“&#153;™
&#148;”&#137;‰
&#140;Œ&#131;ƒ
&#135;‡&#134;†

Vemos qué son los enlaces en HTML y los distintos tipos.
La etiqueta <a href name target id class style title> </a>
1)     Vínculos dentro del propio documento. Nos permiten enlazar con cualquier parte del documento donde se haya definido una marca, <a name=”nombre_marca”> </a>, haciendo referencia al nombre asiganado a la marca precedido del carácter almohadilla (#), <a  href=”#nombre_marca”> </a>. Son utilizados comúnmente en documentos donde exista un índice de contenidos al comienzo, desde el cual se puede enlazar con cada las distintas partes que lo componen.




2)     Vínculos sobre otros documentos de nuestro sitio Web. Nos permite establecer enlaces entre las distintas páginas Web que componen un sitio Web. A través del atributo “href” indicaremos el documento con el cual se establece el enlace.
<a href=”otro_documento.html”> </a>



3)      Vínculos sobre documentos externos a nuestra Web. Nos permite establecer enlaces haciendo uso del identificador uniforme del recurso externo, URI (Uniform Resource Identifier), enlazando de esta forma con páginas Web externas, o partes de ellas haciendo referencia a sus marcas, u otro tipo de archivos, pdf, jpg, zip,rar
<a href=”www.google.es”> </a>


4)       Vínculo sobre una dirección email. Esta opción requiere tener configurado un cliente de correo electrónico en el equipo cliente (outlook, kmail, etc.). Al pinchar sobre este tipo de enlace se ejecutará el cliente de correo y se dispondrá a enviar un correo electrónico a la dirección que especifiquemos en el enlace. Para ello se hará uso de la directiva “mailto”, seguida de la dirección o direcciones email separadas por comas, a las que se desea enviar el mensaje. Puede indicarse en la misma declaración del enlace, el asunto y el cuerpo del mensaje, haciendo uso de las palabras reservadas subject, body y los caracteres “?” y “&” (&amp;).

Publicado por en No hay comentarios:

jueves, 9 de octubre de 2014

Principales etiquetas HTML

Principales etiquetas HTML

Hoy hemos comenzado la descripción de las principales etiquetas de HTML, explicándonos una a una su función y los diferentes atributos y posibles valores que puede tener cada uno de ellos. Hemos
empezado con el tipo de documento.




Después hemos continuado con las etiquetas <html> y <head> y las etiquetas  que pueden incluirse dentro de ellas a modo de información, links y nombre de la página.











Y para finalizar las etiquetas que formatean el texto del cuerpo de la página.


Publicado por en No hay comentarios:

miércoles, 8 de octubre de 2014

TIPOS DE DOCTYPE

Hoy Luis nos ha explicado  el esquema básico que utilizaremos en estos primeros días del curso para un documento HTML y los distintos tipos de DOCTYPE que podemos utilizar. Como muestra voy a mostrar el resultando.

Esqueleto básico para un documento HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>An XHTML 1.0 Strict standard template</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
</head>
<body>
<p>… Your HTML content here …</p>
</body>
</html>

TIPOS DE DOCTYPE
1. strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
2. Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
3. Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

Publicado por en 1 comentario:

jueves, 2 de octubre de 2014

Programación por capas

Hoy la clase a tratado sobre la programación por capas. Programación por capas La programación por capas es una arquitectura cliente-servidor en el que el objetivo primordial es la separación de la lógica de negocios de la lógica de diseño. Capas y niveles: • Capa de presentación: es la que ve el usuario (también se la denomina "capa de usuario"), presenta el sistema al usuario, le comunica la información y captura la información del usuario en un mínimo de proceso (realiza un filtrado previo para comprobar que no hay errores de formato). • Capa de negocio: es donde residen los programas que se ejecutan, se reciben las peticiones del usuario y se envían las respuestas tras el proceso. • Capa de datos: es donde residen los datos y es la encargada de acceder a los mismos.; Bases de datos asociadas a un servicio web Para la integración de bases de datos y la web es necesario contar con un interfaz, que permita realizar las conexiones, extraer la información y lograr sesiones interactivas entre el usuario y la base de datos. Para acceder a los datos de la base de datos se necesita: - Un navegador que hace la petición del cliente. - Un servidor web, que proporciona el servicio de conexión entre el cliente y la base de datos. - Servidor de base de datos (MySQL, Oracle, Acces) que almacenará la información a acceder. - La aplicación que accede a los datos ( CGI, PHP o ASP), que nos permite crear páginas dinámicas. Lenguajes para acceder a bases de datos
• Scripts: son pequeños programas incrustados en documentos HTML y el servidor web los interpreta y ejecuta antes de servir las páginas al cliente. • CGI: estándar para la interacción entre aplicaciones externas y servidores web. Se desarolla scripts en CGI con el lenguaje Perl.
• PHP: lenguaje de script de código abierto(solo traduce), utilizado con el servidor
APACHE. • ASP: lenguaje de script creado por Microsoft para els ervidor web ISS, basado en
Visual Basic Script. • JSP: lenguaje de script basado en tecnología Java.
Publicado por en No hay comentarios:

jueves, 25 de septiembre de 2014

Inicio del Blog

Hoy día 25 de septiembre de 2014 comenzamos la andadura de Aplicaciones Web.
Publicado por en No hay comentarios:
Etiquetas:
Suscribirse a: Entradas (Atom)