miércoles, 11 de febrero de 2015

Diseño de Pagina Web

CSS
Su aplicación más común es dar estilo a páginas webs escritas en lenguaje HTML y XHTML, pero también puede ser aplicado a cualquier tipo de documentos XML, incluyendo SVG y XUL. Para dar formato a un documento HTML, puede emplearse CSS de tres formas distintas:
1. Mediante CSS introducido por el autor del HTML
1- Un estilo en línea (online) es un método para insertar el lenguaje de estilo de página directamente dentro de una etiqueta HTML. Esta manera de proceder no es totalmente adecuada. El incrustar la descripción del formateo dentro del documento de la página Web, a nivel de código, se convierte en una manera larga, tediosa y poco elegante de resolver el problema de la programación de la página. Este modo de trabajo se podría usar de manera ocasional si se pretende aplicar un formateo con prisa, al vuelo. No es todo lo claro o estructurado que debería ser, pero funciona.
Dado que los clientes de correo electrónico no soportan las hojas de estilos externas, y que no existen estándares que los fabricantes de clientes de correo respeten para utilizar CSS en este contexto, la solución más recomendable para maquetar correos electrónicos, es utilizar CSS dentro de los propios elementos (online).
2- Una hoja de estilo interna, que es una hoja de estilo que está incrustada dentro de un documento HTML, dentro del elemento , marcada por la etiqueta . De esta manera se obtiene el beneficio de separar la información del estilo del código HTML propiamente dicho. Se puede optar por copiar la hoja de estilo incrustada de una página a otra (esta posibilidad es difícil de ejecutar si se desea para guardar las copias sincronizadas). En general, la única vez que se usa una hoja de estilo interna, es cuando se quiere proporcionar alguna característica a una página Web en un simple fichero, por ejemplo, si se está enviando algo a la página Web.
3- Una hoja de estilo externa, es una hoja de estilo que está almacenada en un archivo diferente al archivo donde se almacena el código HTML de la página Web. Esta es la manera de programar más potente, porque separa completamente las reglas de formateo para la página HTML de la estructura básica de la página.
2. Estilos CSS introducidos por el usuario que ve el documento, mediante un archivo CSS especificado mediante las configuraciones del navegador, y que sobre escribe los estilos definidos por el autor en una, o varias páginas web.
3. Los estilos marcados "por defecto" por los user agent, para diferentes elementos de un documento HTML, como por ejemplo, los enlaces.


Padding
Es la que establece la anchura de algunas o todas las zonas de relleno de los elementos.

Javascript
El uso más común de JavaScript es escribir funciones embebidas o incluidas en páginas HTML y que interactúan con el Document Object Model (DOM o Modelo de Objetos del Documento) de la página. Algunos ejemplos sencillos de este uso son:
Cargar nuevo contenido para la
página o enviar datos al servidor a través de AJAX sin necesidad de recargar la página (por ejemplo, una red social puede permitir al usuario enviar actualizaciones de estado sin salir de la página).
Animación de los elementos de página, hacerlos desaparecer, cambiar su tamaño, moverlos, etc.
Contenido interactivo, por ejemplo, juegos y reproducción de audio y vídeo.
Validación de los valores de entrada de un formulario web para asegurarse de que son aceptables antes de ser enviado al servidor.
Transmisión de información sobre los hábitos de lectura de los usuarios y las actividades de navegación a varios sitios web. Las páginas Web con frecuencia lo hacen para hacer análisis web, seguimiento de anuncios, la personalización o para otros fines.

Los estilos se definen en una zona específica del propio documento HTML. Se emplea la etiqueta  de HTML y solamente se pueden incluir en la cabecera del documento (sólo dentro de la sección ).

Table
Las tablas más sencillas de HTML se definen con tres etiquetas:  para crear la tabla, para crear cada fila y  para crear cada columna.

Div
Div de "division" - división. Sirve para crear secciones o agrupar contenidos. Sus etiquetas son:  y  (ambas obligatorias).

Como comenzar un bloque de códigos en JavaScript o CSS en html
Primero creamos una carpeta nueva
Segundo creamos un archivo de texto
Tercero introducimos los códigos

No hay comentarios:

Publicar un comentario