Graphic Design / Interactive Design / Fine & Applied Arts / Parkland College

GDS 220 Graphic Design for the Web
Lynda Tutorials

Instructor: Paul Young

Objective

To learn advanced technical skills through self-guided video tutorials on lynda.com. To become independent lifelong learners.

Description

Every week, you will be assigned video tutorial(s) on Lynda.com (see playlist). Completed Lynda tutorials will be graded pass/fail (based on the quality of your submission). Parkland provides free access to Lynda.com for all current students. First time users: please read this Knowledgebase article.

Note: Credit will be given each week only if your assignment is uploaded to Cobra's dropboxes on time.

Procedure
  1. Login to your Lynda.com account every week from my.parkland.edu or lynda.com
  2. View the playlist for this class, download the exercise file(s) and do the tutorial(s) for the week (see schedule below)
  3. Submit the required files using Cobra's Dropbox every Tuesday by 11:30pm
  4. When appropriate, also publish the in-progress web-ready tutorial file(s) and make a link from your Process Page (tip: be sure to duplicate each week's root folder if your tutorial is a continuation from last week).
  5. Optional: For extra credit, choose a video to watch from "Productivity Tips for Web Designers" or "CSS Shorts Weekly" on lynda.com. Summarize what you learned in the "Lynda Extra Credit Discussions" forum. Maximum extra credit: one extra video per week.
Dropbox

Tutorials (see calendar for exact dates)

Files to upload

Lynda 1

Dreamweaver CC New Features

  • Find and Replace (34m)

Bootstrap 3: Advanced Web Development

  • Planning your site with mind maps (10m)
  • Prototyping your site using mockups (14m)
  • try out bubbl.us and upload a screenshot of your test
  • free access to Balsamiq available by emailing the instructor

Lynda 2

Dreamweaver CC Essential Training

  • Chapt 4: Authoring Options (50m)

Design the Web: Layer Comps

  • (all) (26m)
  • interaction_design.psd

Lynda 3

Learning Responsive Design

  • Intro
  • Chapt 1 Introducing Responsive Design (14m)
  • Chapt 2 Common Concepts (1h)
  • upload screenshots of key points made by lecturer James Williamson

Lynda 4

Learning Responsive Design

  • Chapt 3 Responsive Design Strategies (44m)
  • Conclusion (12m)
  • upload screenshots of key points made by lecturer James Williamson

Lynda 5

Learning Chrome Web Developer Tools

  • Chapt 2 Developer Tools (6m)
  • Chapt 3 Using the Elements Panel (15m)

Bootstrap 4 Essential Training

  • Chapt 1 Getting Started (7m)

Tip: Use Dreamweaver’s code view as your text editor

  • 03_03.zip
    (compress the modified "03_03" folder from the "Chapt 3 Using the Elements Pane" tutorial)

Lynda 6

Bootstrap 4 Essential Training

  • Chapt 2 Using Basic Styles (32m)
  • compress and upload each modified folder from Chapt 2 into a zip archive

Lynda 7

Bootstrap 4 Essential Training

  • Chapt 3 Mastering Layout (1h 19m)
  • compress and upload each modified folder from Chapt 3 into a zip archive

Lynda 8

Bootstrap 4 Essential Training

  • Chapt 4 Navs and Navbar (46m)
  • compress and upload each modified folder from Chapt 4 into a zip archive

Lynda 9

Bootstrap 4 Essential Training

  • Chapt 5 Basic Style Elements (34m)
  • compress and upload each modified folder from Chapt 5 into a zip archive

Lynda 10

Bootstrap 4 Essential Training

  • Chapt 6 Layout Components (50m)
  • compress and upload each modified folder from Chapt 6 into a zip archive

Lynda 11

Bootstrap 4 Essential Training

  • Chapt 7 Using Form Styles (28m)
  • compress and upload each modified folder from Chapt 7 into a zip archive

Lynda 12

Bootstrap 4 Essential Training

  • Chapt 8 Interactive Components (1hr 8m)
  • compress and upload each modified folder from Chapt 8 into a zip archive

Lynda 13

Design the Web: Getting CSS from Photoshop 

  • (all) (24m)
  • 2 - Text and Objects.zip
  • 3 - Layer Groups.zip
  • 4 - CSS Animation.zip

BACK TO TOP
Last updated: 10/23/17 ■ Webmaster: Paul Young