das desgin einer website wird mit stylesheets (zb. CSS) und html gemacht.
um mehr als nur ein paar farben und boxen zu haben macht man dann mit photoshop o.A. grafiken (wie zb.

) und fügt sie so in den code ein, dass es so aussieht, wie du es möchtest.
runde rahmen um boxen werden auch so gemacht, da der alter standard nur mit eckigen ging und der code für die runden noch recht neu ist

deswegen musste eben für so etwas wie die titelleiste ganz oben eben auch ne grafik nehmen (in diesem fall eine graue) (ecke:

)
mit photoshop direkt wird da nix gecoded.
die seite speichert man in .htm oder .html
zur besseren übersicht kann man die stylesheets in eine externe .css datei schreiben und diese dann einbinden.
die grafiken kommen sowieso irgendwo in verzeichnisse auf dem server.
da gibts eben keine einzige datei, die so ein desgin wie das von dieser seite ermöglicht und die du mit photoshop "coden" könntest