piątek, 28 Sierpień 2009
W tym punkcie zajmiemy się podstawami tworzenia połączeń tekstowych. Wykorzystamy
możliwości inspektora Property, a nasza przykładowa witryna nosić będzie nazwę Nasz blog
Informatyczny. Zastosujemy połączenia definiowane względem dokumentu ? z jednym wyjątkiem: będzie to połączenie prowadzące na zewnątrz witryny.
Adres URL wydłuża się, gdy patrzymy na jego postać w kodzie HTML. Spójrz na ten oto
przykład:
<a href=?blog.html?>Nasz blog</a>
W kodzie pojawia się znacznik HTML <A HREF>, zwany także znacznikiem <A> lub znacznikiem
zakotwiczenia. Informuje on przeglądarkę, gdzie przenieść użytkownika, który kliknie połączenie.
Podobnie jak większość znaczników HTML, znacznik <A HREF> musi mieć znacznik
zamykający. Wpisując kod ręcznie, pamiętaj więc o dodaniu znacznika </A>.
Znacznik <A HREF> może prowadzić do plików najróżniejszego typu, w tym na przykład do:
Blog jest wyposażony w wiele narzędzi, umożliwiających zarządzanie połączeniami witryny.
Warto sprawdzać połączenia w trakcie ich tworzenia. Aby sprawdzić działanie połączeń, wybierz
pozycję Preview in Browser w menu File i wskaż żądaną przeglądarkę w menu podrzędnym.
Gdy strona pojawi się w oknie przeglądarki, klikaj połącz.
Tagi: linki
Kategoria: Tworzenie stron | Komentarze są wyłączone
środa, 26 Sierpień 2009
blog pozwala wybrać typ adresowania. Jeśli więc nie wiesz, jaka jest różnica między
bezwzględnymi i względnymi ścieżkami dostępu, usiądź i poczytaj.
Ścieżka bezwzględna to po prostu pełny adres URL. Zawiera więc nie tylko nazwę żądanego
pliku, lecz także nazwę serwera WWW, na którym plik rezyduje. Ma także przedrostek http, przez
wszystkich znany i kochany. Oto przykład ścieżki bezwzględnej:
http://www.texty.waw.pl/index.html
Jeśli na swoich stronach będziesz umieszczał połączenia, możesz oczywiście korzystać z adresów
bezwzględnych URL ? dokument zostanie pobrany. Jest jednak pewien problem. Stosowanie tego
typu adresowania powoduje, że przy każdym wejściu w połączenie użytkownik jest niezmiennie
kierowany do ?drzwi frontowych? witryny sieciowej. Jest to znaczne obciążenie dla serwera i
powoduje wydłużenie czasu ładowania strony. Z tego właśnie względu zaleca się stosowanie
ścieżek względnych.
Są dwa rodzaje adresów względnych: definiowane względem dokumentu oraz definiowane
względem foldera nadrzędnego. Zaczniemy od omówienia pierwszego typu.
Ścieżki dostępu definiowane względem dokumentu określają relację jednego dokumentu
względem drugiego. Taka ścieżka względna nie rozpoczyna się od foldera nadrzędnego, lecz od
nazwy bieżącego dokumentu, po której pojawia się ciąg katalogów prowadzący do drugiego pliku.
Tak więc, aby zdefiniować ścieżkę dostępu względem dokumentu, wystarczy wskazać hierarchię
folderów startując od bieżącego dokumentu.
Jeśli chcesz przetestować swoje strony WWW lokalnie w przeglądarce, musisz korzystać ze
ścieżek definiowanych względem dokumentu. Dlaczego? Ponieważ większość przeglądarek nie
ma możliwości stwierdzenia, z jakiego foldera lokalnego korzystasz, tak więc przeglądarka może
podążać tylko ścieżką zdefiniowaną względem aktualnie wyświetlanego dokumentu. Domyślnie,
blog zapisuje Twoje pliki stosując adresowanie względne.
Jeśli przed wstawieniem obrazu lub utworzeniem połączenia nie zapiszesz pliku, blog nie
ma odniesienia, z którego mógłby korzystać, aby zlokalizować dokument, nad którym aktualnie
pracujesz. Z tego powodu program wyświetli Ci komunikat przypominający o konieczności
zapisania pliku. Jeśli tego nie zrobisz, blog utworzy połączenie specyficzne dla Twojego
komputera. Po umieszczeniu dokumentu na serwerze, takie połączenie nie będzie działać. Niech
więc zapisywanie nowych dokumentów we właściwym katalogu, natychmiast po ich utworzeniu,
stanie się Twoim zwyczajem.
../blog/index.html
Wyobraź sobie, że kropki to winda, którą możesz podjechać w górę lub w dół, aby pobrać
dokumenty z innych biur. Jeśli połączenie ma prowadzić do plików na innym serwerze, nie można
stosować adresowania względem dokumentu. Jeśli więc chcesz skierować użytkowników na aukcję na stronie Allegro, musisz podać bezwzględny adres
URL (na przykład tak: http://www.allegro.pl).
Tagi: adresowanie, linki
Kategoria: Tworzenie stron | Komentarze są wyłączone