| pliki strony | |
Jak uporządkować naszą stronę? Z jakich elementów się składa? Jak wstawić ją na serwer? Co się uruchamia? Jak nazywać poszczególne elementy? Dużo pytań ;-) Pojawiają się one przed osobą, która robi swoją pierwszą stronę.
|
| Pliki | |
Pliki wstawiane na stronę mają najczęściej rozszerzenia: htm lub html, gif, jpg, css, swf i kilka innych. Zawartości tych plików muszą być odpowiednio zapisane.
htm lub html - główne pliki zawierające szablon strony, zawierają tekst strony i instrukcje powodujące wyświetlanie się również elementów graficznych i innych. Plik w formacie html,
gif - plik z obrazkiem w formacie gif (najczęściej proste rysunki i napisy),
jpg - plik z obrazkiem w formacie jpg (najczęściej zdjęcia),
swf - plik z obrazkiem w formacie swf (najczęściej animacje),
css - plik z informacją o sposobie wyświetlania czcionek, rozmieszczeniu grafiki itd.
|
| |
Przykład 1.
Wyobraźmy sobie, że chcemy stworzyć serwis poświęcony muzyce i naszemu ulubionemu zespołowi. Jak można uporządkować nasze pliki i jak zorganizować strukturę naszego serwisu?
Głównym plikiem może tutaj być index.html, index.htm albo index.php. Jeżeli nie jest ustalone inaczejs, uruchamia się automatycznie najpierw plik index.html (przeglądarka zaczyna ściągać stronę rozpoczynając od tego pliku). Jeżeli tego pliku nie ma w głównym katalogu, uruchamia się plik index.htm, a w ostateczności index.php.
Mogą być wyjątki od tego, czasami plikiem głównym jest defaut.html, jeżeli właściciel serwera tak ustawi.
W plikach teksty.html mieszczą się teksty naszego ulubionego zespołu, a w chwyty.html chwyty piosenek itd. W każdym pliku html mieści się informacja o pojedynczej stronie naszego serwisu.
Plik banner.jpg zawiera z pewnością rysunek z logo naszej strony.
W pliku ja.jpg być może jest zdjęcie autora strony, a w afisz.gif plakat z informacją o koncercie.
Jak widać wszystkie elementy są rozmieszczone osobno, a pliki html pełnią funkcję łączącą to wszystko razem i ustalającą sposób wyświetlania strony, tu również znajdują się teksty strony. Czyli: grafika osobno i teksty osobno!
Co zawierają inne tajemnicze pliki i katalogi?
Katalog zespoly to zapewne rozwinięcie serwisu, informację o zespołach. W katalogu tym mieszczą się również jakieś pliki html, gif, jpg itd.
Podobnie elementy serwisu grupują katalogi zdjecia i festiwal.
W pliku style.css mieści się ogólna informacja o sposobie wyświetlania tekstów na każdej ze stron serwisu internetowego. Ułatwia to uporządkowanie serwisu i zmniejsza bałagan.
Plik robots.txt zawiera instrukcje dla robota indeksującego nasz serwis, mieści się tam informacja o tym, co ma zostać dodane do wyszukiwarek, a co nie. Nie np. prywatny katalog.
|
| na serwer! | |
Jak to wrzucić na serwer? Czy trzeba to jakoś pakować? Nie trzeba! Przesyłamy te pliki na nasze konto tak, jak one są u nas na dysku lokalnym.
Przesyłać pliki można pojedynczo np. na serwerze Interii przy użyciu specjalnej strony www, o ile serwis nie jest zbyt wielki.
Lepszym sposobem jest "wrzucenie" plików przy użyciu programu FTP. Program FTP pozwala nam wstawiać i ściągać pliki na serwer i z serwera. Po podłączeniu się do naszego katalogu, katalog na serwerze zachowuje się jak nasz lokalny dysk. Musimy tylko przeciągnąć myszką ikonki plików z okienka do okienka, z lokalnego dysku na dysk zdalny.
Żeby korzystać z programu FTP musimy znać adres naszego hosta (serwera, gdzie umieszczona jest nasza strona), nazwę naszego konta i hasło do konta.
|
| porady | |
Okazuje się często, że nasza pierwsza strona w naszym domowym komputerze sprawuje się bardzo dobrze, a po wstawieniu na serwer nie chce. Co robić?
Porady:
1) Piszmy nazwy plików i katalogów bez znaków diakrytycznych (ąęść...) i wielkich liter, wszystko małymi literami! W tekście w środku pliku html możemy już poszaleć i pisać z polskimi, rosyjskimi, niemieckimi itd.
2) Ścieżki na serwerach bywają inne niż w Windows np. c:\serwis\debiut.html, a na serwerze odnośniki powinny wyglądać np. tak /serwis/debiut.html (ODWROTNIE UKOŚNIKI!)
3) Zobaczmy jaki jest rozmiar pojedynczej strony, razem ze zdjęciami, grafikami, napisami w grafice, tekstem itd. Starajmy się ograniczać do 40 kB, wtedy na pewne wszystko będzie się szybko ładować.
|
