de PSD a HTML con Photoshop CC y Dreamweaver CC
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
8 students enrolled
Wishlisted Wishlist

Please confirm that you want to add de PSD a HTML con Photoshop CC y Dreamweaver CC to your Wishlist.

Add to Wishlist

de PSD a HTML con Photoshop CC y Dreamweaver CC

Aprende a crear páginas web adaptables a todos los dispositivos con Photoshop CC y Dreamweaver CC
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
8 students enrolled
Created by Gonzalo Pasquin
Last updated 11/2015
Spanish
Current price: $10 Original price: $30 Discount: 67% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Diseñar una web en Photoshop
  • Maquetar la web con estilos CSS en Dreamweaver
View Curriculum
Requirements
  • Es recomendable tener conocimientos básicos de Photoshop y Dreamweaver
  • Es recomendable tener instalado Photoshop CC y Dreamweaver CC
Description

En este curso vemos como crear una web en Photoshop, como organizar las capas y aplicar efectos de capa. Para después, extraer los estilos CSS que aplicamos en Dreamweaver para maquetar la web.

Para finalizar hacemos que la web sea adaptable al dispositivo.

Normalmente empezamos el proyecto del diseño de una web en Photoshop y la presentamos al cliente. Una vez aceptado, lo maquetamos desde cero en Dreamweaver.

En este curso te mostramos como utilizar las nuevas opciones de Photoshop CC para extraer todos los estilos CSS e importarlos a Dreamweaver . Con lo que solo nos faltaria añadir el contenido.

El curso esta estructurado de la siguiente manera:

  1. Diseño de la página web en photoshop
  2. Extracción de los estilos CSS en Photoshop
  3. Maquetación de la web en Dreamweaver
  4. Insertar el contenido de la web
  5. Hacer que la web sea adaptable a todos los dispositivos actuales
  6. Finalizar los últimos detalles de la web
Who is the target audience?
  • Este curso es para diseñadores gráficos que desean utilizar Photoshopcomo herramiento de diseño web y maquetar en Dreamweaver
Students Who Viewed This Course Also Viewed
Curriculum For This Course
24 Lectures
03:54:34
+
presentación del curso
1 Lecture 02:58

Presentación del curso de crear una web con Photoshop y maquetar en Dreamweaver con HTML y CSS.

Preview 02:58
+
Diseño en Photoshop CC de nuestra página web
8 Lectures 01:12:59

Lo básico de como se diseña en Photoshop con estilos de capa, crear el estilo CSS y pasar el estilo a Dreamweaver aplicándolo a un DIV.

Preview 06:57

Análisis de las columnas que tenemos que crear en Photoshop para tener el contenido de la web bien alineado. Crear las diferentes guías que nos servirán de referencia.

Preview 07:52

Crear el encabezado de nuestra página web. Insertar texto con efectos. Creación del menú de la web. Diseño del fondo del menú con efectos de capa y opacidad.

Crear el encabezado de nuestra página web
15:18

Creación del apartado de servicios de la web. Crear capas de forma con efectos. Crear círculos con efectos. Insertar diferentes textos. Duplicar y modificar el contenido

Creación del apartado de servicios de la web 1ª parte
10:35

Creación del apartado de servicios de la web 2ª parte
10:11

Primera parte de creación del contenido dela web. Apartado de bienvenida.

Primera parte de creación del contenido
07:27

Segunda parte del contenido. Apartado de últimos proyectos y nuestros clientes.

Segunda parte del contenido
11:01

Crear el texto del pie de página y el fondo

Crear el texto del pie
03:38
+
Maquetar en Dreamweaver CC de nuestra página web
8 Lectures 01:17:30

Generar en Photoshop los estilos CSS. Crear una hoja de estilos en Dreamweaver. Comentar las clases CSS generadas.

Generar en Photoshop los estilos CSS
10:12

Crear el encabezado de nuestra web. Crear la imagen del logo de la web. Creación del menú principal de la web.

Crear el encabezado de nuestra web
18:29

Crear el espacio para lo que será el pase de fotos o imágenes . Control del nombre de las capas y las clases CSS

Crear el espacio para lo que será el pase de fotos
08:41

Creación del apartado de servicios . Duplicar los DIV que interesa y cambiar las clases apropiadas

Creación del apartado de servicios
11:32

Crear el apartado de bienvenida . Crear nuestra propia clase y aplicar a una parte del texto.

Crear el apartado de bienvenida
09:07

Apartado de clientes y últimos proyectos. Controlar la imagen de fondo de los apartados.

Apartado de clientes y últimos proyectos
11:07

Crear el pie de página

Crear el pie de página
02:20

Centrar toda la página y modificar los márgenes superiores e inferiores

Centrar toda la página
06:02
+
Hacer nuestra web adaptable a todos los dispositivos
5 Lectures 59:24

Modificar el documento de Photoshop para que se adapte a los Tablet

Modificar el documento de Photoshop 1ª parte
10:05

Modificar el documento de Photoshop 2ª parte
12:56

Preparar los estilos CSS para que se adapten a los tablet

Preparar los estilos CSS
12:06

Preparar nuestra web para los móviles. Modificaciones en Photoshop y los estilos CSS

Preparar nuestra web para los móviles 1º parte
11:11

Preparar nuestra web para los móviles 2º parte
13:06
+
Últimos detalles de la web
2 Lectures 21:43

Crear vínculos en nuestra web. Configurar el color de los vínculos generales y específicos.

Crear vínculos en nuestra web.
15:43

Insertar un pase de fotos interactivo. Insertar la hoja de estilos del pase de fotos

Insertar un pase de fotos interactivo
06:00
About the Instructor
Gonzalo Pasquin
4.5 Average rating
784 Reviews
11,055 Students
13 Courses
Instructor Online . + 10.000 estudiantes lo garantizan

Hola cybernauta, soy gonzalo pasquin responsable de un portal especializado en la formación online en formato videotutorial. Soy especialistas en el área de diseño y tecnología , con cursos de Dreamweaver utilizando PHP y MySQL para crear tiendas online, Photoshop para editar imágenes con cursos introductorios y avanzados , Eclipse y JAVA para crear aplicaciones para dispositivos ANDROID , WordPress para crear páginas web profesionales en segundos ,Flash, Google web designer, AutoCAD. Tengo una amplia experiencia en formación presencial impartiendo clases en numerosos centros de formación de Barcelona, y con la popularización de internet de alta velocidad empece a crear los primeros videotutoriales en el año 2004 , y viendo el gran éxito que tenían, decidí dedicar mi tiempo a este tipo de formación.