viernes, 26 de mayo de 2017

Tag´s HTML.

La etiqueta presenta  frecuentemente dos partes su apertura y cierre, y se cierran ambas partes entre símbolos “MENOR QUE”, “MAYOR QUE”. Lo veremos a continuación.

APERTURA:
*El inicio de una etiqueta se produce de la siguiente manera.
<Etiqueta>
CIERRE:
*El final de una etiqueta se produce de manera similar a su apertura, aunque agregando una barra:

</Etiqueta>


Resultado de imagen para imagenes de tags html

viernes, 19 de mayo de 2017

1.2 Elabora páginas web estáticas haciendo uso del lenguaje de etiquetas XHTML.

A) Identificación de las normas mínimas para facilitar el acceso.

El peso de las páginas de un sitio web debe tener cierto peso razonable en kilobytes, es decir que la página no estará cargada de imágenes que impida visualización.

Se recomienda ciertos estándares internacionales internacionales para que el usuario no espere tanto en la página, un tiempo de espera entre tres a 8 segundos para que aparezca algo visible o legible en la pantalla, o 15 segundos para hacer clic hacia otra parte del sitio.


Información de las páginas 

Se recomienda construir una estructura sobre el contenido que a llevar la página, por ejemplo utilizando tablas se puede colocar un logotipo y el nombre del sitio, al usar la tabla podemos colocarlos en la izquierda en la derecha o en donde mejor convenga.



Uso de presentaciones con flash

El uso del flash en una página web hace que se recargue la página y pueda tardarse el tiempo de espera, por eso se recomienda no exagerar en el uso de los elementos con flash en nuestro sitio.

Nota: En ocasiones será necesario descargar el Plug IN para poder ver la animación del flash en la página.



Uso de marcas o Formas
Son documentos que permiten mostrar documentos HTML en la misma ventana del navegador, es decir como si fueran varias páginas abiertas.


Uso de imágenes o background (imagen de fondo) 

Con la finalidad facilitar los contenidos, no se permite el uso de imágenes como fondo, se debe aplicar color  a un fondo para que sea agradable a la vista y no se tarde tanto la página al cargarse.


Uso de Metatags
Son marcas usadas en el lenguaje Html, utilizándose como rótulos (algo visible).


-Rótulos de términos que por lo general no están visibles pero se trabajan en segundo plano. Para crear un metatag se le da un nombre se debe a un documento a traves de la etiqueta Meta ahí escribe el contenido, nombre de la empresa, etc, ejemplos:

 Resultado de imagen para imagenes de metatags

B) Uso de las normas requeridas en la incorporación de elementos gráficos y multimedia. 


Se deben usar ciertas recomendaciones para evitar que el peso de la página se vean afectadas.

1. Optimizar el peso de las páginas: Bajar el máximo el peso de las paginas sin afectar la calidad de las imágenes (Visor de imágenes)
2. Forma de imágenes: Los más recomendados son: GIF y JPG
El GIF porque son imágenes con pocos colores o con áreas de colores sólidos y los JPG porque llevan sombreado un amplia gama de 256 colores.

Veamos para que debemos usar cada una:
GIF: Perfecta para usar en archivos pequeños con colores limitados (escala de grises, por ejemplo). Evitar su uso para fotografías.
JPG: ideal para mostrar fotografías en la web sin ocupar mucho espacio en un servidor. Terrible para edición de imágenes. 

Ubicación de las imágenes 
Toda imagen que se usa en el diseño de una de nuestros paginas debe de ir en una carpeta llamada img y dentro de ella crear carpetas para imágenes JPG o GIF. Usando la tecla Alt al utilizarla mediante el código permite que la imagen sea leída mediante el código y contenido.

Imágenes con alto y ancho
Los códigos  para especificar el alto y el ancho son:

-Ancho= width="60"
-Alto=height="80"
Manejo de plugins

Solo se usan cuando utilizamos animación flash en el sitio.