Archivar en la categoría “Vocabulario Web”

Incluir estilos para un sitio web

Una de las características más potentes de la programación con hojas de estilo consiste en definir los estilos de todo un sitio web. Esto se consigue creando un archivo donde tan sólo colocamos las declaraciones de estilos de la página y enlazando todas las páginas del sitio con ese archivo. De este modo, todas las páginas comparten una misma declaración de estilos y, por tanto, si la cambiamos, cambiarán todas las páginas.

Veamos ahora todo el proceso para incluir estilos con un fichero externo. Ver

Anuncios

Css: ¿Que es?

CSS, es una tecnología que nos permite crear páginas web de una manera más exacta. Gracias a las CSS somos mucho más dueños de los resultados finales de la página, pudiendo hacer muchas cosas que no se podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos, colores…

CSS son las siglas de Cascading Style Sheets, en español Hojas de estilo en Cascada. En este reportaje vamos a ver algunos de los efectos que se pueden crear con las CSS sin necesidad de conocer la tecnología entera. Leer más…

Html: Etiquetas (ins) y (del)

HTML también permite marcar de forma adecuada las modificaciones realizadas en el contenido
de una página. En otras palabras, HTML permite indicar de forma clara el texto que ha sido
eliminado y el texto que ha sido añadido a un determinado texto original. Las etiquetas
utilizadas son <ins> y <del>, cuya definición formal es la siguiente:
<ins>     Inserción
Atributos específicos:

▪ cite = “url” (Indica la URL de la página en la que se puede obtener más información sobre el motivo por el que se realizó la modificación)

▪ datetime = “fecha”- Especifica la fecha y hora en la que se realizó el cambio
Descripción:    Se emplea para marcar una modificación en los contenidos originales consistente en la inserción de un nuevo contenido.
<del>     Borrado

Atributos específicos:

▪ cite = “url” (Indica la URL de la página en la que se puede obtener más información sobre el motivo por el que se realizó la modificación)

▪ datetime = “fecha”- Especifica la fecha y hora en la que se realizó el cambio

Descripción:   Se emplea para marcar una modificación en los contenidos originales consistente en el borrado de cierto contenido. Las dos etiquetas cuentan con los mismos atributos específicos, que opcionalmente se pueden añadir para proporcionar más información sobre los cambios realizados. El atributo cite se emplea para indicar la dirección de un documento externo en el que se puede encontrar más información relacionada con la inserción o el borrado de texto. El atributo datetime puede
utilizarse para indicar la fecha y la hora en la que se realizó cada cambio.

Html: Atributos de eventos.

Estos atributos sólo se utilizan en las web dinámicas creadas con JavaScript.

Atributos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (Todos estos atributos de eventos produce una acción sobre cada elemento de la web donde lo hayamos incluido; cada vez que el usuario pulsa una tecla, mueve su ratón o pulsa cualquier boton se produce un evento dentro del navegador. Utilizando Javasrip y los atributos anteriores, es posible antender de forma adecuada a cada evento.

HTML: Elementos de Linea y Elementos de bloque

 

En nuestra página del blog HTML, encontrarás los distintos elementos de línea y bloque.

Ver

Tutorial NVU


Toda página web es visual por su propia naturaleza, pero su creación ha implicado siempre la edición de código. Hay programas gratuitos que permiten editar páginas web, NVU es uno de ellos.

NVU es un editor visual de páginas web, esto es, permite crear páginas web sin tener que escribir código. Tanto su maquetación cómo el contenido son visibles desde el primer momento. Puedes ver el resultado de la página cómo si la vieras en tu navegador. Existen otros programas que realizan la misma función, el de poder ver tanto el código cómo el diseño visual, por ejemplo Dreamweaver. En NVU, insertar imágenes, crear tablas o modificar estilos CSS son maniobras bastante fáciles. Las páginas se cargan en pestañas que se encuentrarn en la barra superior, mientras que en la inferior están los accesos rápidos a la vista previa y al código fuente. Si configuras de antemano los datos del sitio de publicación, podrás guardar tus páginas en línea directamente desde NVU.

Ver videotutorial

Lorem ipsum: ¿Que es?

Lorem Ipsum: Texto escrito con palabras o palabras truncadas del latín, usualmente sin significado, es empleado en el diseño de documentos o páginas para probar y enfatizar el diseño y no el contenido.

Ejemplo;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec quam in est tincidunt tincidunt. Maecenas in diam neque, a aliquam tellus. Nulla dignissim mollis nisl vel suscipit. Phasellus in tortor justo, id mattis diam. Proin sagittis felis ac felis tempus adipiscing. Praesent id tincidunt massa. Curabitur suscipit elit sit amet quam laoreet pulvinar.

Ver información completa

Mapa de Sitio: ¿Que es?

Un mapa de sitio web (o mapa de sitio o mapa web) es una lista de las páginas de un sitio web accesibles por parte de las arañas web y los usuarios. Puede ser tanto un documento en cualquier formato usado como herramienta de planificación para el diseño de una web como una página que lista las páginas de una web (ya realizada), organizadas comúnmente de forma jerárquica. Esto ayuda a los visitantes y a los bots de los motores de búsqueda a hallar las páginas de un sitio web.

Los mapas de sitio pueden mejorar el posicionamiento en buscadores de un sitio, asegurándose que todas sus páginas puedan ser encontradas. Esto es especialmente importante si el sitio usa menús Adobe Flash o JavaScript que incluyan enlaces HTML.

También son una ayuda a la navegación por ofrecer una vista general del contenido de un sitio de un simple vistazo.

Guia cómo hacer un Sitemap

Colores Hexadecimales:

Hexadecimales:
Así se le llaman los colores de la web.

Muestra columnas distintas en las cuales tenemos que seleccionar el color con el que deseemos aplicar a nuestro trabajo y en un recuadro aparecerá valor hexadecimal del color seleccionado con una especie de código entre números y letras (Este digamos será el nombre específico del color que hemos elegido)

Definición visual del tema de los Codigos de Colores Hexadecimal: Formas de la herramienta.

* Uno es la Tabla de codigos de colores, donde dispone de una carta de color dinámica para conseguir los códigos de los colores básicos, pulsando los difrentes recuadros y consigues el código de color.


El otro es Colores hexadecimales avanzados, donde desplazas en la barra vertical derecha el manejador para elegir el color y despues pulsas sobre el cuadrado de color en la izquierda para conseguir el tono del color hexadecimal deseado.

Plugin: ¿Que es?

Descarga Plugins Photoshop

Plugin:
Un plug-in es un módulo de hardware o software que añade una característica o un servicio específico a un sistema más grande.
La idea es que el nuevo componente se enchufa simplemente al sistema existente. Por ejemplo, hay un gran número de plug-ins para el navegador Firefox que te permiten utilizar diversas herramientas y el plug-in de Flash, permite ver animaciones en Flash en cualquier navegador. Plugins Photoshop contiene una amplísima lista de plugins para descarga que aumentan y facilita la calidad de tus trabajos.

Navegador de artículos