strony link - Kurs HTML i CSS
Galeria zdjęć HTML / Klasyczna galeria zdjęć...się od wczytywania wszystkich dużych obrazków jednocześnie (użytkownik powiększa tylko te, które mu odpowiadają), a także zachowuje estetykę strony. Uwaga! Miniaturki grafik muszą być pomniejszone fizycznie, tzn. nie mogą to być oryginalne duże obrazki ze zmniejszonymi rozmiarami wyświetlania za pomocą atrybutów width="..." oraz height="...". Tylko wstawienie naprawdę pomniejszonych obrazków uchroni od niepotrzebnego wczytywania dużych plików. Zmniejszenia wymiarów obrazka można...
Multimedia HTML / Osadzenie pliku <embed>...w którym będzie odtwarzany wskazany plik. Należy pamiętać, że pliki multimedialne mają zwykle duże rozmiary, dlatego najlepiej na początku strony umieścić tekst, a dopiero na końcu polecenie <embed>. W takim przypadku w pierwszej kolejności wczyta się tekst. Polecenie <embed> sprawia wiele kłopotów nawet w przeglądarkach, które je interpretują! Ponadto należy pamiętać, że pliki multimedialne mają zwykle bardzo duże rozmiary, a więc wczytywanie takiej strony w Internecie, może trwać...
Wstawianie stylów CSS / Import arkusza stylów @import...dostępu) lub w dowolnym miejscu w obrębie całego Internetu (wtedy podajemy adres internetowy). Po wczytaniu, zostanie on automatycznie dołączony do strony. Oprócz importu arkusza, możesz umieścić pomiędzy znacznikami <style> a </style> dodatkowo własne reguły stylów, a nawet polecenie importu drugiego arkusza (ich działania zostaną połączone, a w przypadku konfliktów pierwszeństwo będzie miała ostatnia w kolejności deklaracja importu). Import arkusza stylów działa bardzo podobnie jak...
- Wykaz skryptów / Prawa autorskie
...np. jeśli prowadzisz serwis zawierający zbór przydatnych skryptów - ale tylko jeśli w dowolnym miejscu opisu zostanie umieszczony link zwrotny do strony głównej tego kursu. Dostęp do skryptów nie może być płatny! Nie możesz Przypisywać sobie autorstwa skryptów zawartych w tym serwisie. Usuwać ani zmieniać komentarzy nagłówkowych skryptów, podających autora. W przeglądarce są one normalnie niewidoczne, więc nie sprawiają kłopotów. Jeśli nie ma takiego komentarza, nie trzeba go...
- I co dalej... / Podsumowanie
Jeśli chcesz, aby Twoja strona stała się bardziej popularna, zaraz po jej publikacji radzę przeczytać rozdział pt. Promocja strony WWW. Życzę jak największego zainteresowania Twoją stroną wśród wszystkich internautów oraz samych pochlebnych opinii na jej temat Sławomir Kokłowski P.S.: Swoją nową stroną możesz pochwalić się na forum dyskusyjnym i w księdze gości tego serwisu (online). Będzie mi również bardzo miło, jeśli na swojej stronie umieścisz link do mojego kursu www.kurshtml.edu.pl...
- Galeria zdjęć HTML / Skrypt galerii zdjęć
...chcieć wstawić kilka osobnych galerii - np. jako fotorelacje z różnych wydarzeń. W takim przypadku nawigowanie kolejno we wszystkich zdjęciach ze strony mogłoby być tylko mylące. Lepiej żeby po dotarciu do końca pierwszej galerii, użytkownik musiał zamknąć okno powiększenia, a następnie jeśli będzie chciał, może wybrać kolejną galerię. Aby uzyskać taki efekt, wystarczy do odnośników z każdej kolejnej galerii przypisać inną wartość atrybutu data-gallery="...". Na przykład: <a...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
Spis treści Wymagana wiedza Skrypt indeksu, wyszukiwarki Wieloznacznik (wildcard) Wymagana wiedza Odsyłacze do podstrony Wczytywanie stron do ramki lokalnej Podstawy stylów CSS (m.in. arkusze stylów) Skrypt indeksu, wyszukiwarki Aby wstawić na swoją stronę indeks z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8)...
- Znaki specjalne HTML / Przedmioty - emotikony (emoji)
...🥁 🪘 Długie bęben 🪘 Telefon 📱 Telefon komórkowy 📱 📲 Telefon komórkowy ze strzałką w prawo z lewej strony 📲 ☎ Czarny telefon ☎ 📞 Odbiornik telefoniczny 📞 📟 Pager 📟 📠 Faks 📠 Komputer 🔋 Bateria 🔋 🔌 Wtyczka elektryczna 🔌 💻 Komputer osobisty 💻 🖥 Komputer stacjonarny 🖥 🖨 Drukarka 🖨 ⌨ Klawiatura ⌨ 🖱 Myszka z...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...src="ścieżka dostępu do obrazka" alt="tekst alternatywny"></a> adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Do tej pory w tym rozdziale przedstawione...
- Komendy HTML 4.01 / BODY
...które zostały wybrane przez użytkownika (zdeprecjonowane) BACKGROUND="adres" Wskazuje adres obrazka, który będzie wstawiony sąsiadująco jako tło strony (zdeprecjonowane) BGCOLOR="kolor" Kolor tła (zdeprecjonowane) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może...