Otro Elementos

Vamos a ver una serie de elementos que suelen aparecer en las páginas web, como pueden ser las fuentes web, las marquesinas, las reglas horizontales y la fecha.

13.1. Fuentes web

Esta versión de Dreamweaver permite usar fuentes web de forma rápida y sencilla. En la web hay sitios como, Google Webfonts, FontsSquitrel etc. donde podemos obtener nuevas fuentes para nuestras páginas web. Usar estos nuevos tipos de letra puede dar un toque de originalidad a nuestros sitios.
Para trabajar con las fuentes web debemos ir al menú Modificar, Fuentes Web ... y veremos la siguiente ventana.
Panel fuentes web
Si pulsamos en el botón Añadir fuente ... veremos esta ventana.
Añadir fuente
En esta ventana tenemos que indicar en qué carpeta tenemos el archivo que contiene la nueva fuente (que prevíamente hemos descargado) y pulsar Aceptar. Las fuentes pueden estar en uno de los cuatro formatos que aparecen en la ventana, EOT, WOFF, TIF y SVG. Hay que leer las condiciones de uso de la fuente y aceptarlas. A partir de este momento ya podemos usar la fuente como una fuente más. Por ejemplo, al definir nuevos estilos aparecerá en el desplegabe Fuentes.
Esta línea esta escrita con la fuente web Galindo regular.
Para conseguir nuevos ficheros de fuentes web simplemente hay que visitar una de las webs que los ofrecen y descargarse el fichero con la fuente. Vamos a mostar un ejemplo con Google webfonts. Al acceder a su web veremos una pantalla como esta en la que podemos seleccionar la fuente que nos guste pulsando el botón Add to collection.
google webfonts
A continuación hacemos clic en el botón Use de la parte inferior derecha y veremos la siguiente pantalla:

descargar fuente


Aquí debemos pulsar en Download your Collection para descargar el archivo en nuestro disco duro, a partir de ahí ya podemos añadir la fuente como acabamos de ver.


Alicia Alvarado
4 Av Prog

Comentarios

Publicar un comentario

Entradas más populares de este blog

Imagen
"COMPORTAMIENTOS" Los  comportamientos  son  acciones que suceden cuando los usuarios realizan algún evento sobre un objeto , como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc. Los comportamientos no existen como código HTML, se programan en JavaScript. Dreamweaver permite insertarlos a través del panel  Comportamientos , por lo que no es necesario escribir ninguna línea de código JavaScript para programarlos. Otros comportamientos que ya has visto son los que se aplican sobre las imágenes de sustitución y las barras de navegación, que ya están predefinidos, por lo que no es necesario introducir este conjunto de comportamientos a través del panel  Comportamientos . Para validar formularios ya viste algunas características del panel  Comportamientos . Vamos a recordar las que necesitamos para poder insertar comportamientos más tarde.  En este panel hay que desplegar el botón ...
Leer más

Como hacer una pagina web

Imagen
1- Investigación:  Lo primero que hay que hacer es un análisis y una revisión del contexto en el que nos movemos. Por ejemplo: mirar sitios similares (competencia), buscar un estilo que nos identifique y que por supuesto nos guste y con el que nos sintamos cómodos. 2- Planificación:   Cuando se planifica un sitio Web, se deben considerar varios factores: la audiencia y sus necesidades, el objetivo para el que se crea, los temas y contenidos que le gustaría cubrir, el nombre del sitio, la disponibilidad del nombre de dominio y registrarlo, lo que otros sitios han hecho, etc. 3- Arquitectura del sitio y contenido:   Pensemos qué vamos a contar y cómo vamos a contarlo. Debemos crear un mapa de la arquitectura del sitio para demostrar visualmente cómo se organiza el contenido y la estructura del sitio. 4- Diseñar, construir y hacer pruebas:   Es la etapa del diseño web: tipos de letras, colores, plantillas, imágenes, títulos, etc. En esta etapa se...
Leer más

Multimedia

Imagen
Vamos a  ver  cómo insertar  elementos multimedia . En concreto, veremos cómo insertar una  animación Flash , un  sonido  y un  vídeo , que son los más empleados. 10.1. Películas Flash (SWF) Las  películas Flash  son animaciones, cuyo archivo tiene la extensión  SWF . Es frecuente verlas en las páginas iniciales de los sitios web, a modo de presentación hacia los usuarios, como banners publicitarios, como botones... Flash es el elemento multimedia más empleado en las páginas web. Estas películas pueden crearse mediante el programa  Flash  también de  Adobe . Para poder ser visualizado en el navegador, y necesitan que el usuario tenga instalado el plug-in de Flash Player. Su instalación es muy sencilla y normalmente ya viene con el navegador. El contenido de esta página requiere una versión más reciente de Adobe Flash Player. Las  películas Flash  pueden insertarse en una pági...
Leer más