Pomoc - Zarządzanie informacją
Spis paragrafów >>
Grafika na WWW
<< Powrót
<< Poprzedni Następny >>
86.7. Grafika na WWW
Do dokumentów *.html możesz wstawiać różnorodne elementy graficzne. Używa się do tego znacznika <img>, np.:
<img src="images / foto.jpg" alt="Fotografia" title="Fotografia" />
mającego obowiązkowy parametr src zawierający nazwę lub adres, ścieżkę dostępu i nazwę elementu graficznego (koniecznie w formacie GIF, JPG lub PNG), który chcesz umieścić. Obrazki nie powinny być zbyt duże, ponieważ będą zbyt długo wczytywane na ekran przez przeglądarkę przy oglądaniu strony.
Uwaga. Aby strona „widziała” swoje pliki, muszą być one zgromadzone na koncie, z którego oglądasz daną stronę. W naszym przykładzie elementy grafiki znajdują się w folderze images. To, że nasz obrazek jest „oblewany” przez tekst, wynika z ustawień w style.css.
Fragment kodu strony
<h1>Moja pierwsza strona</h1>
<p><img align="left"src="images/foto.jpg" alt="Fotografia" title="Fotografia" />
Na mojej pierwszej stronie ćwiczę posługiwanie się znacznikami HTML
<a href="przyklad.html">W innym pliku</a> wykonałem ćwiczenia z grafiką. Poza tym, to tylko tekst przykładowy. Dalej wpisuję powtórki. Jak będzie coś ciekawego, to wpiszę
<i>* tekstem pochylonym *</i> i zaznaczę gwiazdkami. Teraz do końca akapitu będzie się powtarzało to samo zdanie. Teraz do końca akapitu będzie się powtarzało to samo zdanie. Teraz do końca akapitu będzie się powtarzało to samo zdanie. Teraz do końca akapitu będzie się powtarzało to samo zdanie. Teraz do końca akapitu będzie się powtarzało to samo zdanie. Teraz do końca akapitu będzie się powtarzało to samo zdanie. Teraz do końca akapitu będzie się powtarzało to samo zdanie. </p>
Moja pierwsza strona
Na mojej pierwszej stronie ćwiczę posługiwanie się znacznikami HTML
W innym pliku wykonałem ćwiczenia z grafiką.
Poza tym, to tylko tekst przykładowy. Dalej wpisuję powtórki. Jak będzie coś
ciekawego, to wpiszę * tekstem pochylonym * i zaznaczę gwiazdkami.
Teraz do końca akapitu będzie się powtarzało to samo zdanie. Teraz do końca
akapitu będzie się powtarzało to samo zdanie. Teraz do końca akapitu będzie
się powtarzało to samo zdanie. Teraz do końca akapitu będzie się powtarzało
to samo zdanie. Teraz do końca akapitu będzie się powtarzało to samo zdanie.
Teraz do końca akapitu będzie się powtarzało to samo zdanie. Teraz do końca
akapitu będzie się powtarzało to samo zdanie.
- Przygotowanie materiału graficznego na stronę WWW >>
Kurs na CD
Grafika – wstawianie obrazka – [odnośnik]>>
Grafika – ustawianie obrazka – [odnośnik]>>
Plik przykładowy – [odnośnik]>>
Kod pliku – [odnośnik]>>
Temat został opisany dość dokładnie w kursie na CD. Tu chcemy zwrócić uwagę na przygotowanie materiału graficznego na WWW.
Można samodzielnie wykonywać wszystko, ale to rzadko się zdarza. Najczęściej korzystamy z grafiki pozyskanej z sieci. Zwróćmy uwagę na prawa autorskie pozyskiwanych elementów. Nie używajmy grafiki, co do której nie znaleźliśmy na danej stronie uwagi o zgodzie jej autorów na wykorzystanie na innych stronach. W sieci jest dostatecznie dużo adresów, pod którymi możemy znaleźć darmową grafikę i zdjęcia do naszych prac webmasterskich. Poniżej niektóre z nich.
-
Grafa.info – [odnośnik]>>
-
Programoj.com –[odnośnik]>>
-
Graf-land – [odnośnik]>>
-
ZOO Iwiego – [odnośnik]>>
-
Gify.org – [odnośnik]>>
-
Darmowe obrazki – [odnośnik]>>
-
Darmowe zdjęcia – [odnośnik]>>
-
Cybernetyczna przystań – [odnośnik]>>
-
Pracownia Gnoma – [odnośnik]>>
Kolejnym źródłem grafiki dla webmasterów są płyty wydawane w tym celu. Dużo grafiki i zdjęć publikuje prasa komputerowa. Za każdym razem wyraźnie jest w tych publikacjach zaznaczone, na jakich zasadach można korzystać z umieszczonej tam grafiki.
Na płytach i w sieci Internet jest też sporo programów, które pozwalają nawet niewprawnym grafikom wykonać odpowiednie elementy z gotowych komponentów.
Nieocenionym źródłem materiałów są również osobiście wykonane zdjęcia przy pomocy aparatów cyfrowych. Można z nich tworzyć całe galerie i stosować jako pojedyncze elementy strony.
<< Powrót [Do góry]