shesays digital production course part 2: the basics
DESCRIPTION
Before you start, you have to learn the lingo. So say hello to our ‘Digital Production Glossary’. In this class we’ll cover the “what”, eg w: Image formats, software, program languages, banners and online advertising terminology, digital video glossary, version control etc. We'll also cover the differences between PMs and producers and their responsibilitiesTRANSCRIPT
![Page 1: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/1.jpg)
THE BASICS07.22.11
Friday, July 22, 2011
![Page 2: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/2.jpg)
CRYSTAL GINN@magitisa
Friday, July 22, 2011
![Page 3: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/3.jpg)
Before you start, you have to learn the lingo.
I’ll help you talk the talk.
Friday, July 22, 2011
![Page 4: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/4.jpg)
LETS JUMP RIGHT IN, SHALL WE?
Friday, July 22, 2011
![Page 5: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/5.jpg)
http://www.internetonlinewebsite.com/Friday, July 22, 2011
![Page 6: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/6.jpg)
above the fold
• The mystical location on websites where advertisers want their ads to appear.Prime location for visibility & readability.• Showing more content above the fold require less scrolling. • Present your most compelling material above the fold at this resolution but ensure that the absolutely critical information remains visible at 800×600.
Friday, July 22, 2011
![Page 7: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/7.jpg)
http://www.internetonlinewebsite.com/
800px
600pxthe fold
Friday, July 22, 2011
![Page 8: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/8.jpg)
cms
• CMS - Content Management System
Maintenanceʼs BFF.Via a CMS you can control and update data.
Friday, July 22, 2011
![Page 9: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/9.jpg)
Friday, July 22, 2011
![Page 10: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/10.jpg)
http://www.tumblr.com/new/text
Friday, July 22, 2011
![Page 11: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/11.jpg)
http://www.flickr.com/photos/organize/
Friday, July 22, 2011
![Page 12: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/12.jpg)
http://www.internetonlinewebsite.com/
cms:
Friday, July 22, 2011
![Page 13: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/13.jpg)
drupal
• Drupal is an open source content management platform for websites and applications.
Itʼs free, flexible, robust and constantly being improved by hundreds of thousands of passionate people from all over the world.
For more info: http://drupal.org/
Friday, July 22, 2011
![Page 14: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/14.jpg)
Friday, July 22, 2011
![Page 15: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/15.jpg)
Friday, July 22, 2011
![Page 16: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/16.jpg)
html
• HTML - HyperText Markup Language
Common file format used on the web. Tags in this code define how the page looks, how fonts appear and how you can link files or links to other sources on the web.
Libray of examples:http://www.w3schools.com/html/html_examples.asp
Friday, July 22, 2011
![Page 17: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/17.jpg)
•HTML styles - Style background color
Friday, July 22, 2011
![Page 18: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/18.jpg)
•HTML frame sets - A horizontal frame set
Friday, July 22, 2011
![Page 19: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/19.jpg)
Friday, July 22, 2011
![Page 20: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/20.jpg)
Friday, July 22, 2011
![Page 21: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/21.jpg)
Friday, July 22, 2011
![Page 22: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/22.jpg)
Friday, July 22, 2011
![Page 23: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/23.jpg)
css
• CSS - Cascading Style Sheets
This guy makes your text and layout look smashing. Itʼs a script that runs via its buddy HTML.
Library of styles:http://www.w3schools.com/css/css_examples.asp
Friday, July 22, 2011
![Page 24: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/24.jpg)
• CSS text - Decorate the text
Friday, July 22, 2011
![Page 25: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/25.jpg)
• CSS Image Opacity - Creating transparent images - mouseover effect
Friday, July 22, 2011
![Page 26: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/26.jpg)
Friday, July 22, 2011
![Page 27: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/27.jpg)
flash
• Adobe Flash is a multimedia platform used to add animation, video, and interactivity to web pages.
Flash is frequently used for advertisements, games and flash animations for broadcast. More recently, it has been positioned as a tool for "Rich Internet Applications".
Friday, July 22, 2011
![Page 28: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/28.jpg)
• WeChooseTheMoon.org was designed to celebrate the 40th anniversary of the Apollo 11Lunar landing by developing an interactive recreation of the event.• This is a good example of Flash while meshing archival video, audio & photos.
• Flash: website
http://wechoosethemoon.org/
Friday, July 22, 2011
![Page 29: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/29.jpg)
• Flash: a Rich Media Application
http://apps.facebook.com/prematurepersp/
Friday, July 22, 2011
![Page 30: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/30.jpg)
Friday, July 22, 2011
![Page 31: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/31.jpg)
xml
• XML - Extensible Markup Language
HTML tells a web page how to look pretty but XML lists out what those pretty graphics or text contain. Itʼs also structured in tags, like HTML.
Library of examples: http://www.w3schools.com/xml/xml_examples.asp
Friday, July 22, 2011
![Page 32: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/32.jpg)
• XML text - View an XML CD Catalog (CD? I know...)
Friday, July 22, 2011
![Page 33: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/33.jpg)
• XML text with CSS
- XML only - Display the CD catalog formatted with the CSS file
Friday, July 22, 2011
![Page 34: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/34.jpg)
Friday, July 22, 2011
![Page 35: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/35.jpg)
ajax
• AJAX - Asynchronous JavaScript + XML
Makes magic happen in the background without anyone noticing.Data can be sent and retrieved without disturbing the display or behavior of your page.
eg.: Gmail, GMaps, Flick, Basecamp
Friday, July 22, 2011
![Page 36: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/36.jpg)
Friday, July 22, 2011
![Page 37: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/37.jpg)
Friday, July 22, 2011
![Page 38: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/38.jpg)
ftp
• FTP - File Transfer Protocol
Your digital file messenger.
Friday, July 22, 2011
![Page 39: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/39.jpg)
Friday, July 22, 2011
![Page 40: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/40.jpg)
Friday, July 22, 2011
![Page 41: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/41.jpg)
banner ad
• A web banner or banner ad is a form of advertising on the web.
It is intended to attract traffic to a website by linking to the website of the advertiser.The advertisement is constructed from an image (GIF, JPEG, PNG), JavaScript program or multimedia object employing technologies such as Java or Flash, often including animation, sound, or video to maximize presence.
Friday, July 22, 2011
![Page 42: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/42.jpg)
[Rich Media Gallery by DoubleClick]
leaderboard
skyscrapers
Friday, July 22, 2011
![Page 43: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/43.jpg)
eCommerce
• Electronic commerce, commonly known as e-commerce, eCommerce or e-comm, refers to the buying and selling of products or services online.
However, the term may refer to more than just buying and selling products online.It also includes the entire online process of developing, marketing, selling, delivering, servicing and paying for products and services.
Friday, July 22, 2011
![Page 44: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/44.jpg)
Friday, July 22, 2011
![Page 45: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/45.jpg)
• eCommerce platforms: Big Cartel
http://bigcartel.com/examples
Friday, July 22, 2011
![Page 46: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/46.jpg)
api
• An application programming interface (API) is a particular set of rules and specifications that software programs can follow to communicate with each other.
It serves as an interface between different software programs and facilitates their interaction, similar to the way the user interface facilitates interaction between humans and computers.
Friday, July 22, 2011
![Page 47: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/47.jpg)
http://code.google.com/apis/maps/documentation/javascript/v2/examples/map-animate.htmlhttp://code.google.com/apis/maps/documentation/javascript/v2/examples/index.html
Friday, July 22, 2011
![Page 48: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/48.jpg)
Friday, July 22, 2011
![Page 49: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/49.jpg)
facebook connect
• Facebook Connect allows users to "connect" their Facebook identity, friends and privacy to any site.
This enables third party websites to implement and offer even more features of the Facebook Platform off of Facebook on other sites or applications.
Friday, July 22, 2011
![Page 50: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/50.jpg)
Friday, July 22, 2011
![Page 52: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/52.jpg)
javascript
• JAVA - JavaScript (JS)
It adds a spice of interactivity to an HTML page. HTML is lame and static without JS.
Friday, July 22, 2011
![Page 54: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/54.jpg)
location-based services• A location-based service (LBS) is an information or entertainment service, accessible with mobile devices through a mobile network and utilizing the ability to make use of the geographical position of the mobile device
LBS include services to identify a location of a person or object, such as discovering the nearest ATM and parcel tracking.
Friday, July 22, 2011
![Page 55: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/55.jpg)
Friday, July 22, 2011
![Page 56: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/56.jpg)
php
• PHP: Hypertext Preprocessor
....is a widely used, general-purpose scripting language that was originally designed for web development to produce dynamic web pages.
If you need to embed dynamic text into static text, youʼll find PHP extremely useful. It was designed for this, and it excels at it. PHP is also very useful for integrating web pages with databases.
Friday, July 22, 2011
![Page 57: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/57.jpg)
• PHP is a server-side scripting language. All of the “work” is done on the server, it has full access to the information that the server has, and very little access to information that the client has.
Friday, July 22, 2011
![Page 58: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/58.jpg)
rss
• RSS (Really Simple Syndication)
is a family of web feed formats used to publish frequently updated works—such as blog entries, news headlines, audio, and video—in a standardized format.
Friday, July 22, 2011
![Page 59: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/59.jpg)
Friday, July 22, 2011
![Page 60: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/60.jpg)
Friday, July 22, 2011
![Page 61: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/61.jpg)
seo
• Search Engine Optimization (SEO) is the process of improving the visibility of a website or a web page in search engines via the "natural" or un-paid ("organic" or "algorithmic") search results.
Friday, July 22, 2011
![Page 62: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/62.jpg)
Friday, July 22, 2011
![Page 63: SheSays Digital Production Course PART 2: The Basics](https://reader036.vdocuments.mx/reader036/viewer/2022081403/5559ef25d8b42a39498b5421/html5/thumbnails/63.jpg)
THANKS!
crystalginn.com
Friday, July 22, 2011