Grafika Komputerowa. Co Jak Po co i Komu

Wersja do druku

06-03-2013, 23:30
Buła123

Grafika Komputerowa. Co Jak Po co i Komu

Witajcie, mam takie pytanie. Wybieram się do technikum Informatycznego, a po nim planuje Studia na kierunek Grafiki Komputerowej. Ogólnie teraz mam 15 lat, i chciałbym głównie tworzyć jakieś strony internetowe i czasami jakieś plakaty. Mam takie pytanie do kogoś kto się zna. Mam np stronę właśnie grafika komputerowego.

Kod HTML:

http://crazycolors.pl/index.html

Głównie chodzi o tło. Jest ono, zedytowane zrobione w jakimś programie graficznym, wyznaczone miejsce liniami na Fan Page, itp? W centrum logo oczywiście, a środek to zdjęcia 3D zrobione przez stronę, która zresztą jest w prawym górnym rogu wyświetlona. Dobrze myślę? Że głównie wszystko narysowane/zedytowane odrazu w programie a reszta tylko naniesiona? Czy to jest bardziej jakoś w html'u jest zrobione? Ogólnie zrobienie takiego typu strony jest trudne czy raczej mniej? Wgrana grafika naniesione linki itp ?
06-03-2013, 23:36
zakius

Ja bym zrobił mały kwadrat tła i go powtarzał, na to logo i cała reszta gdzie trzeba
A jak jest to zerknij w źródle
To jest raczej prosty przykład
07-03-2013, 22:08
Malpa of Hell

Tlo to zwykly szukm, taki efekt jest prosty do uzyskania chociazby w Photoshopie.
08-03-2013, 01:33
Abe

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:
http://crazycolors.pl/images/background.png
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.

Cytuj:

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): http://nauka.comuf.com/box_of_luck/img/spr2.png

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.
08-03-2013, 02:47
tazx

dokladnie. typek po prostu uzyl gotowego szablonu z tej strony :
http://cu3ox.com/

generalnie jesli moge ci doradzic to ogarnij photoshopa i JUZ zacznij cos w nim dlubac ;). poogladaj tutoriale na yt, zacznij podpatrywac patenty i z czasem stworzysz swoje wlasne, na ktorych najwygodniej bedzie ci pracowac. ja jestem zdania, ze w szkole/na studiach chuja cie naucza. musisz wziac sprawy w swoje rece i im wczesniej sie zaznajomisz z programem i rozkminisz swoja wlasna technike tym lepiej dla ciebie i twojej przyszlosci. opanujesz w duzym stopniu program, bedziesz w stanie wyobrazic sobie pewne schematy, a w szkole czy na uczelni tylko poszerzysz swoja wiedze ;).

kombinuj, baw sie, rob swoje wlasne szablony, etc