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 responsibilities
6. 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
7. 800px
the fold
600px
http://www.internetonlinewebsite.com/
Friday, July 22, 2011
8. cms
• CMS - Content Management System
Maintenanceʼs BFF.
Via a CMS you can control and update data.
Friday, July 22, 2011
12. cms:
http://www.internetonlinewebsite.com/
Friday, July 22, 2011
13. 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
16. 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
17. •HTML styles
- Style background color
Friday, July 22, 2011
23. 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
24. • CSS text
- Decorate the text
Friday, July 22, 2011
27. 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
28. • Flash: website
http://wechoosethemoon.org/
• WeChooseTheMoon.org was designed to celebrate the 40th anniversary of the Apollo 11
Lunar landing by developing an interactive recreation of the event.
• This is a good example of Flash while meshing archival video, audio & photos.
Friday, July 22, 2011
29. • Flash: a Rich Media
Application
http://apps.facebook.com/prematurepersp/
Friday, July 22, 2011
31. 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
32. • XML text
- View an XML CD Catalog (CD? I know...)
Friday, July 22, 2011
33. • XML text with CSS
- XML only - Display the CD catalog formatted
with the CSS file
Friday, July 22, 2011
35. 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
41. 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
42. leaderboard
skyscrapers
[Rich Media Gallery by DoubleClick]
Friday, July 22, 2011
43. 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
46. 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
49. 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
54. 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
56. 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
57. • 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
58. 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
61. 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