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>
