Conoce algunas paginas de "Diseño web"

¿QUÉ ES UN BLOG?

Antes de comenzar con las paginas especializadas en el diseño, hablemos acerca de que es un blog, un blog es una página web o sitio web donde puede publicar contenido en una página especial (página de blog), que se utiliza para la escritura regular para lograr ciertos objetivos. Estos contenidos publicados regularmente se denominan "artículos" o "publicaciones".

Casi todo el mundo sabe qué es un blog, pero debemos señalar claramente que este es un sitio web que se publicará, y nuestras publicaciones ordenan cronológicamente los temas a tratar. Estos temas pueden ser ideas, opiniones, información personal o profesional, experiencia, etc.

por lo tanto, en Blogger ¿puedo crear un  blog?, la respuesta es, sí, este sitio web es un servicio creado por Pyra Labs y adquirido por Google en 2003. Este servicio le permite crear y publicar blogs en línea. Para publicar contenido, los usuarios no tienen que escribir ningún código o instalar un servidor o un programa de script, así que puede ser usado para tener su propio blog de manera fácil y conveniente.

¿QUÉ ES FONTPAGE?

FrontPage 2003 es un programa a través del cual se podían crear páginas web visualmente. Por lo tanto, los usuarios solo necesitaban enfocarse en el diseño de su sitio web sin saber cómo programar. Sin embargo, los usuarios avanzados podían usar las funciones avanzadas de FrontPage 2003 para crear sitios web más complejos. 

-Página web: documentos que se pueden ver con un navegador de Internet. 

-Sitio web: un grupo de páginas web interconectadas. FrontPage 2003 nos permitía diseñar y modificar el sitio y cada página por separado, y nos ayudaba anteriormente a editar y mantener.

No necesitba tener ninguna habilidad de programación HTML para usar Microsoft FrontPage, este mismo agregaba las etiquetas HTML en segundo plano al crear la página, al igual que en un procesador de textos, donde puede escribir y formatear texto y agregar gráficos, tablas y otros Elemento de página Solo necesita editar la página en la vista Diseño.

Microsoft dejó de usar FrontPage en 2006. Fue reemplazado por dos proyectos paralelos: SharePoint Designer y Expression Web.

Pantalla principal

• Barra de título: contiene el nombre del programa (Microsoft FrontPage) y el nombre del archivo que estamos utilizando actualmente (new_page.htm). En el extremo derecho están los botones minimizar, maximizar / restaurar y cerrar. 

• Barra de menú: contiene operaciones de FrontPage, divididas en menús desplegables. 

• Un Barra de herramientas: La barra de herramientas contiene iconos para realizar de inmediato algunas de las operaciones más comunes: 

• Un Nuevo: cree una nueva página web en blanco. Un Abrir: abre un archivo de página web existente. 

• Un Guardar: guarde el trabajo completado en FrontPage en el disco duro, disquete o CD.

• Publicar sitio web: publique archivos en el sitio web actual. Si Microsoft FrontPage Server Extensions está instalado en el servidor web en el que está publicando, puede usar HTTP para publicar. Si la extensión del servidor no aparece en el servidor web, FrontPage usa el Protocolo de transferencia de archivos (FTP) para publicar la web. 

• Un Lista de carpetas: muestra u oculta la lista de carpetas. Es una vista de carpetas y archivos similares a la Web en el Explorador de Windows. 

• Un Imprimir: imprime la página web creada en FrontPage. Un Vista previa en el navegador: muestra la página actual en un navegador web.

• Vista previa en el explorador: Muestra la página actual en un explorador de Web.

• Ortografía: Revisa la ortografía y gramática del documento.

• Cortar: Quita la selección del documento activo y la ubica en el Portapapeles.

• Pegar:  Inserta el contenido del Portapapeles en el punto de inserción, reemplazando cualquier selección. Este comando sólo está disponible si se ha cortado o copiado un objeto, texto o contenido de una celda.

• Copiar formato: Copia formato de caracteres o un párrafo y lo aplica al texto que seleccione. Para copiar el formato seleccionado a varios lugares, haga doble clic en Copiar formato. Haga clic de nuevo en el botón cuando haya terminado.

• Deshacer: Invierte el último comando o elimina la última entrada que haya escrito. El nombre del comando cambia a Imposible deshacer si no se puede deshacer la última acción.

• Rehacer: Invierte la acción del comando Deshacer.

• Insertar tabla: Inserta una tabla en el documento con el número de filas y de columnas que especifique.

• Desde archivo: Inserta una imagen del Web actual, el World Wide Web, la Galería de imágenes de Microsoft, un escáner o el sistema de archivos.

• Hipervínculo: Inserta un hipervínculo en el texto seleccionado o en el punto de inserción. Si no se selecciona ningún texto, FrontPage inserta la dirección URL del hipervínculo como texto del hipervínculo.

• Actualizar: Actualiza la página o vista actual. Si utiliza FrontPage en una configuración de grupo de trabajo o si utiliza el control de origen para proteger y desproteger archivos, puede actualizar una página o vista para asegurarse de que tiene la información más reciente.

• Detener: Se detiene siguiendo un hipervínculo o cargando una página.

• Mostrar todas: Muestra u oculta elementos de página, como saltos de línea, marcas de párrafo, marcadores y esquemas de formulario, así como iconos de marcador de posición para etiquetas HTML y secuencias de comandos desconocidas.

• La barra de Formato: La barra de Formato se encuentra en la parte superior de la pantalla y contiene indicaciones sobre el estado actual de formateo del texto. Podemos definir en cada momento qué clase de texto se irá a crear con  estilo, tipo de letras, tamaño, negrita, cursiva, subrayado, alineación, etc.

• La barra de Vistas: La barra de Vistas se encuentra en la parte izquierda de la pantalla y nos ayuda a administrar la Web. Contiene los siguientes iconos:

• Página: Al hacer clic aquí, entramos en el modo de edición y creación de páginas Web. Es el que usaremos para crear y modificar nuestras páginas Web.

• Carpetas: Al hacer clic aquí, FrontPage nos muestra los archivos de nuestro sitio, en forma de carpetas y documentos.  Nos permite administrar el sitio Web y verlo como lo veríamos en el explorador de Windows.

• Informes: Al hacer clic aquí, FrontPage nos informará sobre diferentes aspectos del sitio Web.

• Exploración: Al hacer clic aquí, veremos la estructura de nuestro sitio Web en forma de esquema.

• Hipervínculos: Al hacer clic aquí, nos aparece una relación de todas las páginas enlazadas de la Web.

• Tareas: Al hacer clic aquí, nos aparece una pequeña lista de tareas que podemos usar sobre todo si trabajamos en grupo.

En las tres pestañas que aparecen en la parte inferior de la ventana

• Normal: Es el modo edición de trabajo en la que se trabaja la página y todas las modificaciones que necesite

• HTML: Es donde aparece todo el código de la página y que podemos también modificarlo. FrontPage va creando el código de forma automática.

• Vista previa: Es el resultado de la página, es decir, tal como se vería en Internet Explorer, ya que ambos programas pertenecen a Microsoft. 

¿QUÉ ES PHOTOSHOP?


Su definición es: Editor gráfico, utilizado para crear, editar y retocar imágenes (incluidos gráficos y fotos). Originalmente fue hecho para computadoras Apple y luego se expandió a una PC con sistema operativo Windows, desarrollado y vendido por Adobe Systems Incorporated. Se distribuye en varias presentaciones, que pueden ser independientes o empaquetadas, como Adobe Creative Suite Design Premium y Standard. Adobe Creative Suite Web Premium, Adobe Creative Suite Master Collection y Adoble Creative Suite Production Studio Premium.

Inicialmente, funcionó en una sola capa en un espacio llamado mapa de bits, donde se aplicaron efectos, texto y efectos. Luego, a medida que evolucionó, se agregó un espacio de trabajo de varios niveles (actualmente existe). También se han agregado elementos vectoriales, gestión de color ICC, ICM y su control y decoración, efectos creativos, fuentes y la posibilidad de agregar complementos de otras compañías. Aunque originalmente se usó para retocar fotos, ahora se usa en muchas áreas de diseño y fotografía. Debido al vigoroso desarrollo de la fotografía digital, el programa ha ganado popularidad fuera del campo profesional, porque muchas personas lo usan para retocar fotos personales.

Tipos de imagenes y formatos que puedes usar en photoshop

Imagenes:

Imagen vectorial: La imagen vectorial está compuesta de líneas rectas y curvas definidas matemáticamente. Una imagen vectorial es una imagen digital compuesta de objetos geométricos independientes y cada objeto geométrico está definido por diferentes propiedades matemáticas de forma, posición, color, etc. Por ejemplo, un círculo rojo se definirá por su posición central, su radio, ancho de línea y color.

Mapa de bits: Una imagen de mapa de bits (imagen ráster) compuesta de una cuadrícula o mapa de pequeños cuadrados llamados píxeles. En un mapa de bits, el contenido está representado por pequeños puntos rectangulares llamados píxeles. Al ampliar completamente la imagen digital en la pantalla de la computadora (zoom), puede ver los píxeles que componen la imagen. Un El programa de pintura genera imágenes de mapa de bits. Por ejemplo, en un programa de pintura, si se dibuja una línea, la aplicación la convertirá en pequeños puntos cuadrados llamados píxeles.


Formatos:

• PSD, PDD: formato estándar de photoshop con soporte de capas.
• PostScript: no es exactamente un formato, sino un lenguaje de descripción de páginas. Se suele encontrar documentos en PostScript. Utiliza primitivas de dibujo para poder editarlo.
• EPS: es una versión de PostScript, se utiliza para situar imágenes en un documento. Es compatible con programas vectoriales y de autoedición.
• DCS: fue creado por Quark (empresa de software para autoedición) y permite almacenar tipografía, tramas, etc. Se utiliza para filmación en autoedición.
• Prev. EPS TIFF: permite visualizar archivos EPS que no se abren en Photoshop, por ejemplo los de QuarkXPress.
• BMP: formato estándar de Windows.
• GIF: muy utilizado para las web. Permite almacenar un canal alfa para dotarlo de transparencia, y salvarlo como entrelazado para que al cargarlo en la web lo haga en varios pasos. Admite hasta 256 colores.
• JPEG: también muy utilizado en la WWW, factor de compresión muy alto y buena calidad de imagen.
• TIFF: una solución creada para pasar de PC a MAC y viceversa.
• PICT: desde plataformas MAC se exporta a programas de autoedición como QuarkXPress.
• PNG: la misma utilización que los GIF, pero con mayor calidad. Soporta transparencia y colores a 24 bits. Solo las versiones recientes de navegadores pueden soportarlos.
• PDF: formato original de Acrobat. Permite almacenar imágenes vectoriales y mapa de bits.
• IFF: se utiliza para intercambio de datos con Amiga.
• PCX: formato solo para PC. Permite colores a 1, 4, 8 y 24 pixels.
• RAW: formato estándar para cualquier plataforma o programa gráfico.
• TGA: compatible con equipos con tarjeta gráfica de Truevision.
• Scitex CT: formato utilizado para documentos de calidad profesional.
• Filmstrip: se utiliza para hacer animaciones. También se puede importar o exportar a Premiere.
• FlashPix: formato originario de Kodak para abrir de forma rápida imágenes de calidad superior.

Formatos de archivo de Photoshop

• JPG Y JPEG: Se trata de un método de compresión común utilizado por las cámaras fotográficas digitales, entre otros dispositivos, es muy utilizado en el almacenamiento y distribución de imágenes en la Web.
• RAW: El formato RAW se usa básicamente cuando queremos trabajar con imágenes puras de origen al tomar una fotografía y después se edita. Al tratar una imagen queremos que esté tal como la capturamos y por eso este formato se denomina “en crudo” ya que contiene toda esa información inicial.
• PNG: El formato PNG o Portable Network Graphics es un formato de archivo de gráficos de mapa de bits que en principio fue creado como alternativa al GIF. Soporta colores de 8 bits y 24 bits. Utiliza algoritmo de compresión sin pérdida.
• GIF: GIF o Graphics Interchange Format es un formato de rasterización sin pérdidas que suele ser utilizado en imagen web para gráficos animados, banners, correos u otros elementos comúnmente compartidos en redes sociales.
• TIFF: (Tagged Image File Format) se trata de un formato de archivo de imágenes, el cual fue creado en la década del 80. Se utiliza para el intercambio de archivos entre aplicaciones y plataformas de PC. Es flexible y está admitido en prácticamente la totalidad de las aplicaciones de edición y diseño. Su tamaño máximo es de 4 GB.
• PSD: Es el formato original de Photoshop que soporta las modalidades de Bitmap, Grayscale, Duotone, Indexed Color, RGB, CMYK, Lab y Multichannel. Es el formato de archivo por defecto además de único formato además de PSB que tiene total compatibilidad con las funcionalidades de Photoshop.
  
  
  Al soportar duotonos permite la trayectoria de corte y canales. Además soporta las capas mientras que los demás formatos las pegan al ser exportados. Cuando se guardan los archivos como imágenes de capas, se pueden editar posteriormente
• PSB:  Es un formato de archivo que requiere tener un equipamiento hardware importante en cuanto edición se refiere. Se denomina formato de documento grande y puede contener hasta documentos de 300.000 píxeles. Sin importar la dimensión.

Área de trabajo

• La Barra de aplicaciones de la parte superior contiene un conmutador de espacio de trabajo, menús (solo en Windows) y otros controles de la aplicación. En ciertos productos para Mac, puede mostrarla u ocultarla con el menú Ventana.
• El panel Herramientas incluye utilidades para crear y editar imágenes, ilustraciones, elementos de página, etc. Las herramientas relacionadas están agrupadas.
• El panel Control de la Barra de opciones muestra opciones específicas de la herramienta seleccionada en el momento. 
• La ventana Documento muestra el archivo en el que se trabaja. Las ventanas Documento se pueden organizar como fichas y, en ciertos casos, también se pueden agrupar y acoplar.
• Los paneles ayudan a controlar y modificar el trabajo. Los paneles se pueden agrupar, apilar o acoplar.
• El Marco de aplicación agrupa todos los elementos del espacio de trabajo en una ventana única e integrada que permite tratar la aplicación como una sola unidad. Si mueve el marco de aplicación o alguno de sus elementos o si cambia su tamaño, todos los elementos que integra responden en consecuencia para evitar su superposición. Los paneles no desaparecen si cambia de aplicación o si hace clic sin querer fuera de esta. Cuando trabaje con dos o más aplicaciones, puede colocarlas una al lado de la otra en la pantalla o en varios monitores.
  Si está utilizando Mac y prefiere la interfaz de usuario libre tradicional, tiene la opción de desactivar Marco de aplicación.

¿Qué son las capas en photoshop?

Las capas de Photoshop son similares a las hojas de acetato apiladas. Puede ver las capas a continuación a través del área transparente de la capa. Si mueve la capa para colocar el contenido sobre ella, es como deslizar el tablero de acetato en la pila. Además, si es necesario, puede cambiar la opacidad de algunas capas para que su contenido sea parcialmente transparente.

Las capas se utilizan para realizar diversas tareas, incluida la composición de múltiples imágenes, agregar texto a imágenes o agregar formas de gráficos vectoriales. La aplicación de estilos de capa puede agregar fácilmente efectos especiales, como sombras o un cierto efecto de brillo.

Un ejemplo de su utilización sería cuando queremos colocar alguna diseño detrás o sobre alguna imagen, de esta forma podemos agregar efectos capa tras capa para que quede un mejor resultado, ademas de que se puede eliminar una de estas sin tener que afectar el resto.