THE BASICS      07.22.11Friday, July 22, 2011
CRYSTAL GINN      @magitisaFriday, July 22, 2011
Before you start, you have to learn the lingo.      I’ll help you talk the talk.Friday, July 22, 2011
LETS JUMP RIGHT IN, SHALL WE?Friday, July 22, 2011
http://www.internetonlinewebsite.com/Friday, July 22, 2011
above the fold                        • The mystical location on websites where                        advertisers want th...
800px                                                                    the fold                    600px                ...
cms                        • CMS - Content Management System                        Maintenanceʼs BFF.                    ...
Friday, July 22, 2011
http://www.tumblr.com/new/textFriday, July 22, 2011
http://www.flickr.com/photos/organize/Friday, July 22, 2011
cms:                        http://www.internetonlinewebsite.com/Friday, July 22, 2011
drupal                        • Drupal is an open source content                        management platform for websites a...
Friday, July 22, 2011
Friday, July 22, 2011
html                        • HTML - HyperText Markup Language                        Common file format used on the web. T...
•HTML styles     - Style background colorFriday, July 22, 2011
•HTML frame sets   - A horizontal frame setFriday, July 22, 2011
Friday, July 22, 2011
Friday, July 22, 2011
Friday, July 22, 2011
Friday, July 22, 2011
css                        • CSS - Cascading Style Sheets                        This guy makes your text and layout look ...
• CSS text     - Decorate the textFriday, July 22, 2011
• CSS Image Opacity     - Creating transparent images - mouseover effectFriday, July 22, 2011
Friday, July 22, 2011
flash                        • Adobe Flash is a multimedia platform used                        to add animation, video, a...
• Flash: website                                                                        http://wechoosethemoon.org/   • We...
• Flash: a Rich Media     Application  http://apps.facebook.com/prematurepersp/Friday, July 22, 2011
Friday, July 22, 2011
xml                        • XML - Extensible Markup Language                        HTML tells a web page how to look pre...
• XML text     - View an XML CD Catalog (CD? I know...)Friday, July 22, 2011
• XML text with CSS       - XML only         - Display the CD catalog formatted                            with the CSS fil...
Friday, July 22, 2011
ajax                        • AJAX - Asynchronous JavaScript + XML                        Makes magic happen in the backgr...
Friday, July 22, 2011
Friday, July 22, 2011
ftp                        • FTP - File Transfer Protocol                        Your digital file messenger.Friday, July 2...
Friday, July 22, 2011
Friday, July 22, 2011
banner ad                        • A web banner or banner ad is a form of                        advertising on the web.  ...
leaderboard                skyscrapers                              [Rich Media Gallery by DoubleClick]Friday, July 22, 2011
eCommerce                        • Electronic commerce, commonly known as                        e-commerce, eCommerce or ...
Friday, July 22, 2011
• eCommerce platforms: Big Cartel                                     http://bigcartel.com/examplesFriday, July 22, 2011
api                        • An application programming interface                        (API) is a particular set of rule...
http://code.google.com/apis/maps/documentation/javascript/v2/examples/map-animate.html           http://code.google.com/ap...
Friday, July 22, 2011
facebook connect                        • Facebook Connect allows users to "connect"                        their Facebook...
Friday, July 22, 2011
http://vimeo.com/log_inFriday, July 22, 2011
javascript                        • JAVA - JavaScript (JS)                        It adds a spice of interactivity to an H...
http://bulletpr.co.uk/Friday, July 22, 2011
location-based                        services                        • A location-based service (LBS) is an              ...
Friday, July 22, 2011
php                        • PHP: Hypertext Preprocessor                        ....is a widely used, general-purpose scri...
• PHP is a server-side scripting language. All of the          “work” is done on the server, it has full access to the    ...
rss                        • RSS (Really Simple Syndication)                        is a family of web feed formats used t...
Friday, July 22, 2011
Friday, July 22, 2011
seo                        • Search Engine Optimization (SEO) is the                        process of improving the visib...
Friday, July 22, 2011
THANKS!                        crystalginn.comFriday, July 22, 2011
Upcoming SlideShare
Loading in...5
×

SheSays Digital Production Course PART 2: The Basics

4,807

Published on

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

Published in: Business, Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,807
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
57
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

SheSays Digital Production Course PART 2: The Basics

  1. 1. THE BASICS 07.22.11Friday, July 22, 2011
  2. 2. CRYSTAL GINN @magitisaFriday, July 22, 2011
  3. 3. Before you start, you have to learn the lingo. I’ll help you talk the talk.Friday, July 22, 2011
  4. 4. LETS JUMP RIGHT IN, SHALL WE?Friday, July 22, 2011
  5. 5. http://www.internetonlinewebsite.com/Friday, July 22, 2011
  6. 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. 7. 800px the fold 600px http://www.internetonlinewebsite.com/Friday, July 22, 2011
  8. 8. cms • CMS - Content Management System Maintenanceʼs BFF. Via a CMS you can control and update data.Friday, July 22, 2011
  9. 9. Friday, July 22, 2011
  10. 10. http://www.tumblr.com/new/textFriday, July 22, 2011
  11. 11. http://www.flickr.com/photos/organize/Friday, July 22, 2011
  12. 12. cms: http://www.internetonlinewebsite.com/Friday, July 22, 2011
  13. 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
  14. 14. Friday, July 22, 2011
  15. 15. Friday, July 22, 2011
  16. 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.aspFriday, July 22, 2011
  17. 17. •HTML styles - Style background colorFriday, July 22, 2011
  18. 18. •HTML frame sets - A horizontal frame setFriday, July 22, 2011
  19. 19. Friday, July 22, 2011
  20. 20. Friday, July 22, 2011
  21. 21. Friday, July 22, 2011
  22. 22. Friday, July 22, 2011
  23. 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.aspFriday, July 22, 2011
  24. 24. • CSS text - Decorate the textFriday, July 22, 2011
  25. 25. • CSS Image Opacity - Creating transparent images - mouseover effectFriday, July 22, 2011
  26. 26. Friday, July 22, 2011
  27. 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. 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. 29. • Flash: a Rich Media Application http://apps.facebook.com/prematurepersp/Friday, July 22, 2011
  30. 30. Friday, July 22, 2011
  31. 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.aspFriday, July 22, 2011
  32. 32. • XML text - View an XML CD Catalog (CD? I know...)Friday, July 22, 2011
  33. 33. • XML text with CSS - XML only - Display the CD catalog formatted with the CSS fileFriday, July 22, 2011
  34. 34. Friday, July 22, 2011
  35. 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, BasecampFriday, July 22, 2011
  36. 36. Friday, July 22, 2011
  37. 37. Friday, July 22, 2011
  38. 38. ftp • FTP - File Transfer Protocol Your digital file messenger.Friday, July 22, 2011
  39. 39. Friday, July 22, 2011
  40. 40. Friday, July 22, 2011
  41. 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. 42. leaderboard skyscrapers [Rich Media Gallery by DoubleClick]Friday, July 22, 2011
  43. 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
  44. 44. Friday, July 22, 2011
  45. 45. • eCommerce platforms: Big Cartel http://bigcartel.com/examplesFriday, July 22, 2011
  46. 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
  47. 47. http://code.google.com/apis/maps/documentation/javascript/v2/examples/map-animate.html http://code.google.com/apis/maps/documentation/javascript/v2/examples/index.htmlFriday, July 22, 2011
  48. 48. Friday, July 22, 2011
  49. 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
  50. 50. Friday, July 22, 2011
  51. 51. http://vimeo.com/log_inFriday, July 22, 2011
  52. 52. 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
  53. 53. http://bulletpr.co.uk/Friday, July 22, 2011
  54. 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
  55. 55. Friday, July 22, 2011
  56. 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. 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. 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
  59. 59. Friday, July 22, 2011
  60. 60. Friday, July 22, 2011
  61. 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
  62. 62. Friday, July 22, 2011
  63. 63. THANKS! crystalginn.comFriday, July 22, 2011
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×