Taller Creación de Páginas Web

12 Hrs.

Descripción

Durante el curso los usuarios de Páginas Web aprenderán a utilizar las herramientas digitales para diseño gráfico más usadas por los profesionales para dibujo vectorial, fotografía, multimedia y Web.

El conocer HTML y CSS también permitirá al usuario mejorar la edición de posts y páginas en gestores de contenido como Blogger o WordPress o con Apps que le permitan crear pestañas para Facebook. Y el conocimiento de Photoshop será el aporte perfecto para crear tus imágenes estéticamente y técnicamente de la mejor manera

A quien va dirigido

A usuarios  que deseen aprender a crear páginas web desde el inicio, de forma práctica, conociendo los estándares y las mejores prácticas para realizar esta tarea.

Objetivos

  • Conocer el lenguaje de marcado (X)HTML, para crear las páginas web (versión 4 y referencias a la nueva versión HTML 5)
  • Conocer el lenguaje CSS (hojas de estilo) para dar formato y presentación a las páginas (CCS2 y referencias a la nueva versión CSS3)
  • Conocer como manipular y optimizar una imagen para su uso en un sitio web
  • Elaborar tus propias composiciones fotográficas para los elementos de publicidad de una página o sus portadas.

Temario

Photoshop

Lesson 1: Photoshop’s Environment

  • Topic 1A: Raster and Vector Graphics
  • Topic 1B: Photoshop Environment Elements
  • Topic 1C: Navigating in Photoshop

Lesson 2: Sizing Images

  • Topic 2A: Image Size and Resolution 
  •   Topic 2B: Cropping

Lesson 3: Selecting Image Areas

  • Topic 3A: The Rectangular and Elliptical Marquee Tools
  • Topic 3B: The Lasso Tools
  • Topic 3C: Saving Selections
  • Topic 3D: The Magic Wand Tool
  • Topic 3E: The Magnetic Lasso Tool 
  • Topic 3F: Modifying Selections

Lesson 4: Layers

  • Topic 4A: Floating vs. Fixed Selections
  • Topic 4B: Undoing Previous Steps
  • Topic 4C: Copying Selections
  • Topic 4D: Creating Layers
  • Topic 4E: Transforming Layers
  • Topic 4F: Copying Layers Between Images
  • Topic 4G: Saving Images in Photoshop Format
  • Topic 4H: Arranging Layers

Lesson 5: Blending and Compositing

  • Topic 5A: Defringing
  • Topic 5B: Opacity and Blending Modes
  • Topic 5C: Feathering Edges

Lesson 6: Image Modes

  • Topic 6A: Mode Characteristics
  • Topic 6B: Grayscale and Bitmap Modes
  • Topic 6C: Color Modes

Lesson 7: Color and Painting

  • Topic 7A: Selecting Colors
  • Topic 7B: Painting Tools 
  • Topic 7C: The Clone Stamp Tool 

Lesson 8: Text, Layer Effects, & Filters

  • Topic 8A: Type Layers
  • Topic 8B: Layer Effects
  • Topic 8C: Filters
  • Topic 8D: Merging and Flattening Layers

Lesson 9: Adjusting Images

  • Topic 9A: Brightness/Contrast
  • Topic 9B: Levels Adjustment Layers
  • Topic 9C: Toning Tools
  • Topic 9D: Hue/Saturation

Lesson 10: Saving Completed Images

  • Topic 10A: Saving for Use in Print Applications
  • Topic 10B: Saving for the Web

Dreamweaver

Lesson 1: Internet Access and HTML

  • Topic 1A: Internet Access and HTML
  • Topic 1B: Planning Web Sites
  • Topic 1C: The Dreamweaver Environment
  • Topic 1D: Viewing and Managing HTML Code

Lesson 2: Creating a Web Site

  • Topic 2A: Defining a Web Site
  • Topic 2B: Creating a Basic Web Page
  • Topic 2C: Page Properties

Lesson 3: Building a Web Site

  • Topic 3A: The Site Panel
  • Topic 3B: Templates

Lesson 4: Adding Content to Web Pages

  • Topic 4A: List Formats
  • Topic 4B: Images
  • Topic 4C: Tables
  • Topic 4D: Templates Containing Repeating Regions

Lesson 5: Working with Links

  • Topic 5A: Links within a Site

Lesson 6: Enhancing Navigation in a Site

  • Topic 6A: Framesets
  • Topic 6B: Re-Usable Navigation Bars

Lesson 7: Managing and Uploading a Web Site

  • Topic 7A: The Site Map

CSS3

  1. Selectores
  2. Animaciones css
  3. Pseudo elementos de css3
  4. Pseudo clases
  5. Efectos de texto y tipografía
  6. Color
  7. Efectos de borde
  8. Nuevas propiedades del fondo
  9. Efectos de sombra y brillo
  10. Trasformaciones
  11. Transiciones