 |
 | Twój pierwszy layout. |  |
|
beno
Administrator
|
|
Wiele ludzi chciałoby samemu stworzyć stronę [link widoczny dla zalogowanych] Zawsze większa satysfakcja itp. Napiszę tutaj jak zrobić prosty layout.
Podstawową sprawą jest to, co ma zawierać nasza strona i co ma być w indexie (stronie startowej). Przypuśćmy, że tworzymy layout swojej strony domowej - czyli poprostu strony o sobie. Trzeba teraz pomyśleć, co miałaby zawierać ta strona i jakie ewentualne skróty możnaby było umieścić w indexie. No więc tak: -warto byłoby na stronie startowej pokazać jacy jesteśmy: więc mamy już 2 tabelki: "galeria" i "o nas". -może ludzie chcieliby wiedzieć czym się interesuję ? Mamy 3 tabelkę: "hobby: Chyba starczy jak na pierwszy layout - pozostają nam jeszcze standardowe tabelki (czyli te, bez których strona internetowa nie byłaby stroną internetową) - "menu" i "zawartosc". Na stronach innego typu (np. firmowych czy portalowych) standardową tabelką jest także "reklama". Dobrze, dość teorii - przechodzimy do praktyki. 1) Najpopularniejszymi rozmiarami na strony portalowe lub serwisowe są 800x600 i 1024x768. Jednak my tworzymy dzisiaj layout "o sobie". Najbardziej prawidłowym rozmiarem będzie zatem 640x480. Tworzymy Nowy Plik o rozmiarach jw. 2)Zastanawiamy się jaką strukturę (rozmieszczenie ww tabelek) ma mieć nasza strona. Moja przyjmie taką: TOP________________O MNIE GALERIA ZAINTERESOWANIA___ZAWARTOŚĆ 3)Bierzemy się za tworzenie tabelek. W tym celu używamy kształtów. Ja na przykłąd użyję prostokąta. Pamiętaj podstawowe zasady. Kolory nie powinny być drażniące oraz cała strona powinna być odpowiednio dobrana kolorystycznie. Wrażenie estetyczności robi także stała wartość odległośći między tabelkami. U mnie jest to 1px. Moja struktura wygląda tak: [link widoczny dla zalogowanych] 4)Przydałoby się, żeby człowiek patrzący właśnie na naszą stronę wiedział która tabelka służy do czego. A więc nadajemy tabelkom tytuły: Ważne jest to, aby nie przesadzano z różnorodnościami czcionek. Najlepiej używać ciągle tej samej. Należy także pamiętać, aby nie przesadzać z ozdabianiem - zrobić skromnie, ale ładnie. Znam jeden dobry i zarazem estetyczny efekt: # Piszemy jakiś tekst. # Powielamy warstwę tekstową (Prawy przycisk -> Powiel warstwę). # Rasteryzujemy ją (Prawy przycisk -> Rasteryzuj warstwę). # W Palecie Warstw zaznaczamy zrasteryzowaną warstwę tekstową. Wybieramy Menu Filtr -> Rozmycie -> Poruszenie. # Dorabiamy szczegóły (np. gumkowanie wystających poza tabelkę części). Efekt: [link widoczny dla zalogowanych] 5)Mamy już podpisane tabelki. Teraz zawartość tabelek. [link widoczny dla zalogowanych] 5)Czym byłaby strona bez loga ? Niczym. Więcj zajmijmy się teraz logiem. Tutorial ten przeznaczony jest raczej dla początkujących grafików, wiec nie będę opisywał tutaj żadnych zaawansowanych sposobów na otrzymanie ładnego i estetycznego topu. Niech każdy sam - wg siebie zrobi top, no bo to już chyba umiecie, skoro bierzecie się już za layouty ? Jakoże lubię ten model samochodu, więc u mnie efekt końcowy taki: [link widoczny dla zalogowanych] Był to tutorial dla początkujących, którzy sami chcieliby robić dla siebie layouty. Z czasem będą Wam wychodziły coraz lepsze, jednak musicie być bardzo pomysłowi. Inwestujcie w efekty i kształty. Powodzenia. |
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
 |
| |
|
tobiasty
|
|
to chyba czesc 1
 a co z htmlem :> bo wiesz podstawy znam ale zeby lay zrobic z htmlem to ... juz problem = ) ale ogolnie poradnik spoko  jak bede u siebie na kompie to sie pobawie wedlug tego 
Ocena : 10/10 |
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
|
| |
|
BartuS
|
|
dzieki Beno
 przyda sie napewno ... kiedys myslałem ze to jest bardzo trudna rzecz ale jak to przeczytałem to nie jest to takie trudne
przy cieciu dokumentu JPEG i zapisaniu na HD automatycznie dostajesz kod html + 4 u |
|||||||||||||
|
Post został pochwalony 0 razy Ostatnio zmieniony przez BartuS dnia Pią 23:17, 20 Sty 2006, w całości zmieniany 1 raz
|
|||||||||||||||
|
| |
|
beno
Administrator
|
|
Jutro napiszę część drugą, gdzie w programie Image ready ostatecznie otrzymujemy szablon [link widoczny dla zalogowanych]
|
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
|
| |
|
BartuS
|
|
no to przyklejamy
|
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
|
| |
|
tobiasty
|
|
fajnie ale moze edytuj posty  bodajesz zly przyklad jako modek ^^ |
|||||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||||
|
| |
|
BartuS
|
|
raz mi sie zdarzyło juz to edytuje
|
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
|
| |
|
Dabur
|
|
Ho ho ho
[link widoczny dla zalogowanych] |
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
|
| |
|
E
|
|
yeaaah
[link widoczny dla zalogowanych] regards, E |
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
|
| |
|
Erbunfa14
|
|
WOOOOW!
[link widoczny dla zalogowanych] |
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
|
| |
|
Ormetapmenjo05
|
|
[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] [link widoczny dla zalogowanych] |
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
|
| |
|
Gość
|
|
Catherine Zeta Jone Throatjob!
[link widoczny dla zalogowanych] |
|||||||||||||
|
|||||||||||||||
|
| |
|
Dickuptentard
|
|
Jessica Alba In Anal Action Movie!
[link widoczny dla zalogowanych] |
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
|
| |
|
Bloodwilltell
|
|
Lindsay Lohan Doing A Hung Guy!
[link widoczny dla zalogowanych] |
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
|
| |
|
Codeblank
|
|
Christina Ricci Undressing!
[link widoczny dla zalogowanych] |
|||||||||||||
|
Post został pochwalony 0 razy
|
|||||||||||||||
|
 | Twój pierwszy layout. | |
|
||
|
|
|
fora.pl - załóż własne forum dyskusyjne za darmo
Powered by phpBB © 2001-2004 phpBB Group
phpBB Style created by phpBBStyles.com and distributed by Styles Database.
Powered by phpBB © 2001-2004 phpBB Group
phpBB Style created by phpBBStyles.com and distributed by Styles Database.