shesays digital production course part 2: the basics

THE BASICS07.22.11

Friday, July 22, 2011

CRYSTAL GINN@magitisa

Before you start, you have to learn the lingo.

I’ll help you talk the talk.

LETS JUMP RIGHT IN, SHALL WE?

http://www.internetonlinewebsite.com/Friday, July 22, 2011

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.

http://www.internetonlinewebsite.com/

600pxthe fold

• CMS - Content Management System

Maintenanceʼs BFF.Via a CMS you can control and update data.

http://www.tumblr.com/new/text

http://www.flickr.com/photos/organize/

http://www.internetonlinewebsite.com/

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/

• 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

•HTML styles - Style background color

•HTML frame sets - A horizontal frame set

• 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

• CSS text - Decorate the text

• CSS Image Opacity - Creating transparent images - mouseover effect

• 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".

• 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/

• Flash: a Rich Media Application

http://apps.facebook.com/prematurepersp/

• 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

• XML text - View an XML CD Catalog (CD? I know...)

• XML text with CSS

- XML only - Display the CD catalog formatted with the CSS file

• 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

• FTP - File Transfer Protocol

Your digital file messenger.

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.

[Rich Media Gallery by DoubleClick]

leaderboard

skyscrapers

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.

• eCommerce platforms: Big Cartel

http://bigcartel.com/examples

• 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.

http://code.google.com/apis/maps/documentation/javascript/v2/examples/map-animate.htmlhttp://code.google.com/apis/maps/documentation/javascript/v2/examples/index.html

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.

http://vimeo.com/log_in

javascript

• JAVA - JavaScript (JS)

It adds a spice of interactivity to an HTML page. HTML is lame and static without JS.

http://bulletpr.co.uk/Friday, July 22, 2011

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.

• 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.

• 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.

• 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.

• 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.

THANKS!

crystalginn.com

shesays digital production course part 2: the basics

css xml

flash adobe flash

xml text

css text

web banner

big cartel http

itsbuddy html

xml cd catalog cd

Business

shesays uk young guns event march 1st 2012

production control chokes - george e king petroleum...

goat production basics in nebraska (g2267)

production basics - university of maryland · determine...

backyard poultry production: the basics · backyard poultry...

basics of production technology

shesays austin talk // from the ad world to a startup

skeletal system bone basics. basics components functions –...

basics of high tunnel caneberry production tunnel...basics...

production management concepts and basics

production design basics

basics of radiation and production of x rays

backyard poultry production: introduction to the basics ·...

video production basics

mitochondria lesson the basics of glucose to atp production

tv & film production basics

food production basics

basics of hydroponic crop production - national … ·...

basics of soilless crop production systems · basics of...

basics of production systems