Dev.Opera

Log in

  • Web
  • Add-ons
  • Mobile
  • TV
  • Labs
  • 9: Building up a site wireframe

    By Linda · Tuesday, July 8, 2008 301

    Before you actually dive in to putting the code together for a web site, you will want to sketch out where everything is going to go on your web pages, broadly speaking. Maybe you'll want to compare multiple different layout choices before deciding on a final one? This is called wireframing; in this article Linda Goin takes you through the basics of building up a simple but effective wireframe. Read more…

  • 8: Colour Theory

    By Linda · Tuesday, July 8, 2008 36

    What colors to include on your web site is a very important design decision for you to make. What mood do you want to convey with your web site, and how do you ensure that color choices make your content easier to access, not harder? In this article Linda Goin takes you through basic color theory, including typical color schemes. Read more…

  • 7: What does a good web page need?

    By Mark Norman Francis · Tuesday, July 8, 2008 9

    Following on from the previous article on Information Architecture, this article takes the concept a bit further, looking at what features you should include on your web site so that it effectively does it's job, and site vistors can easily find what they came for. Navigation, what to include on the home page, usability, and accessibility are all looked at here in brief. Read more…

  • 6: Information Architecture - Planning out a web site

    By Jonathan Lane · Tuesday, July 8, 2008 7

    Before you even start building a web site, you really need to plan out its overall structure first, working out how many pages you need, which ones link together, etc. This forms the basis of Information Architecture, a discipline that Jon Lane will get you up to speed on in this article. Read more…

  • 5: Web standards – beautiful dream, but what's the reality?

    By Jonathan Lane · Tuesday, July 8, 2008 3

    The ideal of using web standards and best practices, for a more inter-operable, maintainable, accessible web is a good one to try to get as close to as possible in all sites you create. So why then is it that much of the web is still built using bad, outdated practices? In this article Jon Lane explores the reality of web standards usage, and look at why the Web is like this. Read more…

  • 4: The Web standards model - HTML, CSS and JavaScript

    By Jonathan Lane · Tuesday, July 8, 2008 25

    In this part of the curriculum, Jon Lane will take you through the web standards model, explaining how HTML, CSS, and JavaScript should be used on a typical web page, the three-tier model of content, presentation and behavior, and why it is a recognized best practice on the Web today. Read more…

  • 3: How does the Internet work?

    By Jonathan Lane · Tuesday, July 8, 2008 79

    This article explains how the Web works, broadly speaking. It covers the means by which web pages are downloaded from a server into your web browser, and what types of technology are available for creating web pages. Read more…

  • 2: The history of the Internet and the web, and the evolution of web standards

    By Mark Norman Francis · Tuesday, July 8, 2008 5

    When learning about web development, it is useful to know where the Web as a whole entity came from, and how web standards were agreed on and developed. In this article Mark Norman-Francis does just that, looking at the Web's early origins, the browser wars, and the formation of the W3C and the rise of web standards. Read more…

  • 1
  • …
  • 67
  • 68
  • 69
  • …
  • 85

Tools

  • Opera Developer builds
  • Web development extensions
  • Opera Mini Simulator
  • Opera TV Emulator
  • Opera Mobile Classic Emulator

Resources

  • Opera Developer News
  • Can I use... tables for Opera
  • Web Education Community Group Wiki
  • Opera questions on StackOverflow
  • GitHub repositories
  • Shiny Demos

Contribute

  • Submit articles

News and announcements

  • Opera for Android 20 beta released
  • Opera Next 20.0.1387.24 for the Cognoscenti
  • A small update to Opera 19
  • Opera Developer update – 20.0.1387.16
  • Opera 19 auto update is back again.

Twitter logo: contained in link to Opera Developer Relations team Twitter stream Opera Developer Network blog logo: contained in link to blog Calendar icon: contained in link to list of events being attended by the Opera Developer Relations team

© 2014 Opera Software ASA.

  • Help/FAQ
  • Terms of service
  • Privacy