stronie - Kurs HTML i CSS
HTML dla zielonych / Wstawienie obrazka HTML <img src alt>...tekstu: "Tu podaj względną ścieżkę dostępu do obrazka", należy podać miejsce na dysku, gdzie znajduje się nasz obrazek, który chcemy umieścić na stronie. Jeżeli obrazek znajduje się w tym samym katalogu co strona, na której chcemy go wstawić, wystarczy wpisać tutaj samą nazwę pliku obrazka, nie zapominając przy tym o podaniu rozszerzenia (".jpg" lub ".gif"). Natomiast w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie...
Galeria zdjęć HTML / Skrypt galerii zdjęć...Dzięki temu kiedy użytkownik już do nich przejdzie, powinny się wyświetlić błyskawicznie. Jeśli chcesz wstawić taką galerię zdjęć na swojej stronie, zobacz: Skrypt galerii zdjęć (gotowiec). Galeria zdjęć (gotowiec) Stosując specjalny skrypt, który automatycznie wyświetla zdjęcia bez potrzeby otwierania nowego okna, można zautomatyzować tworzenie galerii. Ponadto aktualizacja zdjęć w takiej galerii nie będzie w tym przypadku utrudniona - dodanie nowego zdjęcia będzie się wiązało...
- HTML dla zielonych / Odsyłacz pocztowy HTML <a "mailto">
...poczty e-mail" należy wpisać adres poczty elektronicznej (np.: jan_kowalski@example.com). Ten odsyłacz jest przydatny, gdy pragniesz umieścić na stronie adres swojej skrzynki poczty elektronicznej (e-mail). Dzięki temu będziesz w stałym kontakcie z internautami odwiedzającymi Twoją stronę. Pamiętaj, że podanie swojego adresu na stronie WWW, może spowodować, że zaczną do Ciebie przychodzić niechciane wiadomości - reklamówki (tzw. spam). Dobrym pomysłem może być założenie sobie darmowego...
- HTML5 / Nowe elementy HTML5
...ale może w takim razie to już najwyższy czas, aby poznać Kaskadowe Arkusze Stylów 😉 Sekcje Sekcje to odrębne tematycznie fragmenty treści na stronie. Można je porównać do rozdziałów w książce. Każda sekcja może mieć nagłówek (tytuł rozdziału) i stopkę (zawierającą informacje o autorze, prawach autorskich itp.). W ramach znaczników przydatnych przy wstawianiu sekcji, wyróżnić możemy elementy, które fizycznie te sekcje tworzą (ang. sectioning elements) - są to: ARTICLE, ASIDE, NAV...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...ale zwiększają przejrzystość kodu. Dzięki takiemu sposobowi zapisu, tworzenie i modyfikacja tabeli może przebiegać dużo sprawniej. Na tej stronie w większości została użyta pierwsza metoda wpisywania znaczników, w Internecie najczęściej spotyka się drugą z ewentualnymi dodatkowymi wcięciami przez znacznikami <tr> i </tr>. Możesz oczywiście opracować również własną metodę. Wybierz tą, która najbardziej Ci odpowiada i stosuj ją konsekwentnie. Pytania i odpowiedzi <table, tr, td>...
- Widżety HTML / Ramki lokalne <iframe>
...Tekst alternatywny" wyświetli się tylko w przeglądarkach, które nie obsługują ramek lokalnych. Ramki lokalne są umieszczane bezpośrednio na stronie w postaci pojedynczych okienek o różnych rozmiarach. Dzięki temu możemy do takiej ramki wczytywać inne dokumenty [zobacz: Wstęp]. Jeśli nie określimy koloru tła dokumentu wczytywanego do ramki lokalnej, przeglądarka może przyjąć dla niego kolor tła strony, na której wstawiona jest ramka. Pomiędzy znacznikiem otwierającym <iframe...> a...
- I co dalej... / Darmowe komponenty
...namacalnego dowodu, jaka jest jej popularność wśród internautów. Ile właściwie osób ją odwiedza? Aby się o tym przekonać możesz założyć na swojej stronie tzw. licznik odwiedzin. Jest to skrypt (program), który po wstawieniu na stronę, zlicza i zapisuje każde wejście na nią (przez dowolną osobę). Wynik najczęściej jest wyświetlany natychmiast, wprost na stronie. Można napisać swój własny licznik, ale to wymaga dobrej znajomości skryptów PHP lub CGI, a poza tym nie wszystkie serwery obsługują...
- Promocja strony WWW / Tworzenie społeczności
...wymaga wielu aktywnych użytkowników. Aby zapewnić stały kontakt z czytelnikami, można wprowadzić możliwość dodawania komentarzy do artykułów na stronie. Po pierwsze doda to większą interaktywność do serwisu, a po drugie następni czytelnicy widząc wcześniejsze komentarze odniosą wrażenie, że strona jest bardzo popularna. Oczywiście w takim przypadku trzeba się również liczyć z nieprzychylnymi opiniami, które naprawdę mogą człowieka zdołować - szczególnie jeśli są nieprawdziwe 🙁 Poza...
Selektory elementów CSS / Selektor uniwersalny...elementów strony, a więc dla różnych selektorów typu. Możemy za pomocą tej komendy nadać to samo formatowanie dla wszystkich elementów na całej stronie, niezależnie od ich typu (p, h1, li itd.). Niestety jego działanie nie zawsze jest jednoznaczne, dlatego dużo bezpieczniej jest używać selektora typu dla elementu body, chyba że zastosujemy to polecenie w odniesieniu do klasy selektorów. Jeśli selektor uniwersalny chcemy zastosować do selektora innego niż selektor typu (w połączeniu z...
- Selektory specjalne CSS / Klasy selektorów <... class>
...się do niej odnosić już we właściwej treści dokumentu. Dzięki temu możemy np. ustalić określone atrybuty dla danego elementu (selektora) na całej stronie, a jednocześnie zmienić wygląd tylko niektórych, bezpośrednio przy nich. Nie musimy już wtedy za każdym razem wpisywać stylu inline, którego zapis czasem może być dosyć długi, ale wystarczy odwołać się do nazwy klasy z arkusza. Deklaracja klasy jest przydatna szczególnie, jeśli na wielu stronach serwisu znajdują się elementy mające takie...