1. Project Description

This tutorial introduces various Arduino web server applications in 18 parts.  In all parts, Arduino and Arduino Ethernet Shield are used for the main platform. It covers from the basic concept of HTTP protocol and HTML to CSS, JavaScript and AJAX.

2. Parts

• Arduino
• Arduino Ethernet Shield
• SD card (optional)

3. Step by Step Guide

• Part 1: Arduino Ethernet Shield Web Server Tutorial
• Part 2: Basic Arduino Web Server
• Part 3: HTML Web Page Structure
• Part 4: Arduino SD Card Web Server
• Part 5: Arduino Web Server LED Control
• Part 6: Reading a Switch
• Part 7: Manually Reading a Switch using AJAX
• Part 8: Automatically Reading a Switch using AJAX
• Part 9: Reading Switches and an Analog Input using AJAX
• Part 10: Arduino SD Card Web Server – Linking Pages
• Part 11: Arduino SD Card Web Server – Displaying Images
• Part 12: CSS Introduction
• Part 13: Arduino SD Card Ajax Web Server
• Part 14: Arduino Inputs using Ajax with XML on the Arduino Web Server
• Part 15: Arduino Web Server Gauge Displaying Analog Value
• Part 16: SD Card Web Server I/O
• Part 17: Accessing HTML Tags with CSS and JavaScript
• Part 18: CSS for Positioning, Sizing and Spacing
• Summary and Conclusion

4. Source code

In each part of the posting, all source codes are included.

http://blog.startingelectronics.com/arduino-web-server-tutorial/