140 likes | 261 Vues
Discover the essential technical skills needed for high school students involved in journalism and media. This resource covers the basics of HTML and CSS, video editing, image manipulation, and multimedia storytelling, equipping aspiring journalists with the ability to design, create, and publish engaging content online. Learn how to enhance your storytelling through effective video techniques, data visualization, and web design. This guide also provides insights into project-based learning and resources for developing digital communication skills.
E N D
Developing Technical Skills for a High School Newspaper Cindy Royal, Ph.D Associate Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu www.cindyroyal.com www.onthatnote.com tech.cindyroyal.net twitter.com/cindyroyal facebook.com/cindyroyal linkedin.com/in/cindyroyal
Why Learn HTML • Regardless of the platform you choose, it is helpful to have a basic understanding of HTML/CSS – the language of the Web • Ability to modify the presentation of a post or customize a CMS • Ability to troubleshoot and add advanced functionality • HTML provides the structure • CSS provides the formatting • Control the entire Web site with a single stylesheet; make global changes quickly and easily
Basic HTML • Markup language – surround text with proper markup • Open and close tags properly (i.e. <html></html> • Sample html page <html> <head><title>Cindy's Web Site</title></head> <body> <p>This is a paragraph</p> </body> </html>
Basic CSS • Use a stylesheet to control the design/layout of a Web page • Save sheet with .css extension • Insert into the <head> section of each page with the following code: <link rel=”stylesheet” href=”style.css” type=”text/css” /> • Styles are defined in this manner: h2 { font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; } Use an existing stylesheet that you understand and modify it; content management systems based on CSS.
Image and Graphic Manipulation • Web resolution – 72dpi • .jpg for photos; .gif or .png for graphics • Images on the Web should ideally be <100kb (kilobytes = 1000 bytes). • Optimize photos for file size; crop and adjust • Photoshop • Webresizer - http://www.webresizer.com/resizer/
Video editing • iMovie – available on Macs for free; easy to learn, use • Final Cut Express or Pro – more comprehensive, but more expensive • Other video options include Window Movie Maker, Adobe Premiere, etc. • Ability to import, crop, add transitions, titles, sound • Keep it short • Choose your editing software • Practice visual storytelling; character-driven narratives • Publish online
Gear • Lots of camera choices • High Def • Accessories – tapes, batteries, microphone, tripod, headphones, lighting • Focus, zoom, exposure • Solid clips – avoid panning and zooming • Get good audio
Digital Video • Cheap cameras and editing software • One person can produce high quality • YouTube 20 hours of footage uploaded every minute • The only way to learn video journalism is by doing it - Angela Grant (a former student) • Video journalists or backpack journalists • Both broadcast and non-broadcast
Plan Video • Different approaches for different projects • Storyboarding • Focus story • Choose interview and demonstration sequences as well as b-roll • Mix your shots – wide angle, medium, close-ups
Five shots • Close-up on the hands • Close-up on the face • Wide shot • Over-the-shoulder shot • Creative shot
Interviews • Select a location – think sound and lighting • Have several pre-written questions – some can be discussed ahead of time • Prepare your subject • Remain silent • Use a stand-up, just in case • Effective use of voiceover
Great Multimedia – Photos and Video • New York Times • Statesman • MediaStorm • Washington Post • The University Star – star.txstate.edu • Links and examples at cindyroyal.com/asne
Telling Stories with Data • New York Times • Texas Tribune • Tools – Google Maps; Charts and Visualization; Fusion Tables, Wordle, Chartle • Links and examples at cindyroyal.com/asne
Student Projects • Web Design curriculum at Texas State • Learn skills in HTML, CSS, JQuery, graphic design, photo, audio, & video editing • Digital Storytelling via integration of tools • TXST's Status as Hispanic Serving Institution – TXStateofChange.com • Firestation Studios - http://www.jonzmikly.com/final/ • NPPA – Future of Journalism Workshop - http://www.onesonia.com/nppa/index.html • South By Texas State – www.sxtxstate.com • Mass Comm Week – txstatemcweek.com • University Star – star.txstate.edu • Course sites - • Web Design – cindyroyal.com/webdesign • Fundamentals of Digital/Online Media - digital.cindyroyal.com • Advanced Online Media - advanced.cindyroyal.net