Tylko tło jest graficzne i obrazek logo(ale jest wstawiany oddzielnie poprzez CSS), reszta to HTML, CSS, JavaScript i zewnętrzny skrypt facebooka.
Tło:
W CSS wygląda to tak:
body{
background-image:url('adres_tła.png'); //Tło obrazkowe
background-repeat: repeat; //Powtarzanie w pionie i poziomie
}
Na to nakładasz wymagane warstwy(div'y)
przykładowo to miejsce z fan page fb:
div.fanpage{
border: 1px solid blue;
width:250px;
height:250px;
float: left;
}
w połączeniu z HTML wygląda to tak:
<html>
<head></head>
<body>
<div class="fanpage">Kod skryptu pobierany z facebooka.</div>
</body>
</html>
Wyjaśniam prościej:
Tworzenie profesjonalnych stron statycznych to nie wrzucanie masy obrazków, tylko właśnie operowanie na znacznikach HTML i nadawaniu im styli(wyglądu, pozycji, szerokości, wysokości, rozmiaru czcionki, położenia tekstu, itp. jest tego masa) dzięki CSS.
Każdy element strony jest dodawany oddzielnie na warstwach(DIV) i tylko takie pisanie stron jest odpowiednie.
W HTML jest funkcja/znacznik <map> 'mapowanie odsyłaczy' pozwala właśnie na wstawienie stałego obrazka, zrobionego przykładowo 100% w photoshopie, czy gimpie(czyli tak jak myślałeś, jednak strona którą podałeś tego nie używa) i nakładanie na niego odsyłaczy, w wybrane przez ciebie miejsca na obrazie, na konkretnych pozycjach. Taka strona będzie działać, ale nie jest zgodna ze standardami, pozycjonowaniem i będzie bardzo ograniczona względem edycji. Profesjonaliści nie korzystają z takich praktyk.
Ogólnie zrobienie takiego typu strony jest trudne czy raczej mniej? Wgrana grafika naniesione linki itp ?
HTML jest prosty, ale bez CSS w dzisiejszych czasach ten język znaczników jest użyteczny tylko do pewnego stopnia.
Pamiętaj jednak, że strona którą podałeś korzysta również z innych technologii, np. do wyświetlania tego przejścia 3D jest użyty, JavaScript>AJAX>jQuery.
@edit
Jestem w trakcie robienia strony, idzie mi to baaardzo wolno, bo muszę pisać skrypty w PHP i połączyć to z bazą danych MYSQL, taka kombinacja pozwala na tworzenie stron generowanych dynamicznie, jednak PHP i MYSQL znam tylko podstawy, ale właśnie się uczę by ją dokończyć.
Sprawdź sobie ten adres:
http://nauka.comuf.com/box_of_luck/index.html
Spójrz na szablon strony. Jedyną grafiką jaką użyłem jest to(chociaż i w tym przypadku użyłem CSS do określania pozycji tła, tych buttonów):
Cała reszta jest tworzona za pomocą właśnie HTML i CSS, również logo.
Jeżeli jesteś 'zielony' w temacie to wszystko może wydawać Ci się bardzo trudne, jednak w praktyce HTML i CSS to bardzo proste języki.
Strona którą podałeś jest bardzo prosta i dla wprawionego front-end'owca, jest do zrobienia w ciągu hmm... godziny, mając na uwadze, że slider z efektem 3D i facebook-plugin są pobierane z sieci i wklejane w kod strony.
Zakładki