martes, 22 de mayo de 2012

Diseño de pagina web


El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y vídeo. Se lo considera dentro del diseño Multimedia.
El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.
Estos documentos o páginas web pueden ser creadas:
  • creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby.
  • utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.
  • utilizando lenguajes de programación del lado servidor para generar la página web.

Etapas

Para el diseño de páginas web debemos tener en cuenta tres etapas:
  • La primera, es el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos Multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.
  • La segunda, es la estructura y relación jerárquica de las páginas del sitio web, una vez que se tiene este boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la página principal o incial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio.
  • La tercera, etapa consiste en el posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto, aún para el año 2012 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.

Que es URL y como se usa?


URL son las siglas de Localizador de Recurso Uniforme (en inglés Uniform Resource Locator), la dirección global de documentos y de otros recursos en la World Wide Web.

La primera parte de la dirección indica qué protocolo utilizar, la segunda parte especifica la dirección IP o nombre de dominio donde se localiza el recurso.


Por ejemplo, las dos URLs de abajo apuntan a dos archivos diferentes en el dominio google.com y hotmail.com La primera especifica un fichero ejecutable que se debe encontrar usando el protocolo FTP; la segunda especifica una página web que se debe abrir usando el protocolo HTTP:
https://www.google.com.co/
ftp://www.hotmail.com

El URL es la cadena de caracteres con la cual se asigna una dirección única a cada uno de los recursos de información disponibles en la Internet. Existe un URL único para cada página de cada uno de los documentos de la World Wide Web, para todos los elementos de Gopher y todos los grupos de debate USENET, y así sucesivamente.





martes, 8 de mayo de 2012

Las barras de herramientas de Google ketchUp




Las barras de herramientas de SketchUp son similares a las de otras aplicaciones para Microsoft Windows: cada una contiene un conjunto de herramientas relacionadas. Estas barras de herramientas se pueden separar haciendo clic y arrastrando la barra de título, se les puede cambiar el tamaño arrastrando las esquinas y se pueden volver a anclar en el margen del área de dibujo según las preferencias del usuario. Puede controlar las barras de herramientas que se muestran utilizando el submenú Ver > Barras de Herramientas.

Barra de herramientas estándar

La barra de herramientas estándar agrupa diversas opciones de menú que ayudan en la gestión de los archivos y los dibujos, además de atajos para imprimir y opciones de ayuda. Estas opciones de menú son: Nuevo, Abrir, Guardar, Crear Componente, Cortar, Copiar, Pegar, Eliminar, Deshacer, Rehacer, Imprimir, Preferencias y Ayuda Contextual.
Barra de herramientas estándar

Barra de herramientas principales

Los botones de la barra de herramientas principales permiten activar la herramienta Seleccionar, la herramienta Pintar y la herramienta Borrar.
Barra de herramientas principales

Barra de herramientas de dibujo

Los botones de la barra de herramientas de dibujo permiten activar la herramienta Rectángulo, la herramienta Línea, la herramienta Círculo, la herramienta Arco, la herramienta Polígono y la herramienta Mano Alzada.
Barra de herramientas de dibujo

Herramientas de modificación

La barra de herramientas de modificación contiene utensilios que permiten editar y retocar las geometrías. Las herramientas de esta barra son: Mover, Empujar/Tirar, Rotar, Sígueme, Escala y Equidistancia.
Herramientas de modificación

Barra de herramientas auxiliares

Los botones de la barra de herramientas auxiliares activan las herramientas Medir, Acotaciones, Transportador, Texto, Ejes y Sección.
Barra de herramientas auxiliares

Barra de herramientas de cámara

Los botones de la barra de herramientas de cámara permiten activar las herramientas Orbitar, Desplazar, Zoom, Ventana de Zoom, Zoom Extensión y Previa.
Barra de herramientas de cámara

Herramientas de paseo

Los botones de la barra de herramientas de paseo activan las herramientas Situar Cámara, Caminar y Girar.
Herramientas de paseo

Barra de modos de visualización

Los botones de la barra de herramientas de modos de visualización permiten activar los estilos de visualización de caras de SketchUp (alambre, líneas ocultas, sólido, sólido con textura y transparencia o rayos X).
Barra de modos de visualización

Barra de herramientas de vistas

Los botones de la barra de herramientas de vistas permiten activar las vistas estándar de SketchUp (planta, frontal, izquierda, derecha, posterior e isométrica). La vista desde abajo no se incluye, pero está disponible en el menú Cámara.
Barra de herramientas de vistas

Barra de herramientas de sombras

La barra de herramientas de sombras se utiliza para controlar las sombras. Sus botones permiten abrir el cuadro de diálogo Sombras (primer icono de la izquierda) y activar/desactivar las sombras (segundo icono). Contiene también barras regulables para controlar los ajustes relacionados con la época del año (barra de la izquierda) y la hora del día (barra de la derecha).
Barra de herramientas de sombras

Barra de herramientas de planos de sección

La barra de herramientas de planos de sección permite ejecutar fácilmente operaciones de sección habituales. Esta barra de herramientas incluye controles para añadir nuevos planos de sección en el contexto de edición activo, cambiar el efecto de corte de sección y mostrar o no los planos de sección.
Barra de herramientas de planos de sección

Barra de herramientas Capas

La barra de herramientas Capas permite acceder rápidamente a varias funciones habituales relacionadas con las capas.
Barra de herramientas Capas

Mostrar la capa activa

Cuando no hay nada seleccionado, el nombre de la capa activa se muestra en la barra de herramientas con una señal al lado. Las entidades que dibuje se asignarán a la capa activa.

Cambiar de capa activa

Seleccione una capa en la barra de herramientas Capas, sin que haya nada seleccionado, para cambiar de capa activa.

Ver la capa de la entidad

Seleccione una entidad. La capa de esa entidad se muestra, marcada, en la barra de herramientas Capas.

Cambiar la capa asignada a una entidad

Seleccione una entidad y a continuación una capa en la barra de herramientas para cambiar la capa de la entidad.

Mostrar el Gestor de Capas

El botón situado en el lado derecho muestra el Gestor de Capas, que permite crear capas nuevas, controlar su visibilidad y llevar a cabos otras operaciones diversas.

Botones grandes de la barra de herramientas

La barra de herramientas se puede mostrar utilizando botones grandes o pequeños. Marque el cuadro Botones Grandes en el panel General del cuadro de preferencias para cambiar el tamaño de los botones.

Notas de ayuda acerca de las herramientas

Puede pasar el cursor por encima de una herramienta para que aparezca una nota de ayuda con el nombre de la herramienta. En la barra de estado aparece una nota ampliada cuando se activa una herramienta.