All posts by admin

WDS 07: Advanced CSS + Process 10/17/17

REVIEW:
Read: Chapter 3, 15, and 16.
Complete Code review for 3, 15, and 16
– Create a single page with the following:
– Try CSS opacity hover:
Opacity – roll over using JavaScript:
Try it using the CSS – hover property
– 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.

READING:
Ch. 15
They have semantic difference – a “div” element is designed to describe a container of data whereas a “p” element is designed to describe a paragraph of content. (Nesting: you can not nest anything in a “p” tag)
Best review
The power of “Z” and test code
Floaters
Float and Clear
Another explanation of the FLOAT
Example
Next Week: 2 column, and 3 column layout. Media queries – using multiple CSS

Ch. 16
Image Size
Alignment (Note: using Float)
Centering options
The float is key
Next Week: Image Rollovers and Sprites

INTRO TO PROCESS:
What process? Why do we need it?
The bad.
What?, just plain ugly
Still pretty bad
Wow!
Oh,Boy.
Oh my.
Are you kidding??
All kinds of “bad”

PROCESS + PROTOTYPING
REQUIREMENTS:
– Who is the site for, Why would people Visit this site, What are your visitors trying to achieve? What information do your visitors need?
DELIVERABLE: Requirements, Target Audience, Research/sketches

USABILITY (UIX):
DELIVERABLE: User Scenarios, Usability maps, Competitive Analysis

SITE STRUCTURE
Deliverables: Site Inventory/Site Map,. Layout grids (Wire frames and HTML Prototype

PROTOTYPING:
HTML prototype

DESIGN:
Deliverables: Interface in JPG

OUTSTANDING ISSUES:
– Think ahead. What do you think will be challenges to development? Keep a list trhough project life cycle

DEVELOPMENT:
-Technical Production: Deliverables: Alpha Site
-QA: Testing. Deliverables: Bug List, Beta Site
-Launch: Deliverables: Final Site

Example Mid
A bit much

Studio 07: CSS and Process
Read: Chapter 12, 14, 17, and 18
Complete Code review for 12, 14, and 17.
Start Process Documentation:
– Start thinking about the site you want to build. Draft requirements.
– Who is the audience? Determine the target demographic.
– Based on Ch 18, start thinking about the kind of site you want to develop (Requirements). Answer questions on page 455.

DH 07: CATHEDRALS AND ARMS 10/11/17

Pride before the fall
Byzantine architecture
Roman sculpting
The Devil is in the Detail
Light inside
Temple vs Church
Basilica to the Cross
Hold up, now!
Domes to domes
Back to the cross
Massive and delicate
Gothic Arches
Let there be light
The Hybrids
Many Examples
The best Jewel in the Crown.
My personal favorite – Mt. Saint Michel

Romans and Post Roman
Like the Movies
VIDEO: Crecy
Winner?
Can and opener
Move around
VIDEO: Armor

ASSIGNMENT:
READ: Medieval Architecture
VIDEO: Armor
DESN200 Major Project #1:

PFC 06:

For Components, need to know GameObjects
– Unity has lots of different built-in component types, and you can also make your own components using the Unity Scripting API.
– A GameObject contains components.
Fits into the GetComponent from last class
Inputs and the input manager
Video tutorial for the input manager

Models, Materials and Textures:
Useful files

ASSIGNMENT:
Play with models and materials and textures
Try adding different components to GameObjects
Try using the input manager

WDS 06: MORE CSS 10/03/17

REVIEW:
Read: Chapter 11 and 13.
Complete Code review for 11 and 13
Create 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
— Did you implement “External CSS”? If not, Convert your pages to External CSS.
Show us!!

READING:
Review CSS priorities
Demo – Google > Developer Tools
Old Web Emulator

Ch. 11
Color names
Opacity
Opacity – roll over using JavaScript:
Try it using the CSS – hover property

Ch. 13
Make sure you are familiar with this.
And, you did all of these…
display /BlockInline

Studio 06: CSS Review
HTML/CSS:
Read: Chapter 3, 15, and 16.
Complete Code review for 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.

WDS 05: CSS 09/26/17

INTRO:
Read: 10.
Complete Code review for 10
HTML/CSS: Use the META tag to refresh and redirect

REVIEW:
Ch. 10.
CSS in Action!
CSS parts
CSS Propertes
CSS Selector
The box
Pseudo class
External CSS. Here is how
Class, ID and Grouping Book, pg. 238.
Cascading – Book, pg. 239.
CSS priorities

Studio 05: HTML/CSS:
Read: Chapter 11 and 13.
Complete Code review for 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

PFC 04: Review

Try a “Hello World!” program in Javascript

alert(“Hello, World!”); or console.log(“Hello, World!”);

What if I want to write?
document.write(“Hello World!”);

Try a Hello World! program in Unity (Demo and compare)
Look at the code. What is MonoBehaviour?
How do I use these functions?
Awake and Start

What is an API and how will it help me?
A function in JS
function functionName(parameters) {
code to be executed
}

Try Calling a function in JavaScript
What is the difference between JS and C#?
What about Functions in Unity and the required Syntax?
Try calling a function in Unity (look up and Demo next week)

ASSIGNMENT:
IF statements
Loops

1 2 3 32