Web Design ABC - How the Web Works.

How the Web Works.

Many people think the Internet and the web are the same thing. In fact, the Internet is simply a global network of computers - the web runs on top of the Internet, and makes it useful for us. So how does the web work?

The Invention of the Web.

The web was invented by a man named Tim Berners-Lee in 1989 - that's 20 years after the start of the Internet. People had been trying to work out effective ways of sending information around on the Internet for a while at that point (email was invented in 1971, for example), but there hadn't been any systems that had really harnessed the net's potential.

The web changed everything. Berners-Lee's big idea was to apply the idea of links to the Internet: the web would be a mass of pages that you could move between by clicking on links.

He came up with a format for these pages (HTML), and wrote the first web browser to view them with, as well as the first web server for sending them to other people's web browsers.

Links might not seem like much now, but at the time they were revolutionary. Imagine what the web would be like if you had to keep typing long addresses every time you wanted to move from one page to the next, or using long numbered menu systems that work differently from one site to the next. Without the web, having Internet access would be pretty useless.

Servers and Browsers.

Any time you use a web browser (like Internet Explorer or Mozilla Firefox), you're using the web. How? Well, it works like this:

1. You open your web browser, and it goes to your home page. From there, you can click links to other websites, or to other parts of the same website. If your home page is a search engine, then you can type in a search and click links in the search results. If you know the address of a site you want to go to, you can type it in, and then click more links from there to keep going.

2. Each time you click a link, your browser looks at two things about it: the name of the web server it links to, and the name of the page it links to on that server. For example, the address 'http://www.example.com/mypage.html' tells the web browser to get the page called mypage.html from the server at www.example.com, using HTTP (Hypertext Transfer Protocol). This server is a real computer, connected to the Internet, that has the page you want to read stored on its hard disk.

3. To find out where this server is, your web browser looks it up using DNS (Domain Name System), which turns the text address into a number. This IP (Internet Protocol) address consists of four numbers between 0 and 255 - it looks like a phone number. The Internet is set up to make it easy to find a server anywhere in the world once you know its IP address, and it can easily find the quickest route from your ISP (Internet Service Provider) to the server, and establish communication. This whole process, from DNS lookup to connection, will often take much less than a second.

4. Your web browser then sends an HTTP request to that web server, and the web server responds by sending back the HTML (Hypertext Markup Language) code for that page. Your web browser turns this code into a page that you can view. From there, you can click more links to start the process over again.

Of course, all this is quite simplified: modern browsers and servers send around much more than HTML code. You can use the web to download anything now, from pictures to programs, but it all works in basically the same way.

If something goes wrong somewhere in this process, then you'll get an error: 'the page cannot be displayed', for example, usually means that the server's name was wrong, or that it doesn't have the page you wanted. You might also see errors saying that the server is currently too busy with other people's requests to respond, or that the page you wanted has moved. In each case, the best thing to do is to follow the instructions on the error page, which usually means checking the address and trying again.

Opening a Web Shop with E Commerce Software

How to Set Up Your Hosting in 5 Minutes Flat

JSP Java on Your Server

Building Online Communities

How to Get Your Website Talked About on Blogs

Web Design
◦ 5 Simple Steps to Accepting Payments.
◦ 5 Ways to Avoid the 1998 Look.
◦ 6 Reasons Why You Need a Website.
◦ 7 Ways to Make Your Web Forms Better.
◦ A Question of Scroll Bars.
◦ Ads Under the Radar: Linking to Affiliates.
◦ AJAX: Should You Believe the Hype?
◦ All About Design: Principles and Elements.
◦ An Introduction to Paint Shop Pro.
◦ An Issue of Width: the Resolution Problem.
◦ Avoiding the Nuts and Bolts: Content Management Software.
◦ Beware the Stock Photographer: Picking Your Pictures.
◦ Building a Budget Website.
◦ Building Online Communities.
◦ Clean Page Structure: Headings and Lists.
◦ ColdFusion: Quicker Scripting, at a Price.
◦ Column Designs with CSS.
◦ Content is King.
◦ CSS and the End of Tables.
◦ Cut to the Chase: How to Make Your Website Load Faster.
◦ Designing for Sales.
◦ Designing for Search Engines.
◦ Dreamweaver: The Professional Touch.
◦ Encryption and Security with SSL.
◦ Finding a Good HTML Editor.
◦ Focus on the User: Task-Oriented Websites.
◦ Fonts are More Important Than You Think.
◦ Free Graphics Alternatives.
◦ FrontPage: Easy Pages.
◦ Hints All the Way.
◦ Hiring Professionals: 5 Things to Look For.
◦ How Databases Work.
◦ How the Web Works.
◦ How to Get Your Website Talked About on Blogs.
◦ How to Install and Configure a Forum.
◦ How to Make Visitors Add You to Their Favorites.
◦ How to Run Ads Without Driving Visitors Crazy.
◦ How to Set Up Your Hosting in 5 Minutes Flat.
◦ IIS and ASP: Microsoft's Server.
◦ Image Formats: GIF, JPEG, PNG and More.
◦ It's a World Wide Web: Going International.
◦ JSP: Java on Your Server.
◦ LAMP: The Most Popular Server System Ever.
◦ Making Friends and Influencing People: the Importance of Links.
◦ Making Searches Simple.
◦ Offering Free Downloads on Your Website.
◦ Opening a Web Shop with E-Commerce Software.
◦ tag - they have one extra tag before it. This is the doctype, and it must be present right at the top of your document for it to be valid HTML. There are only really
◦ Perl: Cryptic Power.
◦ Photoshop: a Graphic Designer's Dream.
◦ Picking a Colour Scheme.
◦ Printing and Sending: the Two Things Users Want to Do.
◦ Putting Multimedia to Good Use.
◦ Python and Ruby: the Newer Alternatives.
◦ Registering a Domain Name.
◦ Registering Your Users by Stealth.
◦ RSS: Really Simple Syndication.
◦ Setting Up a Mailing List.
◦ Setting up a Test Server on Your Own Computer.
◦ Some Places to Go For More Information.
◦ Taking HTML Further. HTML might seem like a simple language for web documents, and to an extent, it is - that's what it was intended to be. If you know what
◦ Taking HTML Further with Javascript. Once you've built your HTML pages, you might need them to do something a little more interactive on the client-side (that
◦ Taking Your Website Mobile.
◦ Text Ads: Unobtrusive Advertising.
◦ The 5 Principles of Effective Navigation.
◦ The Art of the Logo.
◦ The Basics of Web Forms.
◦ The Basics of Web Servers.
◦ The Case Against Flash.
◦ The Confusing World of Web Hosting: Making Your Decision.
◦ The Evils of PDFs.
◦ The Importance of Validation.
◦ The Many Flavours of HTML.
◦ The Smaller, the Better: Avoiding Graphical Overload.
◦ The Top 10 Biggest Web Design Mistakes.
◦ The Web Designer's Toolbox.
◦ The Web is Not Paper.
◦ There's More than One Web Browser.
◦ Time for User Testing.
◦ Titles and Headlines: It's Not a Newspaper.
◦ Tracking Your Visitors.
◦ Understanding Web Jargon.
◦ Uploading Your Website with FTP.
◦ Using Flash Sensibly.
◦ Using Quizzes and Games to Get Traffic.
◦ VBScript: Javascript Made Easy.
◦ Websites and Weblogs: What's the Difference?
◦ What Do You Want Your Website to Do?
◦ What You See Isn't Always What You Get.
◦ Which Database is Right for You?
◦ Why Doing It Yourself is Best.
◦ Why Java Will Drive Your Visitors Away.
◦ Why Word is Bad for the Web.
◦ Why You Should Put Your Content in a Weblog Format.
◦ Why You Should Stick to Design Conventions.
◦ Working With Templates.
◦ Writing for the Web.

GoogleSense

Making Money with Articles

Webhosting

RSS
◦ Reading RSS Feeds with an RSS Aggregator