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.
1 student enrolled
Instructed by Gonzalo Pasquin Design / Web Design
$30
Take This Course
  • Lectures 24
  • Contents Video: 4 hours
  • Skill Level Intermediate Level
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2014 Spanish

Course 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

What are the requirements?

  • Es recomendable tener conocimientos básicos de Photoshop y Dreamweaver
  • Es recomendable tener instalado Photoshop CC y Dreamweaver CC

What am I going to get from this course?

  • Diseñar una web en Photoshop
  • Maquetar la web con estilos CSS en Dreamweaver

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: presentación del curso
02:58

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

Section 2: Diseño en Photoshop CC de nuestra página web
06:57

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.

07:52

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.

15:18

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.

10:35

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 2ª parte
10:11
07:27

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

11:01

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

03:38

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

Section 3: Maquetar en Dreamweaver CC de nuestra página web
10:12

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

18:29

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

08:41

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

11:32

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

09:07

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

11:07

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

02:20

Crear el pie de página

06:02

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

Section 4: Hacer nuestra web adaptable a todos los dispositivos
10:05

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

Modificar el documento de Photoshop 2ª parte
12:56
12:06

Preparar los estilos CSS para que se adapten a los tablet

11:11

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

Preparar nuestra web para los móviles 2º parte
13:06
Section 5: Últimos detalles de la web
15:43

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

06:00

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Gonzalo Pasquin, Instructor Online . + 7.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 exito que tenían, decidi dedicar mi tiempo a este tipo de formación el cual me permite trabajar desde mi casa de Menorca, donde resido actualmente.

Ready to start learning?
Take This Course