>> ÚLTIMAS ENTRADAS:

GLOSARIO: Propiedades más usadas en CSS

Estas son algunas de las propiedades más utilizadas en las hojas de estilos:

 

a:active | a:link | background-colorbackground-image | border-radius | border-top-right-radius | box-shadowcolordisplayfont-sizefont-styleline-heightlist-style-typemargin-botton | overflowtext-decoration

 

Para ver otras propiedades: 

0 comentarios

¿Cuáles son los selectores fundamentales de CSS?

Para poder crear un sitio web con un diseño profesional, es primordial que conozcamos y dominemos los selectores de CSS.

Una regla de CSS está formada por un selector y  una declaración. Esta última indica "qué se debe hacer", mientras que el selector indica "a quién se lo deber hacer". Por lo tanto, los selectores son importantes para aplicar correctamente los estilos CSS en una página web.

 

Entonces, ¿cuáles son estos selectores básicos que debemos conocer?

2 comentarios

CSS: Tipos y reglas sintácticas

Se puede incluir reglas CSS en un documento HTML de tres formas:

  • Dentro de la etiqueta <head> usando la etiqueta <style>.
  • Dentro de las mismas etiquetas HTML mediante el atributo style.
  • En un archivo externo con extensión CSS.

Reglas sintácticas de los estilos CSS:

Las reglas sintácticas de las hojas de estilos CSS son sumamente sencillas.

¿Y cuáles son estas reglas?

0 comentarios

Guía 5. Introducción a CSS3

En esta sección veremos que gracias a las hojas de estilo (CSS, Cascading Style Sheets) el trabajo del diseñador web será más eficiente, ya que podremos controlar con facilidad la presentación y el aspecto de todas las páginas.

 

Algunos temas tratados:

REGLAS SINTÁCTICAS DE LOS ESTILOS CSS | SELECTORES: Universal - Etiquetas - Selector descendiente - ID - Clase - Compuesto | CONCEPTOS CLAVES: Cascada - Herencia - Especificidad | PROPIEDADES EN LAS HOJAS DE ESTILOS

0 comentarios

Trabajando con Dreamweaver

0 comentarios

El asistente de Dreamweaver: definir un sitio web

En la creación de páginas Web las tareas relacionadas con la organización y la cooperación en equipo tienen una importancia fundamental: deciden el éxito del trabajo final. Es fundamental, antes que nada, preparar los archivos a utilizar en el diseño de la página, comprender qué desea el cliente (o nosotros, si es nuestro sitio), preparar el proyecto y varios bocetos previos. Y, teniendo en cuenta todo ello, pasar recién a definir la estructura del Sitio.

 

Dreamweaver CS6 introduce un asistente que permite definir un sitio Web en apenas minutos. Basta con seguir las instrucciones que aparecen en las ventanas del asistente y podremos crear fácilmente nuestro nuevo sitio Web...

0 comentarios

¿Por dónde comenzar con Dreamweaver?

Conocer las partes más importantes del espacio de trabajo de Adobe Dreamwevar CS6 hará que podamos movernos sin contratiempos a la hora de desarrollar un sitio web. Luego, con el uso y con el tiempo, podremos manejarnos de manera más eficiente, como con cualquier otro programa.

 

Veremos las distintas barras de herramientas, los inspectores, los paneles, los selectores y las vistas que nos permitirán crear páginas web.

 

0 comentarios

Guía 4. Desarrollo de sitios en Dreamweaver

En esta sección veremos los principales pasos para comenzar a hacer uso de Dreamweaver como herramienta de trabajo para el desarrollo de sitios web.

 

Algunos temas tratados:

LA INTERFAZ DE TRABAJO DE DREAMWEAVER | PRIMEROS PASOS: Definir y editar un sitio web - Usando el asistente - El panel de archivos | CREAR ARCHIVOS Y CARPETAS | ESCRIBIR y EDITAR CÓDIGO HTML | COPIAR LA ESTRUCTURA DEL SITIO A OTRO EQUIPO.

0 comentarios

¿Cómo insertar una imagen con HTML?

Las imágenes pueden ser de gran ayuda para mostrar información en la página Web aparte de darle otra presentación. Para mostrar una imagen se utiliza el tag <img>.

Con la etiqueta <img> no nos alcanzaría para insertar una imagen, es necesario agregarle cierta información que ayudaría al navegador a mostrarla. Estamos hablando de los atributos.

 

Entonces, ¿cómo es el código HTML a utilizar?

0 comentarios

Estructura de una página web: etiquetas y atributos

En su mayor parte una página HTML está escrita mediante etiquetas o tags. Existen etiquetas de apertura y de cierre; por ejemplo, si queremos comenzar a escribir un nuevo texto deberemos declarar la etiqueta <p> y cuando terminemos de escribir deberemos decírselo al navegador usando la etiqueta de cierre </p>.

 

Los atributos en HTML se emplean para poder especificar ciertas características que poseerá la etiqueta o bien para ofrecer más información sobre la misma. Los atributos se colocan después del nombre de la etiqueta...

1 comentarios

Guía 3. Introducción a HTML5

En esta sección se abordará el tema de la construcción de sitios estáticos con HTML5, utilizando las distintas etiquetas y teniendo en cuenta los elementos estructurales de una página HTML5.

 

Algunos temas tratados:

CARACTERÍSTICAS DE UNA PÁGINA HTML5 | ETIQUETAS: Colocar un título - Poner comentarios - Agregar imágenes - Insertar enlaces | ELEMENTOS ESTRUCTURALES DE UNA PÁGINA HTML5

0 comentarios

Técnicas para combinar tipografías en la web

¿Cómo elegir una buena combinación de tipografías?

 

Algunos tips:

  • El factor más determinante sobre la elección de un tipo de letra base debe ser su legibilidad. Si utilizamos alguna tipografía más compleja o difícil de interpretar, debe ser usado para frases cortas y palabras no muy extensas.
  • Buscar familias tipográficas que sean lo suficientemente diferentes como para distinguirse pero, a la vez, que no tan disímiles como para transmitir sensaciones contradictorias.
  • Contrastar el uso de las tipografías. Además de la familia, variar el tamaño y el color para que la diferencia sea realmente apreciable y se produzca el contraste deseado.
0 comentarios

La tipografía: campo apasionante del diseño web

El principal objetivo del diseño web es la presentación óptima del contenido. La tipografía se encarga de manejar la disposición y la estética de letras, números y símbolos.

Una tipografía correcta puede obtener la atención de los usuarios, estableciendo un proyecto único y original. Actualmente, muchas personas pasan más tiempo leyendo en la web que de los libros impresos, revistas y periódicos.

La tipografía en la web no es fija, predecible y controlable como en la impresión...

0 comentarios

Guía 2. Tipografía en la web

En esta sección se mencionan las distintas fuentes tipográficas y los estándares en la web, y se indican técnicas para una buena combinación de tipografías en una página web.

 

Algunos temas tratados:

DIFERENTES TIPOS DE TIPOGRAFÍAS Y USOS | USO DE TIPOGRAFÍAS ESTÁNDARES WEB | TÉCNICAS PARA COMBINAR TIPOGRAFÍAS | ¿WEBFONTS?

0 comentarios

¿Cuándo a una web se la considera "usable"?

Existen reglas generales de usabilidad que, teniéndolas presente al adaptar un sitio web, hacen que los usuarios puedan interactuar con dicho sitio de la forma más fácil, cómoda e intuitiva posible.

 

En otras palabras, a un sitio Web se lo considera "usable" cuando se realiza un diseño centrado en el usuario, se diseña para y por el usuario, en contraposición a lo que podría ser un diseño centrado en la tecnología o uno centrado en la creatividad u originalidad.

 

¿Cuáles son las reglas que hacen que una web sea "usable"?

0 comentarios

¿Sabes cuáles son las tareas de la fase de diseño?

En esta fase se arma los wireframeUn wireframe es un esquema de una página Web, sin mostrar contenidos. Este es el elemento que define dónde irá el menú de navegación, dónde se colocará el logotipo, así como todas las imágenes, texto y elementos multimedia.

Son realmente útiles como herramientas de comunicación entre programadores, diseñadores y clientes.

 

Además:

Una página Web en su parte más sencilla está compuesta por bloques que ordenados horizontal y verticalmente forman la estructura (layout) de una Web.

Definir el diseño de una página Web satisfaciendo todos los requerimientos de distribución de bloques de elementos es una tarea sencilla, puesto que en el diseño Web hay bloques que son casi permanentes para todas las páginas.

¿Sabes cuáles son estos bloques que estructuran un sitio web?

0 comentarios

Guía 1. Planificación de sitios

En esta sección encontraremos las distintas etapas que debemos tener en cuenta para la construcción de una página web, como así también las tareas a desarrollar en cada etapa.

 

Algunos temas tratados:

LOS PERFILES BACK-END Y FRONT-END | Fase de Análisis o Discovery Phase | Fase de Diseño o Design Phase | Fase de Desarrollo o Development Phase | Fase de Lanzamiento o Delivery Phase | TAREAS DE CADA FASE

0 comentarios

Buscar un tema en nuestro sitio:



Compartir: