Saturday Academy Notes – S1 W3
Joe Bautista
joe.bautista@viscomcenter.com
Web/Interactive Design
Session 1 – Week 3
Saturday October 10
Careers in Interactive Design
Visual Designer – UI
User Experience Designer – UX
Front End Developer – HTML/CSS/JS
Back End Developer – PHP/JS
Product Owner
HTML 5 -Hypertext Markup Language
CSS -Cascading Style Sheets
JS -JavaScript
WYSIWYG – What You See Is What You Get
Companies
Apple
Yahoo!
and many many more
Types of Interactive Websites
- Brochure
- eCommerce
- Social/Organizational
- Dictionary/Reference
- Interactive/Gaming/Flash
- Web Application
- Mobile Application
QUIZ TIME
Google HTML Quiz
HTML BASICS
tags/elements
<p>content</p>
<h1>-<h6> headline
<p> paragraph
<div> container
<table> table
<tr> table row
<td> table column
<span> inline
<ol> ordered list
<ul> unordered list
<li> list item
<html> <head> <title> <body>
<a>
<img>
<strong>
<em>
nesting tags
<p> content <strong> content </strong> </p>
<p> content </p>
type tags
<h1> largest </h1>
<h6> smallest </h6>
<p>
img
<img src=”path” alt=”description”/>
links
<a href=”path”> </a>
<br> line break
<hr>
folder structure
PS BASICS
sketch idea first
hollywood bowl
pick the band you want to feature
RGB
72 DPI
width x height