koniec strony - Kurs HTML i CSS
Przeglądarka zdjęć...{ f.elements['poczatek'].disabled = true; f.elements['wstecz'].disabled = true; f.elements['dalej'].disabled = false; f.elements['koniec'].disabled = false; } else if (nr == f.elements['zdjecia'].options.length - 1) { f.elements['poczatek'].disabled = false; f.elements['wstecz'].disabled = false; f.elements['dalej'].disabled = true; f.elements['koniec'].disabled = true; } else { f.elements['poczatek'].disabled = false...
HTML dla zielonych / Wpisywanie tekstu HTML...jest zwykły tekst... To jest zwy- kły tekst... Zaznaczony wyraz powinniśmy wpisać normalnie. Przeglądarka sama ustawi go w odpowiedniej linii. Na koniec kilka praktycznych porad, które początkowo łatwo zbagatelizować, ale uwierz mi - naprawdę okazują się niezwykle przydatne: Dbaj o poprawność ortograficzną i stylistyczną tekstu! O ile błędy literowe mogą się zdarzyć każdemu, to rażące błędy ortograficzne, popełniane zbyt często, odstraszają potencjalnych czytelników. Jeśli masz kłopoty z...
Szablon strony na DIV-ach / Responsywny szablon...by wyglądało taszczenie pod pachą dwudziestocalowego "mobilnego" monitora do naszego smartfona 😉 Dla twórców stron internetowych oznacza to jedno: konieczne jest takie projektowanie serwisów, aby wyglądały dobrze, były czytelne i wygodne w użytkowaniu również na urządzeniach przenośnych. Jak to jednak zrobić? Istnieje kilka strategii. Powiększenie strony Pozornie najprostszym rozwiązaniem jest nic nie robić 😉 Nowoczesne urządzenia mobilne posiadają wbudowaną funkcję powiększania strony...
- I co dalej... / Płatne serwery
...ale liczące się płatne hostingi oferują bezpłatnie automatyczne backupy wszystkich stron wykonywane co minimum 24 godziny. Gwarancje — no i na koniec najważniejsza kwestia. Płacąc za coś, stajemy się klientem, który otrzymuje od firmy jakąś usługę gwarantującą np. nieprzerwane działanie przez 99.95% czasu, szybkie reakcje na awarie czy dbanie bezpieczeństwo. Dodatkowo dochodzi do tego kwestia obsługiwanych technologii. Płatne hostingi pozwalają utrzymywać strony napisane w języku PHP...
- Menu drzewiaste / Skrypt menu drzewiastego
...wklej w treści nagłówkowej strony <head>...</head> następujący kod: <link rel="stylesheet" href="tree.css"> <script src="tree.js"></script> Na koniec w wybranym miejscu strony - tam, gdzie ma się wyświetlać menu drzewiaste - wstaw kod oparty na technice zagnieżdżania wykazów (tylko wypunktowanie, czyli lista nieuporządkowana <ul>...</ul>). Sposób zagnieżdżania kolejnych punktów listy będzie automatycznie odzwierciedlał strukturę drzewa menu. Oto przykładowy kod: <ul id="tree0...
- Widżety HTML / Szablon strony bez ramek
...w powyższym kodzie odpowiednie fragmenty zostały wyróżnione. W szczególności na takich podstronach nie wstawia się deklaracji strony kodowej, ale koniecznie należy zadbać, aby treść była zapisana przy użyciu takiego samego kodowania znaków, jak strona kodowa zapisana w pliku head.php (UTF-8). Edytory HTML pozwalają wybrać kodowanie znaków w pliku bez potrzeby wstawiania deklaracji <meta>. Zwracam uwagę, że w ten sam sposób należy przygotować stronę główną serwisu, czyli plik index.php...
- Selektory atrybutów CSS / Selektor atrybutu o wartości kończącej się na...
(CSS 3 - interpretuje: Chrome 4, Firefox 3.5, Edge 12, Opera 10, Safari 3.2) selektor[atrybut$="koniec"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Koniec" to określony tekst, którym kończy się wartość atrybutu. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
Na koniec chciałbym poruszyć bardzo ważną sprawę, o której wiele osób zdaje się zapominać. Znajomość podstaw HTML w zupełności wystarcza do napisania strony internetowej, lecz aby stworzyć dobry serwis, który będzie często odwiedzany i którym będzie się można naprawdę pochwalić, trzeba czegoś więcej: Zastanów się dobrze nad tematyką swojej strony. Oczywiście nikt nie zabroni Ci publikacji informacji o tym, że np. Twój pies wabi się Azor, a kot - Mruczek, ale czy coś takiego naprawdę może...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...strony do Internetu, pliki takie nie wczytają się (nawet jeśli na Twoim komputerze wszystko jest w porządku)! Formaty graficzne <img> Na koniec jeszcze jedna rada: obrazki wstawione na stronę, wydatnie zwiększają jej objętość, a co za tym idzie, wydłużają czas wczytywania strony. Jeśli na Twoim dysku lokalnym strona wczytuje się błyskawicznie, nie myśl, że będzie tak samo po wprowadzeniu jej do Internetu. Oczywiście im większy jest obrazek, tym więcej miejsca zajmuje na dysku. Poza...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...lub INPUT (z atrybutem type="button") przypisujemy atrybut popovertarget="..." o wartości takiej samej, jak identyfikator id="..." popovera. Na koniec do przycisku możemy opcjonalnie dodać atrybut popovertargetaction="..." określający akcję, która po kliknięciu w przycisk ma zostać wykonana na popoverze. Warto zwrócić uwagę, że tym samym popoverem może sterować wiele przycisków - np. jeden może go otwierać, a drugi zamykać. Okienko popover domyślnie nie ma przypisanego żadnego bardziej...