zmiana - Kurs HTML i CSS
Widżety HTML / Szablon strony bez ramek...jest taka, aby nagłówek i stopkę szablonu zapisać w osobnych plikach. Dzięki temu dodanie nowego linka do menu nawigacyjnego lub jakakolwiek inna zmiana w powtarzających się elementach strony, będzie wymagała modyfikacji tylko jednego lub dwóch plików, a zmiany będą widoczne od razu na wszystkich podstronach. Czy coś takiego w ogóle jest możliwe? W czystym języku HTML raczej nie, ale z pomocą przychodzą języki skryptowe obsługiwane po stronie serwera, np. PHP lub SSI. Bardziej popularnym, a...
Aktywne przyciski / KlinięcieZmiana wyglądu przycisku po kliknięciu: <a href="adres"><img src="obrazek_podstawowy.gif" alt="Tekst alternatywny" border="0" onmousedown="this.src = 'obrazek_klikniety.gif'" onmouseup="this.src = 'obrazek_podstawowy.gif'"></a> Przykład
- Aktywne przyciski / Podświetlenie i klinięcie
Zmiana wyglądu przycisku po podświetleniu myszką oraz po kliknięciu: <a href="adres"><img src="obrazek_podstawowy.gif" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'obrazek_podswietlony.gif'" onmouseout="this.src = 'obrazek_podstawowy.gif'" onmousedown="this.src = 'obrazek_klikniety.gif'" onmouseup="this.src = 'obrazek_podstawowy.gif'"></a> Przykład
- I co dalej... / Wysłanie strony
Spis treści Wstęp Total Commander Eksplorator plików Wstęp Teraz kiedy masz już założone konto, możesz przystąpić do wprowadzania strony na serwer. Aby to zrobić, musisz się zaopatrzyć w dowolny program klient FTP Uwaga! Niektóre serwery nie oferują możliwości kopiowania plików przez program FTP. W takim przypadku musisz dokładniej zaznajomić się z opisem przesłania strony, znajdującym się na danym serwerze. Programy FTP są bardzo często wbudowane w edytory HTML czy w przeglądarki...
- HTML5 / Zmienione elementy i atrybuty HTML5
...type="toolbar"), OBJECT (z atrybutem usemap="..."), VIDEO (z atrybutem controls). Szczególnego podkreślenia wymaga, że jest to niezwykle pomocna zmiana. Dzięki niej, mając np. listę artykułów z tytułami, skróconymi wprowadzeniami i zdjęciem, nie trzeba już wstawiać trzy razy tego samego linku przy każdym artykule, aby osobno objąć zawartość każdego z tych elementów. HTML5 pozwala objąć jednym znacznikiem odnośnika wszystkie te elementy jednocześnie - nawet jeśli część z nich jest...
Wstawianie stylów CSS / Alternatywny arkusz stylów <link "alternate stylesheet">...zapewnić użytkownikom możliwość dopasowania jej do własnych oczekiwań. Aby dodać nowy wygląd, wystarczy tylko przygotować dodatkowy plik *.css, a zmiana treści serwisu nie będzie wymagała żadnych modyfikacji wyglądu poszczególnych stylów. Jeśli chcemy, aby niektóre arkusze nie były dostępne do podmiany przez użytkownika, wystarczy osadzić je w tradycyjny sposób, tzn. jako arkusze domyślne bez podania atrybutu title="...". Taki arkusz domyślny, nawet po wyborze przez użytkownika arkusza...
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...akapit, któremu został nadany atrybut title="Akapit" oraz lang="pl" (nie powinien być czerwony). Inne przydatne zastosowanie tego selektora to np. zmiana sposobu formatowania elementów formularzy. Niemal wszystkie kontrolki formularza są tworzone przy użyciu znacznika <input type="...">. O tym jaki rodzaj pola zobaczymy na ekranie, decyduje atrybut type="...". Jeśli chcielibyśmy zmienić rodzaj obramowania dla wszytkich pól tekstowych (type="text"), tak aby nie wpłynęło to na pola innego typu...
- Selektory pseudoklas CSS / Wskazanie myszką :hover
...najedzie na element myszką. Można ją wykorzystać do definiowania stylów dla efektów wizualnych podczas interakcji z elementami, takimi jak zmiana koloru linku po najechaniu.
- Selektory pseudoklas CSS / Łączenie selektorów
Na koniec warto wspomnieć o jeszcze jednej przydatnej własności selektorów CSS. Jak się można było przekonać, rodzajów selektorów jest bardzo wiele - każdy przeznaczony do innego celu. Co jednak zrobić, jeżeli potrzebujemy w jednej regule stylu zastosować kilka selektorów prostych? Czy jest to w ogóle możliwe? Oczywiście, że tak. Wystarczy po prostu wpisać je jeden po drugim (bez żadnych odstępów) w następującej kolejności: selektor typu lub selektor uniwersalny selektory atrybutów...
- Tekst CSS / Transformacja tekstu {text-transform}
...i odpowiedzi {text-transform} Co robi "text-transform"? Właściwość CSS text-transform służy do kontrolowania transformacji tekstu, takiej jak zmiana wszystkich liter na wielkie litery, małe litery lub pierwsze litery słów na wielkie litery. Jak zrobić duże litery CSS? Aby przekształcić tekst na duże litery w CSS, możesz użyć właściwości text-transform i ustawić jej wartość na uppercase. Na przykład: <p style="text-transform: uppercase">...</p>. To spowoduje, że wszystkie litery w...