Donate to help Starting Electronics using the Donate button below. Any amount appreciated.

Donate to Starting Electronics

Arduino Ethernet Shield Web Server Tutorial

Created on: 14 January 2013

Part 1 of the Arduino Ethernet Shield Web Server Tutorial

This multi-part tutorial shows how to set up an Arduino with Ethernet shield as a web server. The web servers in this tutorial are used to serve up web pages that can be accessed from a web browser running on any computer connected to the same network as the Arduino.

Some of the Arduino web server pages allow access to the Arduino hardware – this allows hardware to be controlled (e.g. switching on and off an LED from the web page) and monitored (e.g. reading the state of a switch and displaying it on a web page).

The tutorial teaches what is required to build a web server including all the technology such as HTTP, HTML, CSS, JavaScript, AJAX, etc. It starts with the very basics of hosting a simple web page on the Arduino and advances step-by-step from there.

Hardware Required

Hardware Components

The hardware required for following this series of tutorials is:

There will be additional components required as listed in each tutorial, such as LEDs, resistors, switches, etc. and a breadboard and wire kit for building the circuits.

Hardware Setup

Before starting:

  1. Plug the Ethernet shield into the Arduino, connect it to the network and test it.
  2. Test the SD card in the Ethernet shield.

← Go back to Arduino TutorialsGo to Part 2 →

© 2012 – 2020, Starting Electronics