This diagram is similar to the one above, but with the electrical source originating at the fixture. Three-wire cable runs from there to the controllers. The neutral wire from the source is spliced directly to the white wire on the fan/light. The hot source wire is spliced to the white on the 3-wire cable and then spliced to the input wires on both controllers at the other end.
Here the exhaust fan is controlled by a timer instead of a switch. There should be two hot wires and a ground coming out of the timer casing, splice one of these to the hot source. Spice the second to the black, cable wire running to the fan. Splice the source neutral to the white cable wire and the ground to the ground wires. At the fan splice the wires, matching the colors of each.
The white wire is wrapped with black tape to identify it as hot. The black wire connects the fan to the speed controller. The red wire connects the light to the dimmer.
The black cable wire is connected to the top terminal on the switch and spliced to the black and blue wires at the fan at the other end. The neutral source and ground are spliced through to the white and ground connections at the fan.