Not sure if you need this, but since you aren't sure about the water tile and what the bread/coins/hammers stand for (no offense), here's a basic rundown:
Food-The Bread Slice icon; 5 food on the tile is a bread loaf. Each citizen (1 population point) requires 2 food to survive. Surplus food is used to increase the city's population (the orange bar near the population number). If not enough food is being brought in, the city goes into Starvation, and the city loses population points until the city stagnates (i.e, there is just enough food for the citizens, but not enough to grow).
Production- The Hammer icon; an Anvil is 5 production. Each hammer contributes one production to your city. Hammers are used to make anything in your city. The amount of hammers can be changed by tile improvements (Mines, Workshops, Watermills, Lumbermills), Civics (Caste System, Organized Religion, Universal Suffrage), and buildings within the city (Forges, Factories, assorted Power Plants, Drydocks, Heroic Epic, etc).
Commerce- The coin icon; a Money Sack is 5 commerce. Commerce is used to determine how much wealth, research, culture (after Drama is researched), and Espionage (BTS only, and after contact with another Civ is made) the Civ produces. The sliders at top change the percentage of total commerce generated by your Civ going to each function. NOTE: Commerce is NOT to be confused with gold. Gold is indicated by the stack of coins icon at the very top left corner of the screen, above the sliders. Gold is how much wealth your Civ is producing, and can be used to upgrade units, build buildings (Universal Suffrage Civic), or in diplomacy (after Currency is researched).
Also, the water tiles can only be worked after researching Fishing. Tile improvements can only be built on the water resources (Crabs, Clams, Whales, Fish, and Oil), and only by Work Boats.