1.-Concepto de metadatos, como se incluyen en html en la s paginas web y que función o ventajas tienen:
Se trata en definitiva de organizar internet, escribiendo páginas que contengan información sobre si mismas, de forma que pueda mecanizarse su clasificación y catalogación. El futuro de la metainformación pasa por la web semántica y por XML, pero mientras tanto podemos avanzar por ese camino con los metadatos.
Los metadatos (información sobre la información) no se visualizan, pero estan integrados en el documento ofreciendo información variada: desde el tipo de formato utilizado (html, xml ...) hasta el autor, editor con el que se ha confeccionado, información para los buscadores, etc.
La etiqueta meta
La forma usual de insertar metadatos en el documento es por medio de la etiqueta <META> en la sección <HEAD> de la página.
Esta etiqueta es de aquellas de las que llamabamos "elementos vacios" porque no lleva etiqueta de cierre. Su estructura es la de una declaración propiedad:valor. Por ejemplo:
<meta name="generator" content="HTML-Kit" />etiqueta que contiene la metainformación de que el documento ha sido escrito usando dicho editor.
No existe ninguna regla acerca de la informacion que puedes o no puedes incluir en las metatags. El standard html define la estructura de una etiqueta META, pero no sus valores. Es perfectamente válido que inventes tus propias etiquetas META; sin embargo dado que no se visualizan en el navegador, y que realmente solo se aprovechan por los buscadores y otras herramientas informáticas (que lógicamente solo entienden las etiquetas META mas difundidas) tampoco tiene mucho sentido crear tu propia metainformación, salvo para uso propio.
Etiquetas META mas usuales
description <meta name="description" content="Esta es la mejor pagina del mundo mundial" />Mediante esta etiqueta podemos incluir como metadato una descripción de nuestra página. Esta descripción puede ser leida y utilizada por algunos buscadores
La etiqueta <meta> admite el atributo lang, que nos permite ofrecer información sobre el idioma:
<meta name="description" content="Esta es la mejor pagina del mundo mundial" lang="ES" />
keywords
<meta name="keywords" content="mp3, free, FREE, download, britney, spears" />Las palabras clave son aquellas que resumen de forma significativa el contenido de la pagina. Por ejemplo keywords adecuadas para ignside.net podrían ser "noticias, internet, manuales, html"
Las dos etiquetas META que acabas de ver son las mas importantes. Como los buscadores leen estas etiquetas y pueden juzgar acerca de la importancia de la pagina segun ellas, existe una auténtica industria montada sobre estas dos sencillas lineas. Una buena selección de descripción y keywords puede suponer que tu página aparezca muy arriba en las búsquedas, y eso supone mucho dinero para las páginas comerciales.
2.-utf-8:
Es un formato de codificación de caracteres Unicode e ISO 10646 utilizando símbolos de longitud variable. UTF-8 fue creado por Robert C. Pike y Kenneth L. Thompson. Está definido como estándar por la RFC 3629 de la Internet Engineering Task Force (IETF). Actualmente es una de las tres posibilidades de codificación reconocidas por Unicode y lenguajes web, o cuatro en ISO 10646.
Sus características principales son:
- Es capaz de representar cualquier carácter Unicode.
- Usa símbolos de longitud variable (de 1 a 4 bytes por carácter Unicode).
- Incluye la especificación US-ASCII de 7 bits, por lo que cualquier mensaje ASCII se representa sin cambios.
- Incluye sincronía. Es posible determinar el inicio de cada símbolo sin reiniciar la lectura desde el principio de la comunicación.
- No superposición. Los conjuntos de valores que puede tomar cada byte de un carácter multibyte, son disjuntos, por lo que no es posible confundirlos entre sí.
3.-WC3: que funcion tienen :
El Proceso de Formación W3C Standard está definido dentro del Documento del Proceso del W3C, destacando cuatro niveles de madurez que cada nueva Norma o Recomendación deben progresar a través de:
Borrador de Trabajo (WD)
Después de suficiente contenido ha sido recopilada de nuestro editor Borradores y discusión, puede ser publicada como Documento de trabajo para revisión por parte de la comunidad. Un documento WD es la primera forma de un estándar que está disponible públicamente. Comentario por prácticamente cualquier persona es aceptada, aunque no se hacen promesas con respecto a la acción en un elemento particular de dichos comentarios.
En esta etapa, el documento estándar puede probable que tenga diferencias significativas de su forma final. Por lo tanto, cualquiera que aplicar las normas de WD debería estar listo para modificar significativamente sus implementaciones medida que avanza la estándar.
Candidata a Recomendación (CR)
Una recomendación candidato es una versión de la norma que es más firme que el WD. En este punto, el grupo responsable de la norma se cumple que la norma hace lo que se necesita de él.El propósito de la CR es obtener ayuda de la comunidad de desarrollo en cuanto a cómo implementable es el estándar.
El documento normalizado puede cambiar aún más, pero en este momento, las características importantes están bloqueadas en su mayoría. El diseño de estas características aún puede cambiar debido a la retroalimentación de los ejecutores.
Proyecto de recomendación (PR)
Una recomendación propuesta es la versión de la norma que ha pasado los dos niveles anteriores. Los usuarios de dicha norma han dado su opinión, y los ejecutores de la norma también han tenido la oportunidad de proporcionar entrada. En esta etapa, el documento ha sido presentado al Consejo Asesor del W3C para su aprobación final.
Aunque este paso es importante, rara vez causa cambios significativos en un estándar a medida que pasa a la siguiente fase.
Ambos candidatos y propuestas pueden introducir "última llamada" para señalar que cualquier información adicional debe ser proporcionada de manera expedita.
Recomendación del W3C (REC)
Esta es la etapa más madura de desarrollo. En este punto, la norma ha sido objeto de amplia revisión y las pruebas, tanto en condiciones teóricas y prácticas. La norma está refrendada por el W3C como un estándar, lo que indica su disposición para su despliegue dentro de su dominio del problema, y el fomento de un apoyo más generalizado entre los ejecutores y los autores.
Recomendaciones a veces puede ser no se han aplicado de forma incorrecta, parcial, o en absoluto, pero muchas normas definen dos o más niveles de conformidad que los desarrolladores deben seguir si desean etiquetar su producto como W3C-compliant.
Las revisiones posteriores (WD) (notas)
Una recomendación puede ser actualizada o ampliada por separado publicado, no técnico erratas o Editor Borradores hasta bastantes modificaciones sustanciales se acumulan para producir una nueva edición o el nivel de la Recomendación. Además, el W3C publica diversos tipos de informativos Notas que son para ser utilizado como una referencia.
Certificación
A diferencia de la ISOC y otros organismos de normalización internacionales, el W3C no tiene un programa de certificación. El W3C ha decidido, por ahora, que no es adecuado para iniciar un programa de este tipo, debido al riesgo de crear más inconvenientes para la comunidad de los beneficios.
4.-xml:
Es un lenguaje de marcas desarrollado por el World Wide Web Consortium (W3C) utilizado para almacenar datos en forma legible. Deriva del lenguaje SGML y permite definir la gramática de lenguajes específicos (de la misma manera que HTML es a su vez un lenguaje definido por SGML) para estructurar documentos grandes. A diferencia de otros lenguajes, XML da soporte a bases de datos, siendo útil cuando varias aplicaciones se deben comunicar entre sí o integrar información. (Bases de datos Silberschatz).
XML no ha nacido sólo para su aplicación para Internet, sino que se propone como un estándar para el intercambio de información estructurada entre diferentes plataformas. Se puede usar en bases de datos, editores de texto, hojas de cálculo y casi cualquier cosa imaginable.XML es una tecnología sencilla que tiene a su alrededor otras que la complementan y la hacen mucho más grande y con unas posibilidades mucho mayores. Tiene un papel muy importante en la actualidad ya que permite la compatibilidad entre sistemas para compartir la información de una manera segura, fiable y fácil.
5.-indique de la siguiente lista los conceptos que lleva aprendido con las lecciones:
Puedo decir que todos los he comprendido porque ya tenia conocimiento anterior de la creación de paginas web (HTML,CSS,PHP).
Verifique si reconoce los siguiente conceptos:
Estructura básica de un documento HTML:
- <HEAD>
- Definiciones de la cabecera
- </HEAD>
- <BODY>
- Instrucciones HTML
- </BODY>
Que significa HTML:
HyperText Markup Language («lenguaje de marcas de hipertexto»)
Como poner titulo a la pagina web:
<title> titulo de la pagina</title>
Cambiar atributos de texto:
| Ejemplo | Se veria como |
|---|---|
| <H1>Texto de Prueba</H1> | Texto de prueba |
| <H2>Texto de Prueba</H2> | Texto de Prueba |
| <H3>Texto de Prueba</H3> | Texto de Prueba |
| <H4>Texto de Prueba</H4> | Texto de Prueba |
| <H5>Texto de Prueba</H5> | Texto de Prueba |
| <H6>Texto de Prueba</H6> | Texto de Prueba |
insertar imágenes:
<IMG SRC="immagine.gif">
Poner imagenes como fondo de la pagina:
<BODY BACKGROUND="sfondo.gif">
Tablas:
<table>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>
| Celda 1 | Celda 2 | Celda 3 |
| Celda 4 | Celda 5 | Celda 6 |
Listas:
<ul>
<li type="circle">Esto es un tipo de punto.</li>
<li type="square">Este es otro.</li>
<li type="disc">Y este es otro diferente.</li>
</ul>
Esto es un tipo de punto.
Frames:
 | < frameset cols="120,*">
<frame name="central" src="central.htm"> <frame name="bajo" src="basso.htm"> < /frameset> |
Insertar enlaces ( atributos):
<A HREF="URL"> Texto del enlace</A>
El texto del enlace es lo que se visualizará en el navegador. La URL es la dirección donde apunta el enlace y puede ser de estos tipos:
Enlace a otro lugar del mismo documento
Enlace a otra página localEn este caso la URL se sustituye por un marcador en la misma página. El marcador puede ser texto colocado en el lugar al que queremos saltar. No importa lo que sea ya que no se verá.
Veamos un ejemplo para saltar al inicio de esta página. Escribiríamos en el lugar desde el que queremos saltar:
<A HREF="#inicio"> Ir al Inicio</A>
Y en el sitio exacto adonde queremos saltar, debemos poner la siguiente etiqueta:
<A NAME="inicio"> </A>
En este caso la URL se dará de forma relativa (igual que para poner un fondo a la página). Por ejemplo si tenemos dos páginas en el mismo directorio pagina1.htm y pagina2.htm y queremos poner un enlace desde la pagina1.htm a la pagina2.htm debemos escribir
<a href="pagina2.htm">Ir a pagina2</a>
Con esto es suficiente, no hay que crear ningún marcador a no ser que quieras ir a un sitio concreto de la pagina2.htm. En ese caso tendrías que poner en el sitio adonde quieres llegar de la pagina2.htm
<a name="sitio"></a>
y en la pagina1.htm
<a href="pagina2.htm#sitio>Ir a sitio de la página 2</a>
Las palabras forma relativa, al principio de esta sección, constituyen un enlace de este último tipo
Enlace a una dirección de InternetAhora la URL debe darse de forma absoluta, tal como la ves en la ventana de dirección del navegador, es decir:
<A HREF="http://centros4.pntic.mec.es/ies.de.cistierna">IES Cistierna</A>
te llevaría a la página de entrada del IES Cistierna
Enlaces usando imágenesCon frecuencia se emplean imágenes como enlaces. A veces son enlaces a las mismas imágenes con más resolución, como en el caso de fotos. Otras veces nos llevan a una localización cualquiera.
Para que una imagen sea un enlace hay que colocarla en el lugar del texto del enlace, si además queremos que vaya a otra imagen, ésta la debemos poner en el lugar de la URL.
Veamos unos ejemplos Supongamos para ello, que la estructura de nuestras páginas es la indicada en la imagen. Si escribo en la página actual localizada en Aprendiendo Html
<A HREF=" #inicio"><img src="gifs/imagen.gif"></A>
obtengo una imagen que al pulsarla me lleva al inicio de esta página, exactamente como esta:
Para que una imagen sea un enlace a otra imagen se debe escribir:
<a href="gifs/sky.jpg"><img src="gifs/ojo.gif" ></a>
que da como resultado
Formulario:
Ejemplo | |
Código
<form action="datos.php" method="get">Nombre: <input type="text" name="nombre"> Apellido: <input type="text" name="apellido"> </form> |
Resultado
|
No hay comentarios:
Publicar un comentario