¿Que podemos hacer con Adobe Photoshop?

Adobe Photoshop es una aplicación informática de edición y retoque de imágenes bitmap, jpeg, gif, etc, elaborada por la compañía de software Adobe inicialmente para computadores Apple pero posteriormente también para plataformas PC con sistema operativo Windows.

Photoshop en sus primeras versiones trabajaba en un espacio bitmap formado por una sola capa, donde se podían aplicar toda una serie de efectos, textos, marcas y tratamientos. En cierto modo tenía mucho parecido con las tradicionales ampliadoras. En la actualidad lo hace con múltiples capas.

A medida que ha ido evolucionando el software ha incluido diversas mejoras fundamentales, como la incorporación de un espacio de trabajo multicapa, inclusión de elementos vectoriales, gestión avanzada de color (ICM / ICC), tratamiento extensivo de tipografías, control y retoque de color, efectos creativos, posibilidad de incorporar plugins de terceras compañías, exportación para web entre otros.

Photoshop se ha convertido, casi desde sus comienzos, en el estándar mundial en retoque fotográfico, pero también se usa extensivamente en multitud de disciplinas del campo del diseño y fotografía, como diseño web, composición de imágenes bitmap, estilismo digital, fotocomposición, edición y grafismos de vídeo y básicamente en cualquier actividad que requiera el tratamiento de imágenes digitales.

Photoshop ha dejado de ser una herramienta únicamente usada por diseñadores / maquetadores, ahora Photoshop es una herramienta muy usada también por fotógrafos profesionales de todo el mundo, que lo usan para realizar el proceso de "positivado y ampliación" digital, no teniendo que pasar ya por un laboratorio más que para la impresión del material.

CARACTERÍSTICAS DE PHOTOSHOP

CARACTERÍSTICAS
Photoshop en sus versiones iniciales trabajaba en un espacio (bitmap) formado por una sola capa, donde se podían aplicar toda una serie de efectos, textos, marcas y tratamientos. En cierto modo tenía mucho parecido con las tradicionales ampliadoras. En la actualidad lo hace con múltiples capas.

CARACTERÍSTICAS DE LAS VERSIONES MAS ACTUALES
Puppet Warp: Esta característica es una de las mas avanzadas en Photoshop sin embargo no es nada compleja, con esta herramienta se podrán crear cosas increíbles.

Content-Aware: Esta aplicación te permite remover objetos no deseados de fotografías de manera sencilla con unos pocos clicks, definitivamente esta herramienta le salvara la vida a mas de uno.

HDR: Esta herramienta le hará la vida mas fácil a muchos fotógrafos, ya que te permite convertir tus fotografías a formato HDR de manera rápida y sencilla, claro los mas detallistas tendrán que continuar jugando con el photoshop sin embargo esta utilidad les ahorrara trabajo.

3D Objects: Esta nueva herramienta hará que le brillen los ojos a mas de uno, nos permitirá crear textos y objetos en 3D rápidamente con unos pocos clicks, ya se pueden olvidar de leer extensos tutoriales.

Requisitos del sistema para Photoshop CS6

Windows

• Procesador Intel® Pentium® 4 o AMD Athlon® 64
• Microsoft Windows 7 con Service Pack 1. Las aplicaciones de Adobe® Creative Suite® 5.5 y CS6 también son compatibles con Windows 8. Consulte las preguntas frecuentes de CS6 para obtener más información sobre la compatibilidad con Windows 8.*
• 1 GB de RAM
• 1 GB de espacio libre en disco duro para la instalación; se necesitará espacio libre adicional durante la instalación (no se puede instalar en dispositivos extraíbles de almacenamiento basados en memoria flash).
• Pantalla de 1024 x 768 (se recomienda 1280 x 800) con color de 16 bits y 256 MB de VRAM (se recomienda 512 MB)
• Sistema con OpenGL 2.0
• Unidad de DVD-ROM
• Es necesario activar el software para que funcione. Para activar el software, validar las suscripciones y acceder a los servicios en línea se necesita una conexión a Internet de banda ancha y llevar a cabo un proceso de registro.† La activación por teléfono no está disponible.

Mac OS

• Procesador Intel Multi-Core compatible con 64 bits
• Mac OS X v10.6.8 o v10.7. Las aplicaciones de Adobe Creative Suite 3, 4, 5, CS5.5 y CS6 son compatibles con sistemas Mac OS X Mountain Lion (v10.8) basados en Intel.**
• 1 GB de RAM
• 2 GB de espacio libre en disco duro para la instalación; se necesitará espacio libre adicional durante la instalación (no se puede instalar en un volumen que utilice un sistema de archivos con distinción entre mayúsculas y minúsculas, ni en dispositivos de almacenamiento extraíbles basados en flash)
• Pantalla de 1024 x 768 (se recomienda 1280 x 800) con color de 16 bits y 256 MB de VRAM (se recomienda 512 MB)
• Sistema con OpenGL 2.0
• Unidad de DVD-ROM
• Es necesario activar el software para que funcione. Para activar el software, validar las suscripciones y acceder a los servicios en línea se necesita una conexión a Internet de banda ancha y llevar a cabo un proceso de registro.† La activación por teléfono no está disponible.

formulario en la paginilla

Colocar un imagen en HTML

Imagen

<IMG>, esto es, el elemento necesario para invocar imágenes dentro de la página.

- Lo primero que tienes que hacer es elegir la herramienta de .

-Después coloca en la caja de , el siguiente código <img src=" ">

-El siguiente paso es colocar la ubicación de la imagen en medio de las comillas del código HTML.

- La ubicación de la imagen la puedes encontrar si colocas el mouse sobre la fotografía y le das un click con el botón derecho. Una vez que te aparezca una ventana, elige la opción propiedades  y copia la ubicación de la foto.

- Posteriormente, pega la ubicación de la imagen entre las comillas del código.

- Si quieres ver cómo luce tu imagen, ve a  y si lo deseas enviar a la comunidad sólo elige .

Codigo para la imagen

<img src="camino hacia el archivo">

Imagen con enlace 

<img src="URL DE LA FOTO" alt="NOMBRE DE LA FOTO"><p>

Uno de los parámetros que podemos cambiar al insertar las imágenes es la alineación.

Para ello tendrémos que incluir el parámetro Align=”lugar”, que permite controlar la alineación de una imagen con respecto a una línea de texto. Los tres valores posibles son left, right, y middle.

left = izquierda ; right = derecha ; middle = centro.

Este valor se incluye detrás de las comillas que contienen la URL de la imagen:

[IMG SRC="URL DE LA IMAGEN" Align="left"]

Como en el caso anterior, se cambiarían los símbolos de los corchetes por los de “mayor qué” y “menor qué”, y después, cambiaríamos left por el parámetro que deseemos.

Como se centra un titulo ?

Para poder centrar cualquier texto, colocamos la siguiente linea:
                                <P ALIGN=center>
Todo lo que pongamos despues de esta linea aparecera centrado

como vincular una pagina en html

buscando encontramos dos ejemplos que los empleamos con nuestra pagina web 
como primera opción esta este ejemplo:

Este código html tiene que ser incluido en <body> , se abrira 
en la misma pagina .
1 . <a href="prueba.html">MI PAGINA WEB</a>

en la misma pagina .

Este código html tiene que ser incluido en <body> , pero esta vez se abrira en nueva ventana porque hemos introducido el código target=_blank" .

2 . <a href="prueba.html" target=_blank">MI PAGINA WEB </a>

tabla de colores para HTML

Editores de HTML

Editores de HTML

Macromedia Dreamweaver (recomendado)

Netscape Composer

Microsoft Frontpage

Kompozer

Etiquetas de html

Lenguaje HTML Básico

<html></html> Abre y cierra un documento HTML

<head></head> Encabezado de la página - aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas. Está información no es visible.

<body></body> Dentro de esta etiqueta va toda la parte visible de la página web.

Etiquetas del Encabezado

<title></title> El título de la página web.

Atributos de la etiqueta Body

<body bgcolor=?> Configura el color de fondo de la página, usando el valor del código de color hexadecimal.

<body text=?> Configura el color por defecto del texto, usando el valor del código de color hexadecimal.

<body link=?> Configura el color de las ligas, usando el valor del código de color hexadecimal.

<body vlink=?> Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal

<body alink=?> Configura el color de las ligas al darle clic, usando el valor del código hexadecimal.

Etiquetas HTML de Texto

<pre></pre> Texto pre-formateado

<hl></hl> Título más grande

<h6></h6> Título más pequeño

<b></b> Negritas

<u></u> Subrayado

<i></i> Cursivas

<tt></tt> Tipo máquina de escribir

<cite></cite> Cita, en cursiva

<em></em> Resalta una palabra, negrita o cursiva

<strong></strong> Resalta una palabra o grupo de palabras

<font face=?></font> Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc.

<font size=?></font> Coloca tamaño de letra, de 1 a 7

<font color=?></font> Configura el color, usand valor hexadecimal o nombre directo (blue, green, etc.)

Ligas

<a href="URL"></a> Hipervínculo

<a href="mailto:EMAIL"></a> Hipervínculo mailto (para envío de correo)

<a name="name"></a> Ancla en el mismo documento

<a href="#name"></a> Liga hacia algún lugar dentro del mismo sitio

Formato y presentación

<p></p> Nuevo párrafo

<p align=?> Alinea el párrafo hacia la izquierda, derecha o al centro

<br> Inserta un interlineado suave. Crea otra línea

<blockquote> </blockquote>  Texto indentado de ambos lados

<dl></dl> Lista de definiciones (glosario)

<dt> Precede a cada término en definiciones

<dd> Precede cada definición

<ol></ol> Lista ordenada

<li></li> Entrada en una lista

<ul></ul> Lista con viñetas sin ordenar

<div align=?> Para formato a porciones grandes del documento html, incluyendo hojas de estilo

Elementos Gráficos

<img src="name"> Incorpora una imagen

<img src="name" align=?> Alinea la imagen: izquierda, derecha y centro

<img src="name" border=?> Determina el contorno de la imagen. Un valor 0 no tendrá contorno

<map></map> Mapa de imágenes

<body background="URL o ruta de archivo"></body> Coloca la imagen como fondo de la página

<hr> Linea horizontal

<hr size=?> Tamaño de una linea horizontal

<hr width=?> Ancho de linea horizontal, ya sea porcentaje o valor absoluto.

<hr noshade> Linea horizontal sin sombra

Tablas

<table></table> Crea tabla

<tr></tr> Crea filas en una tabla

<td></td> Crea celda en una fila

<th></th> Encabezado de tabla, texto normal, negrita y centrado

Atributos de Tablas

<table border=#> Coloca contorno en las celdas de la tabla

<table cellspacing=#> Espacio entre las celdas de una tabla

<table cellpadding=#> Espacio entre el contorno de una celda y su contenido

<table width=# or %> Ancho de la tabla, en pixeles o porcentaje del ancho de la página

<tr align=?> or <td align=?> Alineación para las celdas, izquierda derecha, centro

<tr valign=?> or <td valign=?> Alineación vertical de las celdas, arriba, abajo,enmedio

<td colspan=#> Expansión de una celda, en número de columnas

<td rowspan=#> Expansión de una celda, en número de celdas

<td nowrap> Texto continuo dentro de una celda

Marcos (frames)

<frameset></frameset> Substituye a la etiqueta HTML body en documentos con frames. Puede insertarse en otros framesets

<frameset rows="value,value"> Número de lineas en un frameset, usando pixeles o porcentaje de ancho

<frameset cols="value,value"> Número de columnas en un frameset, usando pixeles o porcentaje de ancho

<frame> Frame singular dentro de un framset

<noframes></noframes> Texto que aparecerá en navegadores que no soportan frames

Atributos de Frames

<frame src="URL"> Especifica que página html se muestra

<frame name="name"> Nombra al frame para que sea identificado por otros frames y accesado

<frame marginwidth=#> Margen izquierdo y derecho de un grame, debe ser igual o mayor que 1

<frame marginheight=#> Margen superior e inferior de un grame, igual o mayor a 1

<frame scrolling=VALUE> Determina si un frame tiene barra de desplazamiento, Puede ser yes, no, auto, el cual es por defecto

<frame noresize> No permite al usuario modificar el tamaño de un frame

Formas

<form></form> Forma

<select name="name"></select> Menú desplegable

<option> Opción del menú desplegable

<textarea name="name" cols=40 rows=8></textarea> Crea una caja de texto, columnas es el ancho y las lineas la altura (cols y rows)

<input type="checkbox" name="name"> Crea un checkbox.

<input type="radio" name="name" value="x"> Crea botón de radio.

<input type=text name="name" size=20> Crea una opción de texto para entrada de información o despliegue

<input type="submit" value="name"> Crea botón de envío de forma tipo submit

<input type="image" border=0 name="name" src="name.gif"> Crea botón de envío con imagen

<input type="reset"> Crea botón de limpieza (reset). Vacía la forma

Otras Etiquetas HTML

<EMBED SRC="url o ruta de archivo" VOLUME="50" HEIGHT="50" WIDTH="130"> Incorpora sonido con panel de control en la pantalla.

< object width="600" height="300"> <param name="movie" value="miarchivo.swf"> <embed src="miarchivo.swf" width="600" height="300"> </embed> </object> Para insertar una pelicula flash swf en html

<!-- Este es un comentario --> Inserta comentarios no visibles en la página.

fuente: cafetero100

KAREN :D

                                                                                       

                                                                                             TIPOS DE SITIOS WEB

Blog: En este tipo de sitios se introducen lecturas, diarios Online o comentarios del autor. También incluyen foros.

Para el comercio electrónico: Estos sitios te permiten comprar y vender cualquier tipo de productos.

De descargas:  Aquí los usuarios pueden subir y bajar contenido electrónico como música, películas, videojuegos, fondos de pantallas entre otros.

De desarrollo: En estos sitios se introduce información vinculada con los desarrollos en diseño, web, software y todo lo que tenga que ver con la informática.

Institucionales: Estos sitios son hechos por alguna entidad, con o sin fines de lucro, para darse a conocer, poner información propia y funcionan como un medio de contacto para sus clientes o miembros. En caso de que sea una empresa, sirve para promocionar sus bienes y servicios.

De comunidad virtual: Por medio de estos sitios, personas que tienen los mismos intereses e inquietudes pueden ponerse en contacto por medio de foros o chat.

Directorio: Este tipo de sitio contiene un directorio organizado de enlaces a otros sitios web y tiene una estructura por categorías y subcategorias.

De información: Como su nombre lo dice, el fin de estos es informar a quienes lo visitan, pero esto necesariamente no se hace con fines económicos. Muchas veces son de organizaciones educativas o pertenecen al gobierno.

Web 2.0:Este tipo de sitio web facilita el hecho de compartir información, un sitio web 2.0 permite a los usuarios interactuar y colaborar entre si como creadores de contenido.

Personal: Estos sitios son administrados por una o muy pocas personas y contienen material sobre cualquier tipo de tema.

Wiki: En estos sitios, son los usuarios los que suben y editan los contenidos.

¿Que es una pagina web?

Una página web es un documento electrónico y que forma parte de la red, en el que contiene información redactada para ser de mayor entendibilidad, puede contener enlaces o hipertextos 

en el que mande o tenga acceso a otras páginas web. 

 Las páginas web pueden tener diferentes autores, para poderlo hacer más completo, en estas pueden contener imágenes, texto, videos, etc. 

Para hacerla más interactiva e interesante, para hacerla más atractiva deberá que tener un diseño interesante para conseguir la atención del usuario y conseguir que navegue en ella.

¿Que es un sitio WEB?

Un sitio web es un espacio virtual en Internet que esta conformado por paginas web desde un mismo dominio o subdominio.

Un sitio web puede tener fotografías, vídeo, sonidos, animaciones flash, etc

La raíz o URL del sitio web se conoce como portada o HOME PAGE

diseño web

me interesa demasiado esta materia y quiero sacarle provecho a todo lo que me proporcionen, soy demaciado creativa por lo tanto me encanta diseñar.

COMENTARIO KAREN :D

Bueno pues espero aprender mucho en esta materia, me gusta diseñar, utilizar diferentes efectos, herramientas, etc.
Me gustaria sacarle algun tipo de provecho a lo que aprenda en este curso, y espero que el profesor nos ayude resolver todas las dudas que se nos puedan presentar.

Yeudiel

¡¡¡¡ Espero que la materia sea fácil para poder aprender cosas nuevas y tener una buena comprensión de los temas impartidos !!!!!!