Opera Show Format

Last updated
Opera Show Format
Filename extension .xhtml, .html
Internet media type application/xhtml+xml
text/html
Developed by Opera Software
Type of format Presentation program
Extended from XHTML 1.0 Strict
Extended to S5 (file format)
Website Creating presentations/slideshows with HTML & CSS

The Opera Show Format (OSF) is a set of conventions used in a web page using XHTML 1.0 Strict and CSS 2.1. [1] [2] It is designed to allow presentations to be easily created with web authoring tools. [3] [4] [5] OSF requires that a number of meta tags be present, including version, generator, author, and presdate (the creation or presentation date). The entire presentation, including all slides and images (in data: URIs) is contained in a single file. The look of all slides is controlled by the layout section, contained in a <div class="layout"> HTML element. The slides themselves are contained in a presentation section contained in a <div class="presentation"> element. Each slide is contained in a <div class="slide"> element.

eXtensible HyperText Markup Language (XHTML) is part of the family of XML markup languages. It mirrors or extends versions of the widely used HyperText Markup Language (HTML), the language in which Web pages are formulated.

Cascading Style Sheets style sheet language

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

A presentation program is a software package used to display information in the form of a slide show. It has three major functions: an editor that allows text to be inserted and formatted, a method for inserting and manipulating graphic images, and a slide-show system to display the content. Presentation software can be viewed as enabling a functionally-specific category of electronic media, with its own distinct culture and practices as compared to traditional presentation media.

Contents

Tools

The Slide Show (S9) Ruby gem creates OSF-compatible presentations using a wiki-style markup language. [6] Other tools include the Windows-based QuickShow, [7] and the Project Velt [8] Opera widget. Opera Software once provided an online OSF generator, which has since gone offline. An older version is available at the personal site of Opera Software's CTO, Håkon Wium Lie. [9]

Microsoft Windows is a group of several graphical operating system families, all of which are developed, marketed and sold by Microsoft. Each family caters to a certain sector of the computing industry. Active Microsoft Windows families include Windows NT and Windows IoT; these may encompass subfamilies, e.g. Windows Server or Windows Embedded Compact. Defunct Microsoft Windows families include Windows 9x, Windows Mobile and Windows Phone.

Håkon Wium Lie Norwegian software engineer

Håkon Wium Lie is a Norwegian web pioneer, a standards activist, and the Chief Technology Officer of Opera Software from 1998 until the browser was sold to new owners in 2016. He is best known for developing Cascading Style Sheets (CSS) while working with Tim Berners-Lee and Robert Cailliau at CERN in 1994.

See also

S5 is an XHTML-based file format for defining slideshows. It was created by Eric A. Meyer as an alternative to the browser-centric Opera Show Format. S5 is not a presentation program, but fulfills the same purpose in combination with a standards-compliant web browser.

Related Research Articles

HTML Hypertext Markup Language

Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all. The term web design is normally used to describe the design process relating to the front-end design of a website including writing markup. Web design partially overlaps web engineering in the broader scope of web development. Web designers are expected to have an awareness of usability and if their role involves creating markup then they are also expected to be up to date with web accessibility guidelines.

Mathematical Markup Language (MathML) is a mathematical markup language, an application of XML for describing mathematical notations and capturing both its structure and content. It aims at integrating mathematical formulae into World Wide Web pages and other documents. It is part of HTML5 and an ISO standard ISO/IEC DIS 40314 since 2015.

An HTML editor is a program for editing HTML, the markup of a web page. Although the HTML markup in a web page can be controlled with any text editor, specialized HTML editors can offer convenience and added functionality. For example, many HTML editors handle not only HTML, but also related technologies such as CSS, XML and JavaScript or ECMAScript. In some cases they also manage communication with remote web servers via FTP and WebDAV, and version control systems such as Subversion or Git. Many word processing, graphic design and page layout programs that are not dedicated to web design, such as Microsoft Word or Quark XPress, also have the ability to function as HTML editors.

An HTML element is an individual component of an HTML document or web page. HTML is composed of a tree of HTML nodes, such as text nodes. Each node can have HTML attributes specified. Nodes can also have content, including other nodes and text. Many HTML nodes represent semantics, or meaning. For example, the <title> node represents the title of the document.

A web style sheet is a form of separation of presentation and content for web design in which the markup of a webpage contains the page's semantic content and structure, but does not define its visual layout (style). Instead, the style is defined in an external style sheet file using a style sheet language such as CSS or XSLT. This design approach is identified as a "separation" because it largely supersedes the antecedent methodology in which a page's markup defined both style and structure.

Page layout part of graphic design that deals in the arrangement of visual elements on a page

Page layout is the part of graphic design that deals in the arrangement of visual elements on a page. It generally involves organizational principles of composition to achieve specific communication objectives.

Tableless web design is a web design method that avoids the use of HTML tables, for page layout control purposes. Instead of HTML tables, style sheet languages such as Cascading Style Sheets (CSS) are used to arrange elements and text on a web page.

In HTML, span and div elements are used to define parts of a document so that they are identifiable when a unique classification is necessary. Where other HTML elements such as p (paragraph), em (emphasis), and so on, accurately represent the semantics of the content, the additional use of span and div tags leads to better accessibility for readers and easier maintainability for authors. Where no existing HTML element is applicable, span and div can valuably represent parts of a document so that HTML attributes such as class, id, lang, or dir can be applied.

script.aculo.us is a JavaScript library built on the Prototype JavaScript Framework, providing dynamic visual effects and user interface elements via the Document Object Model (DOM).

YUI Library

The Yahoo! User Interface Library (YUI) is a discontinued open-source JavaScript library for building richly interactive web applications using techniques such as Ajax, DHTML, and DOM scripting. YUI includes several core CSS resources. It is available under a BSD License. Development on YUI began in 2005 and Yahoo! properties such as My Yahoo! and the Yahoo! front page began using YUI in the summer of that year. YUI was released for public use in February 2006. It was actively developed by a core team of Yahoo! engineers.

In fields employing interface design skills, slicing is the process of dividing a single 2D user interface composition layout (comp) into multiple image files of the graphical user interface (GUI) for one or more electronic pages. It is typically part of the client side development process of creating a web page and/or web site, but is also used in the user interface design process of software development and game development.

Cappuccino is an open source application development framework for developing web applications that look and feel like desktop applications on Mac OS X. Cappuccino was developed by University of Southern California graduates Francisco Tolmasky, Tom Robinson and Ross Boucher, who are also the founders of 280 North, Inc. It is primarily targeted towards web applications developers.

A slidecast is a type of podcast that combines audio with a slideshow or diaporama presentation. It is similar to a video podcast in that it combines dynamically-generated imagery with audio synchronization, but it is different in that it uses presentation software, such as PowerPoint, to create the imagery and the sequence of display separately from the time of the audio podcast's original recording.

Vaadin

Vaadin is an open-source platform for web application development. The Vaadin platform includes a set of web components, a Java web framework, and a set of tools and application starters. Its flagship product, Vaadin Platform allows the implementation of HTML5 web user interfaces using the Java Programming Language.

A slide is a single page of a presentation. Collectively, a group of slides may be known as a slide deck. A slide show is an exposition of a series of slides or images in an electronic device or in a projection screen.

A Web-based slideshow is a slide show which can be played using a web browser. Some web based slide shows are generated from presentation software and may be difficult to change. Others offer templates allowing the slide show to be easily edited and changed.

CSS grid layout or CSS grid is a technique in Cascading Style Sheets that allows web developers to create complex responsive web design layouts more easily and consistently across browsers. There have been other methods for controlling web page layout methods, such as tables, the box model, and CSS flex box. CSS grid is currently not an official standard although it has been adopted by most major browsers.

References

  1. Alternatives to PowerPoint, WebAIM
  2. Farwell, Jennifer (September 2006). "PowerPoint Alternatives". PC Today.
  3. Luoma, Timothy J., 30 Days to Becoming an Opera Lover (PDF), pp. 38–39
  4. Luoma, Timothy J., From closed to open..., archived from the original on May 14, 2008
  5. Luoma, Timothy J., How (and why) It Was Done, archived from the original on 2008-05-07
  6. Slide Show (S9)
  7. QuickShow
  8. Project Velt
  9. OperaShow Generator