CE 2411 08: HTML5 – 07/28/14

INTRO:
Review Final Interface design
Due: FINAL WEB SITE (08/06)
HW Deliverables for final:
BASIC HTML
– Create a Basic splash page with images, links, and headings.
– Add more structural and semantic HTML to your pages.

PLANNING:
– 1-2 page proposal For Final Website. Discuss limitations and example sites.
– Create Site Maps
– Create wireframes
– Build out your Site prototype using your final wire frames.
– Create Interface Design, (JPG, PDF, ETC.).

CSS/HTML:
-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)
– CSS: Play with CSS rules and box model attributes.
– CSS: Practice text attributes. In particular, I want to see the @font-face
– Create a 3 column web page using CSS
– 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.
– Practice – Image alignment
– Practice – Roll-overs and sprites
– Practice all HTML5 elements in Chapter 17

READING:
HTML5
The old
The new
What about those older browsers?
CSS magic

ASSIGNMENT:
Review 17
Practice all HTML5 elements in Chapter 17 (use code and images)
Read Ch 19 – SEO
Work on your final PROJECT!!
Purchase a domain name and hosting. Many options

CE 2411 07: Images – 07/21/14

INTRO
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.

READING
Adding images is easy
Review

and title=””
Sizes in CSS
Alignment
Centering
All the different background image insertions
Rollovers and all their parts
Put it all together

ASSIGNMENT
Review 5, 16
Practice – Image alignment
Practice – Roll-overs and sprites
Final Design: Work on the final changes to your interface. Start working on your final Project.
Read Ch 17, 18

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