CE 2411 06: TABLES AND LAYOUT – 07/14/14

INTRO:
Review HW – Problems only. We will not be reviewing individual HW today.

READING:
Basic structure
Headings
Spanning columns and rows
Long Tables
Oldies but goodies
Ch. 14
List styles
List images
List positioning and shorthand
Table Properties
Even the Cursor can change
Ch 15
960.gs
z-index, and some examples of opacity, z-index and lists in drop down menus
3 columns

ASSIGNMENT:
Review 6, 14, 15
Practice- create tables and try all the attributes in Ch. 6
Practice styling Forms
Practice modifying Cursors
Practice opacity, Z-index, drop down menu using lists.
Read Chapter: 5, 16

Radio: Syllabus

Radio Workshop
Professor: Juan Parada
M-F: 1-4PM
Office: 1211B – Mailbox on 11th floor
Office Hours: By Appointment only
email: jparada@uarts.edu

Course Description:
An exploration of radio and its evolution and its practical application through our Web Radio station – WRTZ Radio.
Major Learning Objectives/Competencies:
• How will a student demonstrate that he/she has learned? Class participation and discussions.
• What observations will be made that will demonstrate the
student’s competence? Class participation is key. Every semester, the main challenge will be to set up programming and have a working schedule as soon as possible.

Grading:
50%: participation
50%: Assignments

TECHNOLOGY IN THE CLASSROOM
Laptop computers and other mobile devices are invaluable tools for students when used responsibly. However, this technology can also be incredibly distracting, especially in the classroom. When in class, you may use your laptops and other devices for any activities pertaining to the course: taking notes, researching material relevant to our readings and discussions, making class presentations, etc. As a general rule, the following uses are unacceptable: checking e-mail (unless you are sending me an assignment or asking a question), instant messaging, texting, using Facebook, Twitter, YouTube, or ANY other social networking sites.

Course Schedule:
Session 1 – Introduction to the studio and to WRTZ radio. We will have a discussion on Radio and how it has evolved over time. Commercial radio to the current formats that are increasingly available. Introduction to radio programming (how to create pre-recorded radio programming).

Assignment:
• Think about the kind of radio programming you would like to create.
• Listen to terrestrial radio.
• Listen to web radio.
• What are the differences?

Session 2 – Programming. Review the different kinds of radio programming on commercial and web radio. Review radio formats and discuss the way in which web radio is increasingly becoming niche focused. Using GarageBand to create prerecorded shows. Producing curated playlists using Live365. Review upload process and legal issues surrounding copyrighted material. Remember, we can include station IDs, and commentary.

Assignment:
• Create a 1 hour, pre-recorded radio program in Garageband or Logic. Export as an MP3 file for review.
• Think about when you want your show to “Air”.
• Send me (email- jparada@uarts.edu) a show description and image for the Programming grid.
• Transfer songs and playlist along with all extra sound clips to the TA for upload. When would you like your curated playlist to “Air”?

Session 3 – Put Programming Grid in place and collect content to upload (MP3s, playlists). We start programming today! Promoting your show and the station. Using social media and other methods, start promoting your shows. Review strategies and data metrics.
Broadcasting from the WRTZ studio. Intro and review in the studio. Practice your live chops. We will be starting live streaming blocks from the studio during the next class time.

Assignment:
• Be prepared to broadcast live from the studio.
• Promote your show in order to get an audience.

Session 4 – Live Broadcasting from the WRTZ studio

CE 2411 05: LISTS – 07/07/14

INTRO:
Review HW
Interface Design
CSS Box model Attributes

READING:
I need order.
Just bullet points.
For definitions
Nesting (sub-lists)
Text
typeface terminology
Standard fonts
Font Stacks
Font Size
@font-face
Font weight
Font style
Drop shadow
Hover and Focus
3COLS
Need to float
Read me
Example

ASSIGNMENT:
Review 3, 12
Practice text attributes in CSS. In particular, I want to see the @font-face
Create a 3 column web page using CSS
Read Chapter 6, 14, 15

CE 2411 03: Links, Extra Markup/Into to CSS – 06/16/14

INTRO:
Review HW: Talk about your Final (proposal emailed to me)
Review Site maps and wireframes.
Add more structural and semantic HTML to your pages (I will review. Email to me)

PROTOTYPING:
Examples
Software development prototypes (built in HTML)
The interface

INTERFACE ON THE WEB:
Virtual Space is as old as art.
Stats for size
960 Grid
t960 upgrade
Stats for Browser

READING:
HTML is depends on file structure
HTML is depends on file paths
Examples,
Ch4 – Summary
Chapter 8
Meta basics – Here are EXAMPLES
Meta from Google
Meta today
Special Characters, Escape
Example
Ch8, Summary

INTRO TO CSS:
CSS Intro
CSS parts
CSS Propertes
CSS Selector
The box
Pseudo class

Assignment:
Review 4, 8
Read: Chapter 10, 13
Revise IA and Wireframes based on feedback
Build out your Site prototype using your final wire frames.
CSS:
Create your own mini web site (at least 3 pages), using css to complete the following on each page:
1. place background image,
2. Use the “box model”
3. Use pseudo classes
4. Include Declaration and metatags (refresh and redirect)