DH 02: The Human Spark 01/26/18

Primitive to say the least…
VIDEO: Tools, v2.0
READ: Old Caves
READ/LISTEN: NPR – Oldest painters
VIDEO: Lascaux is it Art?
READ: Beads
READ: Cave Jottings – Writing on the wall
Petro
READ(3): A very Foxy Gene
Pictures to Pictographs.
“A” for the bulls
I have an idea
More abstract
Egyptian pictures = history
Gimme some of that Vinca
Proto-Sinaitic script = Alphabet?
And that is just the start, folks. Hebrew, Arabic, Greek, and our very own Roman alphabet
BREAK:
VIDEO: Watch the following Documentary

ASSIGNMENT:
VIDEO: Cave of Forgotten Dreams by Werner Herzog
DESN200-MinorProject

EMP2 02: Illustrator


e magazine example
31 years old
Differences?
Bitmap vs Vector
Getting “Photoshopped”
FNC and VC
What file should I use?

PRACTICE:
Round Corners
Shape Builder, several resources
Pixel Grid in parts

IN CLASS:
Create something in illustrator using:
– Rounded Corners
– and using the shape Builder techniques
– Pay attention to your FNC as mentioned above
– If you are not feeling creative, here are some FREE Vector files
Upload file (PDF, JPG, PNG) to Google Drive and share with me (jparada@uarts.edu). We will review at the end of class

HOMEWORK:
Based on your class work, Create a polished Brand or Logo.
We will Critique next week

WDS 01: Introduction 01/22/18

Introduction:
Review Syllabus:

Book:
HTML and CSS: Design and Build Websites. John Wiley & Sons. 2011.
…and companion Site.

HW assignments – Example 1

Mid-term:
Mid
Mid
Mid
A bit much

Prototype: Example

Sample Work:
1- Sample Student Website
2 – Sample
3 – Sample
4 – Sample

WordPress
WP as a Final

Storage:
– USB Drive/ external Drive
– Pad or notebook + pen/pencil

Software:
Editors – BBEdit, TextWrangler
Brackets
My new favorite
FTP

Practice:
Real-time editor
W3
HTML Elements
HTML Attributes
– Setting up a development environment
– Testing code
– Version control
– Introduction to HTML

Studio 01: Set up and Intro to HTML
Read Chapter 1,2
Code Work: Review 1, 2 – Practice (create several HTML files)
Try the W3 HTML Tutorial
Create a splash page for your web site (use anything you want) with an image and a link. Example?
We will review at the end of class.

DH 01: Introduction 01/19/18

Intro:
Review Syllabus
Are you a designer?
AUDIO/READ: Animal design or sheer luck?
VIDEO: Kanzi – What about designing tools?
READ: The missing link?
Makers?
3M years ago
READ: The hand Ax
READ: I give you, Fire!
Not that easy
Before clothes…
Modern art
Narrative and virtual space
All over the place
And by Design…

ASSIGNMENT:
AUDIO/READ: Animal design or sheer luck?
VIDEO: Kanzi – What about designing tools?
READ: The missing link?
READ: The hand Ax
READ: I give you, Fire!

WDS 14: FINAL

FINAL DELIVERABLES:
A. The Development Process Documents (This was your mid term. Make sure you include a link to your Prototype):

B. Homework Assignments.

Studio 12: Final
– Try PHP includes
– Try JavaScript redirect

Studio 09: CSS/HTML
– Import and display fonts
– Try an image (Sprite) Roll-over (CSS)
– Try Inline Block, Instead of Float
– HTML5 Code (make sure you have tried it)

Studio 08: More CSS + Drop downs
– Make sure you understand the “Z-index”. Try either example.
– Create a 2 Column layout using HTML/CSS
– Create a 3 Column layout using HTML/CSS
– Try a JS Drop down menu
– Try CSS Drop down
– Try Media query (color change)

Studio 06: CSS Review
HTML/CSS:
Complete Code review for Chapter 3, 15, and 16
– Create a single page with the following:
– Try CSS opacity hover
– Try JavaScript opacity hover (copy the code)
– A list of any kind
– Any variation of the “display” property (none, inline, inline-block, etc.)
– Create a navigation menu from a list and the “display” property.

Studio 05: HTML/CSS:
Complete Code review for Chapter 11 and 13
Create at 3 HTML/CSS interlinked pages, and complete the following on each page:
— 1. place background image and practice positioning and margins.
— 2. Use the “box model”
— 3. Use pseudo classes

Studio 04: HTML + Intro to CSS
Read: 10.
Complete Code review for Chapter 10
HTML/CSS: Use the META tag to refresh and redirect

Studio 03: HTML Tables
Complete Code review for Chapter 7 and 8
Following the Table Demo: Create a table with mounted image and put text on top of the images in HTML

Studio 01: Set up and Intro to HTML
Code Work: Review Chapter 1, 2
Create a splash page for your web site (use anything you want) with an image and a link.

C. WordPress site. Installed and customized

D. Final Site (URL) AND a screen shot of your site

Studio 14: Adios!
Have a god break

PFC 15: Final Presentation

Present Finals: 12/11/17 –
Based on the smaller projects (Terrain, Simple Game, 2d), create a narrative, interactive, experience using any of the techniques we have covered this semester.

The final deliverable can be in Unity or any other interactive environment (HTML, Javascript, etc).

PRESENT IN CLASS:
– Talk about inspiration
– What is missing? Anything you would have liked to include?
– Make sure your published builds have been tested

All Unity based projects and assignments should be presented as a “Published Build”

Twine Projects should be “published” as HTML

.zip and email to me: jparada@uarts.edu

WDS 13: WORK ON FINAL DELIVERABLES 12/05/17

FINAL DELIVERABLES:
A. The Development Process Documents (This was your mid term. Make sure you include a link to your Prototype):

B. Homework Assignments.

Studio 12: Final
– Try PHP includes
– Try JavaScript redirect

Studio 09: CSS/HTML
– Import and display fonts
– Try an image (Sprite) Roll-over (CSS)
– Try Inline Block, Instead of Float
– HTML5 Code (make sure you have tried it)

Studio 08: More CSS + Drop downs
– Make sure you understand the “Z-index”. Try either example.
– Create a 2 Column layout using HTML/CSS
– Create a 3 Column layout using HTML/CSS
– Try a JS Drop down menu
– Try CSS Drop down
– Try Media query (color change)

Studio 06: CSS Review
HTML/CSS:
Complete Code review for Chapter 3, 15, and 16
– Create a single page with the following:
– Try CSS opacity hover
– Try JavaScript opacity hover (copy the code)
– A list of any kind
– Any variation of the “display” property (none, inline, inline-block, etc.)
– Create a navigation menu from a list and the “display” property.

Studio 05: HTML/CSS:
Complete Code review for Chapter 11 and 13
Create at 3 HTML/CSS interlinked pages, and complete the following on each page:
— 1. place background image and practice positioning and margins.
— 2. Use the “box model”
— 3. Use pseudo classes

Studio 04: HTML + Intro to CSS
Read: 10.
Complete Code review for Chapter 10
HTML/CSS: Use the META tag to refresh and redirect

Studio 03: HTML Tables
Complete Code review for Chapter 7 and 8
Following the Table Demo: Create a table with mounted image and put text on top of the images in HTML

Studio 01: Set up and Intro to HTML
Code Work: Review Chapter 1, 2
Create a splash page for your web site (use anything you want) with an image and a link.

C. WordPress site. Installed and customized

D. Final Site (URL) AND a screen shot of your site

Studio 13: Final
Work on your final Deliverables