Hojas de estilo en cascada

Las hojas de estilo en cascada o (Cascading Style Sheets, o sus siglas CSS) hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas. 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.

La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "<style>".

¿Qué es CSS?

Puede que ya hayas oído hablar de CSS sin saber realmente qué es. En esta lección aprenderás más cosas sobre CSS y qué puede hacer por ti.

CSS es el acrónicmo de CascadingStyle Sheets (es decir, hojas de estilo en cascada).

¿Qué puedo hacer con CSS?

CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas. ¡Espera unos segundos y ya verás!

Es posible usar HTML, o incluso abusar del mismo, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día.

Después de unas cuantas lecciones de este tutorial serás capaz de crear tus propias hojas de estilo usando CSS para dar a tu sitio web un aspecto nuevo y genial.

¿Qué diferencia hay entre CSS y HTML?

HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado.

Vale, suena un poco técnico y confuso... pero sigue leyendo; pronto todo tendrá sentido.

Allá en los buenos tiempos en que Madonna era una "Virgen" y un tipo llamado Tim Berners Lee inventó el World Wide Web, el lenguaje HTML sólo se usaba para añadir estructura al texto. Los autores podían marcar sus textos diciendo "esto en un título" o "esto es un párrafo", usando las etiquetas HTML <h1> y <p>, respectivamente.

A medida que la Web fue ganando popularidad, los diseñadores empezaron a buscar posibilidades para añadir formato a los documentos en línea. Para satisfacer esta reclamación, los fabricantes de los navegadores (en ese momento, Netscape y Microsoft) inventaron nuevas etiquetas HTML, entre las que se encontraban, por ejemplo, <font>, que se diferenciaba de las etiquetas originales HTML en que definían el formato... y no la estructura.

Esto también llevó a una situación en la que las etiquetas estructurales originales, por ejemplo, <table>, se usaban cada vez más de manera incorrecta para dar formato a las páginas en vez de para añadir estructura al texto. Muchas nuevas etiquetas que añadían formato, por ejemplo, <blink>, sólo las soportaban un tipo determinado de navegador. "Necesitas el navegador X para visualizar esta página" se convirtió en una declaración de descargo común en los sitios web.

CSS se inventó para remediar esta situación, proporcionando a los diseñadores web con sofisticadas oportunidades de presentación soportadas por todos los navegadores. Al mismo tiempo, la separación de la presentación de los documentos del contenido de los mismos, hace que el mantenimiento del sitio sea mucho más fácil.

¿Qué beneficios me ofrece CSS?

CSS fue toda una revolución en el mundo del diseño web. Entre los beneficios concretos de CSS encontramos:

control de la presentación de muchos documentos desde una única hoja de estilo;

control más preciso de la presentación;

aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.);

numerosas técnicas avanzadas y sofisticadas.

Publicadas por roberto barret a la/s 14:51 No hay comentarios.: 

JavaScript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,[3] basado en prototipos, imperativo, débilmente tipado y dinámico.

Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas, en bases de datos locales al navegador...[4] aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es también significativo.

JavaScript se diseñó con una sintaxis similar al C, aunque adopta nombres y convenciones del lenguaje de programación Java. Sin embargo Java y JavaScript no están relacionados y tienen semánticas y propósitos diferentes.

Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del Document Object Model (DOM).

Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor. JavaScript se interpreta en el agente de usuario, al mismo tiempo que las sentencias van descargándose junto con el código HTML.

Una cuarta edición está en desarrollo e incluirá nuevas características tales como paquetes, espacio de nombres y definición explícita de clases

JavaScript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,[3] basado en prototipos, imperativo, débilmente tipado y dinámico.

Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas, en bases de datos locales al navegador...[4] aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es también significativo.

JavaScript se diseñó con una sintaxis similar al C, aunque adopta nombres y convenciones del lenguaje de programación Java. Sin embargo Java y JavaScript no están relacionados y tienen semánticas y propósitos diferentes.

Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del Document Object Model (DOM).

Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor. JavaScript se interpreta en el agente de usuario, al mismo tiempo que las sentencias van descargándose junto con el código HTML.

Una cuarta edición está en desarrollo e incluirá nuevas características tales como paquetes, espacio de nombres y definición explícita de clasesJavaScript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,[3] basado en prototipos, imperativo, débilmente tipado y dinámico.

Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas, en bases de datos locales al navegador...[4] aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es también significativo.

JavaScript se diseñó con una sintaxis similar al C, aunque adopta nombres y convenciones del lenguaje de programación Java. Sin embargo Java y JavaScript no están relacionados y tienen semánticas y propósitos diferentes.

Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del Document Object Model (DOM).

Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor. JavaScript se interpreta en el agente de usuario, al mismo tiempo que las sentencias van descargándose junto con el código HTML.

Una cuarta edición está en desarrollo e incluirá nuevas características tales como paquetes, espacio de nombres y definición explícita de clases

JavaScript

Información general

Paradigma Multi-paradigma, Programación funcional,[1] Programación basada en prototipos, imperativo, Interpretado (Scripting) .

Apareció en 1995

Diseñado por Netscape Communications Corp, Mozilla Fundation

Tipo de dato débil, dinámico, duck

Implementaciones SpiderMonkey, Rhino, KJS, JavaScriptCore, V8.

Dialectos ECMAScript

Influido por Java, Perl, Self, Python, C, Scheme

Ha influido a ObjectiveJ, JScript, JScript .NET, TIScript

Publicadas por roberto barret a la/s 14:06 No hay comentarios.: 

Enviar esto por correo electrónico

BlogThis!

Compartir en Twitter

Compartir en Facebook

                                                       MySQL

MySQL es un sistema de gestión de bases de datos relacional, multihilo y multiusuario con más de seis millones de instalaciones.[1] MySQL AB —desde enero de 2008 una subsidiaria de Sun Microsystems y ésta a su vez de Oracle Corporation desde abril de 2009— desarrolla MySQL como software libre en un esquema de licenciamiento dual.

Por un lado se ofrece bajo la GNU GPL para cualquier uso compatible con esta licencia, pero para aquellas empresas que quieran incorporarlo en productos privativos deben comprar a la empresa una licencia específica que les permita este uso. Está desarrollado en su mayor parte en ANSI C.

Al contrario de proyectos como Apache, donde el software es desarrollado por una comunidad pública y los derechos de autor del código están en poder del autor individual, MySQL es patrocinado por una empresa privada, que posee el copyright de la mayor parte del código.

Esto es lo que posibilita el esquema de licenciamiento anteriormente mencionado. Además de la venta de licencias privativas, la compañía ofrece soporte y servicios. Para sus operaciones contratan trabajadores alrededor del mundo que colaboran vía Internet. MySQL AB fue fundado por David Axmark, Allan Larsson y Michael Widenius.

HTML

HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo, JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.[1]

HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

HTML (HyperText Markup Language)

Desarrollador

World Wide Web Consortium & WHATWG

Información general

Extensión de archivo .html, .htm

Tipo de MIME text/html

Type code TEXT

Uniform Type Identifier public.html

Tipo de formato Lenguaje de marcado

Extendido de SGML

Extendido a XHTML

Estándar(es) ISO/IEC 15445

W3C HTML 4.01

W3C HTML5 (borrador)

Formato abierto

?

Publicadas por roberto barret a la/s 14:02 No hay comentarios.: 

Enviar esto por correo electrónico

BlogThis!

Compartir en Twitter

Compartir en Facebook

ETIQUETAS

ETIQUETAS DE FORMATO

Negrita: <B>Texto en negrita</B>

Cursiva:<I>Texto en cursiva</I>

Subrayado: <U>Texto subrayado</U>

Preformateado: <PRE>Texto que conserva todos sus espacios y tabuladores</PRE>

ETIQUETAS DE ALINEACIÓN

HTML no da muchas opciones para alinear el texto. Por default el texto se alinea a la izquierda de la página. Pero tú puedes usar la etiqueta <CENTER>para especificar que ese texto deberá ir centrado como en el ejemplo siguiente:

< CENTER>Aquí va el texto</CENTER>

Para otras opciones de alineación, se usan las etiquetas de propiedades de estilo, las cuales te dan cuatro opciones para alinear el texto: 

< H1 STYLE=”text-align: right”>Texto alienado a la derecha</H1>

< H1 STYLE=”text-align: left”>Texto alienado a la izquierda</H1>

< H1 STYLE=”text-align: center”>Texto centrado</H1>

< H1 STYLE=”text-align: justify”>Texto justificado</H1>

ETIQUETAS PARA CAMBIAR LA FUENTE

HTML tiene dos etiquetas que te permite controlar las características de las fuentes: <FONT> y <BASEFONT>.

La etiqueta <FONT> controla los cambios para un bloque de texto individual por lo que al terminar la selección se debe cerrar con el <I>TAG</I> </FONT> 

La etiqueta <BASEFONT> aplica el cambio a todo el documento y no existe etiqueta de cierre.

Los atributos más importantes para cambiar las fuentes son:

FACE: Indica el tipo de letra, a continuación encontrarás las más comunes

Arial

Times New Roman

Verdana

Ejemplo: <FONT FACE=Arial>Aquí va el texto</FONT>

SIZE: Indica el tamaño en una escala del 1 al 7, donde 7 es la letra más grande y 1 la más pequeña. El tamaño más utilizado es 3

Ejemplo: <FONT SIZE=5>Aquí va el texto</FONT>

COLOR: Indica el color del texto. El lenguaje estándar de HTML maneja 14 colores que puedes usar porque ya están predefinidos tanto por su nombre en inglés como por un número de referencia.

HTML entiende ambas opciones, sin embargo es mucho más sencillo que te los aprendas por sus nombres.

Ejemplo: <FONT COLOR=GREEN>Aquí va el texto en color verde</FONT>

Lista de los colores incluyendo su número:

Black #000000 Silver #C0C0C0 Gray #808080

White #FFFFFF Maroon #800000 Purple #800080

Fuchsia #FF00FF Green #008000 Lime #00FF00

Olive #808000 Yellow #FFFF00 Navy#000080

Teal #008080 Aqua #00FFFF

ETIQUETAS PARA PÁRRAFOS 

Nuevo párrafo (dos espacios): <P>

Línea horizontal: <HR>

Salto de línea (un espacio): <BR>

ETIQUETAS PARA GENERAR LISTAS 

Las listas sirven para desplegar la información que debe ser enumerada o tabulada de una manera organizada. 

Lista numerada: Numera los párrafos u objetos que se encuentran dentro de la siguiente estructura:

<OL>

<LI> Primer párrafo u objeto.

<LI> Segundo párrafo u objeto.

Etc...

< /OL> 

Lista con viñetas: Inserta un punto negro a los párrafos u objetos que se encuentran dentro de la siguiente estructura: 

<UL>

<LI> Primer párrafo u objeto.

<LI> Segundo párrafo u objeto.

Etc...

< /UL>

ETIQUETAS PARA VÍNCULOS A OTRAS DIRECCIONES INTERNAS O EXTERNAS

Permiten al usuario navegar con facilidad a través de la red, creando vínculos que lleven hacia una misma parte del website o hacia otros sitios web. 

Las etiquetas HTML que se encargan de generar los vínculos son <A> y </A>. 

A esta etiqueta se le debe agregar el "URL" con el que se desea vincular. Esto se realiza de la siguiente manera: 

< A HREF="URL">Texto del vínculo</A>