spacing

How does the Internet work?

Web Design August 30th, 2008

Introduction

Every so often, you get offered a behind-the-scenes look at the cogs and fan belts behind the action. Today’s your lucky day. I’m going to usher you behind the scenes of one of the hottest technologies that you might already be familiar with: the World Wide Web. Cue theme music.

This article covers the underlying technologies that power the World Wide Web:

  • Hypertext Markup Language (HTML)
  • Hypertext Transfer Protocol (HTTP)
  • Domain Name System (DNS)
  • Web servers and web browsers
  • Static and dynamic content

It’s all pretty fundamental stuff—while most of what’s covered here won’t help you to build a better web site, it will give you the proper language to use when speaking with clients and with others about the web. It’s like a wise nun-turned-nanny once said in The Sound of Music: “When we read we begin with ABC. When we sing we begin with Do Re Mi.”. In this article I will briefly look at how computers actually communicate using HTTP and TCP/IP, then go on to look at the different languages that go together to create the web pages that make up the Internet.

Read the rest of this entry »

Tags: , , , , ,

The history of the Internet and the web, and the evolution of web standards

FAQ, Web Design August 17th, 2008

Introduction

“Where shall I begin, please your Majesty?”

“Begin at the beginning,” the King said gravely, “and go on till you come to the end: then stop.”

Alice’s Adventures in Wonderland; Lewis Caroll

Everything has to begin somewhere, so our journey will start with a focused history lesson. Below I am going to give you a brief overview of the creation of the Internet, the World Wide Web, and the “web standards” that this entire series focuses upon. I think it is useful and interesting to understand how we got to where we are, but it will be short enough so you don’t get overwhelmed, and can get into the details nice and quickly. If any terms are unfamiliar to you, don’t worry; if they’re important for learning web development they’ll be defined in the later articles that go into more depth on each subject, and you can always Google them! If you are already familiar with the history of the Internet or the World Wide Web, feel free to skip to the section on web standards.

The article contents are as follows:

  • The Internet’s origins
  • The creation of the world wide web
  • The browser wars
  • The coming of web standards
  • The formation of the W3C
  • The web standards project
  • The rise of web standards
  • Summary

The Internet’s origins

On the fourth of October in 1957 an event occured that would change the world. The Soviet Union successfully launched the first satellite into Earth’s orbit. Called “Sputnik 1″, it shocked the world—especially the United States of America, who had their own programme of satellite launches underway, but had yet to launch.

This event lead directly to the creation of the US Department of Defence ARPA (the Advanced Research Projects Agency), due to a recognised need for an organisation that could research and develop advanced ideas and technology beyond the currently identified needs. Perhaps their most famous project (certainly the widest used) was the creation of the Internet.

In 1960, psychologist and computer scientist Joseph Licklider published a paper entitled “Man-Computer Symbiosis”, which articulated the idea of networked computers providing advanced information storage and retrieval. In 1962, whilst working for ARPA as the head of the information processing office, he formed a group to further computer research, but left the group before any actual work was done on the idea.

The plan for this computer network (to be called “ARPANET”) was presented in October 1967, and in December 1969 the first four-computer network was up and running. The core problem in creating a network was how to connect separate physical networks without tying up network resources for constant links. The technique that solved this problem is known as packet switching and it involves data requests being split into small chunks (”packets”,) which can be processed quickly without blocking communication from other parties—this principle is still used to run the Internet today.

This concept received wider adoption, with several other networks springing up using the same packet switching technique—for example, X.25 (developed by the International Telecommunication Union) formed the basis of the first UK university network JANET (allowing UK universities to send and receive files and emails) and the American public network CompuServe (a commercial enterprise allowing small companies and individuals access to time-shared computer resources, and then later Internet access.) These networks, despite having many connections, were more private networks than the Internet of today.

This proliferation of different networking protocols soon became a problem, when trying to get all the separate networks to communicate. There was a solution in sight however—Robert Kahn, whilst working on a satellite packet network project for ARPA, started defining some rules for a more open networking architecture to replace the current protocol used in ARPANET. Later joined by Vinton Cerf from Stanford University, the two created a system that masked the differences between networking protocols using a new standard. In the publication of the draft specification in December 1974, this was called the “Internet Transmission Control Program”.

This specification reduced the role of the network and moved the responsibility of maintaining transmission integrity to the host computer. The end result of this was that is became possible to easily join almost all networks together. ARPA funded development of the software, and in 1977 a successful demonstration of three different networks communicating was conducted. By 1981, the specification was finalised, published and adopted; and in 1982 the ARPANET connections outside of the US were converted to use the new “TCP/IP” protocol. The Internet as we know it had arrived.

The creation of World Wide Web

Gopher was an information retrieval system used in the early 1990s, providing a method of delivering menus of links to files, computer resources and other menus. These menus could cross the boundaries of the current computer and use the Internet to fetch menus from other systems. It was very popular with universities looking to provide campus-wide information and large organisations looking to centralise document storage and management.

Gopher was created by the University of Minnesota. In February, 1993, they announced that it was going to charge licensing fees for the use of their reference implementation of the Gopher server. As a consequence, many organisations started to look for alternatives to Gopher.

Read the rest of this entry »

Tags: , , , , , ,

Google: Improved Flash indexing

Web Design July 5th, 2008

After receiving numerous requests Google  improves the indexing of Adobe Flash files.

Q: Which Flash files can Google better index now?
We’ve improved our ability to index textual content in SWF files of all kinds. This includes Flash “gadgets” such as buttons or menus, self-contained Flash websites, and everything in between.

Q: What content can Google better index from these Flash files?
All of the text that users can see as they interact with your Flash file. If your website contains Flash, the textual content in your Flash files can be used when Google generates a snippet for your website. Also, the words that appear in your Flash files can be used to match query terms in Google searches.

In addition to finding and indexing the textual content in Flash files, we’re also discovering URLs that appear in Flash files, and feeding them into our crawling pipeline—just like we do with URLs that appear in non-Flash webpages. For example, if your Flash application contains links to pages inside your website, Google may now be better able to discover and crawl more of your website.

Read the rest of this entry »

Tags: , , ,

The 10 Commandments of Web Design

General News, Web Design June 30th, 2008

The Internet is constantly changing. BusinessWeek.com spoke to a bevy of experts and distilled the must-follow rules top online designers live by in 2008

Since the Internet emerged as a major force, altering everything from the way people work to the way they date, it has been a roller-coaster ride that made the world giddy. Microsoft ,   Netscape,  et al. fought the browser wars, Web standards were championed, and the Web became community-minded and social, ushering in the reign of Facebook, Flickr, and You Tube. From boom to bust and back again, with staggering amounts of money changing hands at every point, the online industry rides on with no end in sight.

The Net has also attracted prophets, gurus, theorists, and evangelists of every stripe. Many of their promised game-changing technologies—Jini, DHTML, and countless others—never panned out, while seemingly simple innovations—metadata, XML, and CSS—have led to major breakthroughs. Meanwhile, Web design vogues from the effervescent jumble of HotWired to the stark utility of Google have continued to evolve and become more contradictory—and entrenched.

To try and make sense of it all, BusinessWeek.com canvassed a broad range of Internet luminaries to discover the design rules they live by right now. Contributors ranged from the guru of Web usability, Don Norman, co-founder of the Nielsen Norman Group, to the design director of NYTimes.com, Khoi Vinh, and John Maeda, president-elect of the Rhode Island School of Design. These 10 commandments of Web design for 2008 are the combined results of our survey. For the full list of contributors, see the end of the story.

Read the rest of this entry »

Tags: , , , , , , , , , , , , , , ,

CSS based

Awards, Web Design June 30th, 2008

Our website showcased on CSS Based, a project focused on providing its audience with a database of well designed CSS based websites from around the world.

What are Cascading Style Sheets (CSS)?

Cascading Style Sheets describe how documents are presented on screen in the browser. CSS separates the presentation from the content. Changes to the presentation can be made in the style sheet and the changes are automatically reflected throughout the whole document.

Read the rest of this entry »

Tags: , , , ,