wstawienie - Kurs HTML i CSS
Oprawa graficzna / Zamiennik obrazkowy...osób niewidomych, ale również dla robotów indeksujących wyszukiwarek internetowych, co niekorzystanie odbije się na popularności witryny. Poza tym wstawienie pustego elementu uniemożliwia przygotowanie skórki, która w tym miejscu nie będzie miała żadnej grafiki, a jedynie zwykły tekst. Lepszym rozwiązaniem będzie wstawianie normalnego tekstu, a następnie ukrycie go i zastąpienie tłem graficznym. Technika ta nazywana jest zamiennikiem obrazkowym (ang. image replacement) i jest powszechnie...
- Oprawa graficzna / "Duszki" CSS
...treści. Stanowią one uzupełnienie artykułów redakcyjnych i powinny być osadzane za pomocą standardowego znacznika IMG. Technicznie niewykonalne jest wstawienie na siatkę z "duszkami" wzorka, który następnie zostanie powielony, tworząc tło graficzne. Tutaj jedynym możliwym rozwiązaniem jest umieszczenie grafiki w osobnym pliku, lecz zwykle takich przypadków nie jest wiele. Jeżeli natomiast chodzi o tła graficzne powielane tylko w jednym kierunku - poziomo lub pionowo - możemy je zgrupować na...
Aktywne przyciski / Animowane przyciski...zmieniają swój wygląd, co sugeruje użytkownikowi, że kliknięcie wywoła jakąś akcję (najczęściej przeniesienie do innej strony). Wbrew pozorom wstawienie takich przycisków na własną stronę, wcale nie jest takie trudne. Wymagana wiedza: Odsyłacze obrazkowe (podstawowe) Aby wprowadzić na stronę zwykłe przyciski (nieaktywne), które nie zmieniają wyglądu, wystarczy skorzystać z odsyłaczy obrazkowych.
- Wyszukiwarka / Formularz wyszukiwania na stronie
Dzięki wyszukiwarkom szybko możemy odnaleźć interesujące nas informacje. Gdyby nie one, funkcjonowanie Internetu byłoby znacznie utrudnione. Bez wielkiego nakładu pracy możesz urozmaicić i własną witrynę taką wyszukiwarką. Wstawienie formularza szukania Google jest bardzo proste. Sposób opisywany tutaj jest całkowicie dozwolony, zatem nie trzeba się obawiać żadnych konsekwencji ewentualnego nieuprawnionego używania wyszukiwarki Google do własnych celów.
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...nagłówka</a>. Można też wstawić normalny odsyłacz, prowadzący do wybranego dokumentu, jednak wtedy w docelowym dokumencie należy zadbać o wstawienie takiego samego układu menu, ponieważ inaczej nigdy nie będzie dostępu do linków znajdujących się w tej sekcji menu (po kliknięciu menu nie zdąży się rozwinąć, ponieważ natychmiast zostanie wczytana nowa strona - musi zostać rozwinięte na starcie po wczytaniu nowej strony). Zwracam uwagę, że w takim przypadku nie będzie możliwości...
HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">...<a href, img src alt "border"> Jak zrobić, aby obrazek był linkiem? Najłatwiejszym sposobem umieszczenia odsyłacza obrazkowego na stronie jest wstawienie obrazka wewnątrz znacznika odsyłacza. Odnośniki obrazkowe można tworzyć dla wszystkich typów odsyłaczy: do podstrony, do adresu internetowego i pocztowych. Na przykład jeśli plik zdjęcia nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić odsyłacz obrazkowy, można...
- Tekst HTML / Blok cytowany <blockquote>
...understanding.</p> </blockquote> Pytania i odpowiedzi <blockquote> Co to BLOCKQUOTE w HTML? Jest to element (znacznik) odpowiedzialny za wstawienie bloku z cytatem. Jak zrobić cytat w HTML? Aby wstawić dłuższy cytat w postaci osobnego akapitu lub kilku akapitów, należy umieścić go wewnątrz znacznika <blockquote>...</blockquote>. Natomiast do umieszczenia krótkiego cytatu w postaci jednego lub kilku zdań mieszczących się w tym samym akapicie co reszta tekstu, trzeba użyć...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikumSpis treści Wstęp Cel ogólny cyklu lekcji Wymagania podstawy programowej Lekcja 1 - Struktura dokumentu HTML, podstawowe znaczniki Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie tekstu Lekcja 3 - Listy i tabele w HTML Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Lekcja 5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt...
- Odsyłacze HTML / Do etykiety <a id>
...później do niej bezpośrednio przenosić. Etykiety są wykorzystywane, gdy w jednym dokumencie znajduje się więcej ważnych miejsc - podrozdziałów, a wstawienie ich do osobnych plików, byłoby uciążliwe, ze względu na ich liczbę. Tak jak w książce - każdy rozdział składa się z mniejszych podrozdziałów - tak samo na każdej osobnej stronie HTML definiuje się zakładki. Dzięki takiej konstrukcji, nawigacja w serwisie staje się dużo łatwiejsza. Po kliknięciu odsyłacza do etykiety, przeglądarka...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...tekst, ale również inne znaczniki (z wyjątkiem blokowych) - m.in. odpowiadające za zmianę wyglądu tekstu (pogrubienie, pochylenie itd.), czy też wstawienie obrazka. Odsyłacz obrazkowy (link zawierający obrazek) zostanie uruchomiony, gdy klikniemy myszką grafikę, do której podajemy ścieżkę dostępu. Dzięki niemu możemy stworzyć np. efektowne przyciski odsyłaczowe w menu strony. Obrazki przycisków najlepiej zapisywać w formacie GIF bądź PNG, a większe zdjęcia - JPG. Jeśli nie masz zacięcia...