CE 2411 06: STILL MORE CSS 07/20/15

This should have been completed:
– Practice using external CSS
– Practice Pseudo classes and the box
– Practice CSS priorities
– Try :first child, last child selector
Review in class:
– Revise your design based on feedback and present next week.
– Make sure your Wireframes/prototype are finalized
This week – I will be available after work (5 – 7PM), except Wednesday and Friday

Color: Specify color in 3 different ways
Color names
Color as HSL and HSLA: hue, saturation. lightness, and alpha *NOTE: beware of older browsers
Fonts. Web Safe?
Google can also help
boxes and min.

Read: Ch. 14, 15, and 16

Review: 14, 15, 16
Create your own mini web site (at least 5 pages), using css to complete the following on each page:
1. place background image,
2. Use the “box model”
3. Use pseudo classes
4. Use hover and opacity
5. Embed fonts
6. Practice limiting width
Review in class next week

Web Radio Workshop 02: Pre-recorded

– Review your pre recorded shows.
– Make changes to your show based on feedback

Prep Files
– make sure file is MP3
– Fill in extra information in itunes

Prep Show
– Name your show
– Your name? DJ name?
– Show description (a couple of lines)
– Image (provide one)
– Schedule. Figure out times.

Get ready to stream show (follow points above)
Start another pre-recorded show for next week


Our Web Radio Station, WRTZ Radio.
Our streaming provider.: Live365
– The importance of marketing your show.
– Use social media (all forms)
– Build an audience

3 types of shows:
– Live365 Playlist (not recommended)
– Pre-Recorded
– Live in the Studio

Radio Show Format:
– SID on the hour, and every 15-20 minutes
– We are not a jukebox, so get on the air.
– Keep a song list (this is how artists get paid)

– File must be in MP3 format.
– Streaming rate is 64kb/s. Reduce file size accordingly
– Follow radio format above
– Use pre recorded SIDs or make your own (must say at least “WRTZ RADIO”)

Create a 1 hour radio show in MP3 format

Syllabus: MM 107.01 Web Radio Workshop

Instructor Information:
Name: Juan Parada
Email: jparada@uarts.edu
Email Policy: Email with any questions, anytime. I will get back to you within 24 hours

Course Description:
An exploration of radio and its evolution and its practical application through our Web Radio station – WRTZ Radio.
Course Objectives/Learning Objectives:
• 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.

• Attendance is mandatory and all class work must be completed


Student Code of Conduct
Pre-College Programs works to provide a safe and healthy environment for learning and artistic growth. As this is a college-level program, students are expected to behave accordingly, which demands regular class attendance , respect of personal and University property as well as the rights of students, faculty, and staff. All students are expected to follow the Student Code of Conduct regardless of whether they are on-campus or not during the time of the infraction. The Student Code of Conduct also applies to violations of local, state, and/or federal laws. Prior to arrival on campus, students and parents are required to read and confirm acknowledgement of the Student Code of Conduct.

Academic Honesty/ Integrity Policy
Violations of academic integrity are considered to be acts of academic dishonesty and include (but are not limited to) cheating, plagiarizing, fabrication, denying others access to information or material, and facilitating academic dishonesty, and are subject to disciplinary action. To review the Academic Honesty/ Integrity Policy in its entirety, please visit: http://cs.uarts.edu/ce/policies#academichonesty/integritypolicy


Session 1
Date: 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).
Session 2
Date: 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.
Session 3
Date: 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.

Session 4
Date: Pre-Recorded Shows
Session 5
Date: Pre-Recorded Shows

Session 6
Date: Pre-Recorded Shows
Session 7
Date: Live Broadcasting from the WRTZ studio
Session 8
Date: Live Broadcasting from the WRTZ studio

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

Assignment 2:
• 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”?

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

Assignment 4:
• Be prepared to broadcast pre recorded shows
• Promote your show in order to get an audience.

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

All students who successfully complete the course will be evaluated on a 1-5 scale in the following areas:
1. Attitude
2. Effort / Participation
3. Preparedness
4. Creativity / Experimentation
5. Student Development
6. Project Completion
7. Technique
8. Comprehension of Subject Matter

Student Materials | Supplies

USB Drive or external

CE 2411 05: INTERFACE DESIGN – More CSS 07/13/15

1. Try using photoshop to mount an image in a table. Write over a table cell as demonstrated in class
2. Revise website prototype based on class feedback. Present next class
3. Interface: Create Interface Design, Present as a JPG.

Forms: examples
Intro to CSS in book
External CSS. Here is how
Class, ID and Grouping
CSS Propertes
CSS Selector
The box
Pseudo class
CSS priorities. Also see page, 239.
Review Page 238, 292 in book
The :first-child selector allows you to target the first element immediately inside another element. It is defined as a “structural pseudo-class”, meaning it is used to style content based on its relationship with parent and sibling content.
– First Child in action
– First and last child

Read 11, 12, and 13

Review: 11, 12, and 13
Practice using external CSS
Practice Pseudo classes and the box
Practice CSS priorities
Try :first child selector

Revise your design based on feedback and present next week.
Make sure your Wireframes/prototype are finalized