Category Archives: CE/PC

CE 2411 06: MORE CSS 07/19/16

REVIEW:
HTML/CSS:
Complete Code review for 14, 15, and 16
– Try :first child selector
– Try External CSS
– Try CSS opacity hover

READING:
Ch. 14
List styles
List images
Table Properties
Even the Cursor can change
Lists are important for drop down menus:
Drop, example
Pick your poison

Ch. 15
Best review
The power of “Z” and test code
Floaters
Float and Clear
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)
Review Float with examples
Putting it together
3 vs 2
Floaters
Float and Clear
Examples
Another explanation of the FLOAT
Fixed
Liquid
Layout without Tables
Another Example
What to do with the “Z”
Next Week: Media Rules, 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

Sources to Review:
– More about the “Z”
Flaunt it
3 columns
more 3s

Assignment:
Float Tutorial
Inline block tutorial
Horizontal Align
Try the Z-index
Try implementing a drop down menu

CE 2411 06: More CSS 07/18/16

INTRO:
HTML/CSS:
Complete Code review for 11 and 13
– Try Meta tag, refresh and redirect
– Create at least 3 HTML pages, using CSS to complete the following on each page:
– 1. place background image,
– 2. Use the “box model”
– 3. Use pseudo classes

Revise Usability maps, Site Map, Wireframes and Prototypes based on feedback (completed by next class)
Create an interface (Web Design) for your site. Focus on Home and significant sub page.

READING:
Chapter 10
Best examples
CSS Rules
External CSS. Here is how

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

Class, ID and Grouping Book, pg. 238.
Cascading – Book, pg. 239.
CSS priorities

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

Assignment:
HTML/CSS:
Read: Chapter 14, 15, and 16.
Complete Code review for 14, 15, and 16
– Try :first child selector
– Try External CSS
– Try CSS opacity hover

WEB RADIO WORKSHOP 01: Intro

Review..

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

2 types of shows:
– 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)

Pre-Recorded:
– 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 “UARTS RADIO”)

ASSIGNMENT:
Create a 1 hour radio show in MP3 format

Syllabus: Web Radio Workshop

Syllabus_PC_WRW

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:
Interested in producing, deejaying or managing your own online radio broadcast or an existing web station? This course examines operations within The University of the Arts’ Web radio station, UARTS RADIO with emphases on delivery options, programming and content management.

Course Objectives/Learning Objectives:
How will a student demonstrate that he/she has learned?
• Class participation and assignments

COURSE POLICIES
• Attendance is mandatory and all class work must be completed

UNIVERSITY POLICIES:

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

Syllabus: Digital Media + Marketing

Syllabus_PC_DM

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

Course Description:
Digital media’s rise over the past two decades has turned media production and consumption on their heads, resulting in new industry standards and operations. This course investigates the range of organizations and economic forces involved in digital media production, and their related business practices and policies.
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.
• Students will be presented with quizzes and media projects to measure their understanding of the material

COURSE POLICIES
Attendance + Participation
Students are expected to attend classes regularly and promptly, and for the duration of the scheduled instructional time. Full participation is expected of all Pre-College Programs students and is necessary to fully benefit from and succeed in the program of study.

UNIVERSITY POLICIES:
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/integritypolicyhttp://cs.uarts.edu/ce/policies – academichonesty/integritypolicy

CE 2411 05: Intro to CSS 07/11/16

Sources to Review:
Start reviewing Grid Systems

INTRO:
Complete Code review for 8 and 10
– Mount an image in a table. Put text in certain table cells.
Process and Design:
– Modify Usability and site maps based on feedback.
– Create Detailed Wire frames and annotated versions
– Create HTML prototype from your wireframes. Be as detailed as possible.
We will review in class

REVIEW:
Chapter 8
Meta basics – Here are EXAMPLES
Meta from Google
Meta today
Special Characters, Escape
Example
Ch8, Summary
Chapter 10
INTRO TO CSS:
CSS in Action!
CSS Intro
CSS parts
CSS Propertes
CSS Selector
The box
Pseudo class

PROCESS AND DESIGN:
Sources to Review:
You need a strategy
AWD – What is it?
AWD vs RWD
Modern Web Design

Assignment:
HTML/CSS:
Read: Chapter 11 and 13.
Complete Code review for 11 and 13
– Try Meta tag, refresh and redirect
– Create at least 3 HTML pages, using CSS to complete the following on each page:
— 1. place background image,
— 2. Use the “box model”
— 3. Use pseudo classes

Revise Usability maps, Site Map, Wireframes and Prototypes based on feedback (completed by next class)
Create an interface (Web Design) for your site. Focus on Home and significant sub page.