stronie - Kurs HTML i CSS
Promocja strony WWW / Odpowiednia treść...zadanie. Jeśli strona będzie martwa i nie będzie na niej aktualizacji, stracisz czytelników. Dobrze jest informować o wprowadzonych zmianach na stronie głównej lub przez e-mail (tylko jeśli użytkownicy wyrażą na to zgodę). Chcę się tylko pochwalić... No tak, stron tego typu jest naprawdę dużo w Internecie, ale ile z nich jest naprawdę popularnych? Zatem zastanów się czy warto umieszczać w sieci króciutką stronę, w której opisujesz wyłącznie własną osobę. Oczywiście nie ma w tym nic...
- Promocja strony WWW / Pozycjonowanie (SEO)
...jednak, że słowa kluczowe nie mogą być oderwane od właściwej treści strony, bo może to zostać uznane za spam. Główną rolę grają słowa kluczowe na stronie głównej (index.html), ale nie należy ich pomijać na pozostałych stronach, bo stanowią one dodatkową szansę na nowe odwiedziny serwisu. Na każdej podstronie wyrazy kluczowe powinny być inne - odpowiednie do treści, która się tam znajduje. Nie należy zbyt często powtarzać jednakowych słów kluczowych na tej samej stronie, bo większość...
- Promocja strony WWW / Bannery i buttony
...bądź nawet kilku systemów wymiany bannerów (adresy znajdziesz w rozdziale: Darmowe komponenty). Taka wymiana polega na tym, że umieszczasz na swojej stronie (albo lepiej na wszystkich podstronach) banner systemowy, który powoduje wyświetlanie reklam innych uczestników systemu, a w zamian za to Twój banner jest wyświetlany na innych stronach. Podstawą oceny przydatności takiego systemu jest tzw. ratio - np. ratio = 2:1 oznacza, że na każde 2 wyświetlenia bannerów systemowych na Twoich stronach...
- Znaki specjalne HTML / Encje HTML
Spis treści Znaki specjalne HTML Niełamliwa spacja Miękki łącznik Znaki specjalne HTML Co zrobić jeśli chcemy umieścić na swojej stronie np. taki tekst: <p>? Niestety ponieważ wyraz ten jest znacznikiem używanym w składni języka HTML, nie jest możliwe wpisanie go po prostu z klawiatury. W takim razie zastanawiasz się na pewno, jak udało mi się go tutaj wpisać. Jeśli jeszcze nie wiesz, spójrz dalej. Znajdziesz tam tabelę z wykazem znaków specjalnych (tzw. encji), których nie można wpisać...
- HTML5 / Nagłówek <header>
...tworzy nowej sekcji w dokumencie (zobacz: "Sekcje / Nagłówki sekcji" w rozdziale "Nowe elementy HTML5"). Przykład <header> <header> <p>Witam na stronie...</p> <h1>Kurs języka HTML</h1> </header> Skoro znacznik HEADER nie tworzy nowej sekcji, to dla tak przedstawionego dokumentu: <header> <h1>Sekcja 1</h1> <p>Akapit sekcji 1</p> <h2>Podsekcja 1.1</h2> </header> <p>Akapit podsekcji 1.1</p> <h2>Podsekcja 1.2</h2> <p>Akapit podsekcji 1.2</p> ...automatyczny spis treści będzie wyglądał...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...można załączać dynamiczne skrypty, napisane w języku JavaScript. Zwykle zapisuje się je w osobnych plikach z rozszerzeniem *.js i osadza na stronie przy użyciu znacznika SCRIPT - podając do nich odnośnik w atrybucie src="...". W trybie domyślnym wczytywanie dokumentu zostaje zatrzymane po napotkaniu tak osadzonego skryptu i kontynuowane dalej, dopiero kiedy w całości się on załaduje. Często tylko niepotrzebnie wydłuża to czas, po którym użytkownik może już przeglądać pozostałą treść...
- HTML5 / Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>
...równocześnie. Czasami mogłoby to jednak prowadzić do nieoczekiwanych rezultatów. Dlatego na przykład osadzenie zewnętrznego skryptu JavaScript na stronie zwykle powoduje, że przeglądarka przestaje wykonywać inne operacje, dopóki go nie załaduje i nie uruchomi. Możemy jednak pozwolić na wykonywanie niektórych czynności równolegle - np. ładowanie innych zasobów zewnętrznych osadzonych w dokumencie - a zablokować jedynie samo wyświetlanie strony (ang. render), dopóki kod skryptu nie zakończy...
- HTML5 / Element edytowalny <... contenteditable>
...należy dodać atrybut contenteditable="true" do dowolnego elementu HTML, co sprawi, że użytkownicy będą mogli edytować jego zawartość bezpośrednio na stronie. Na przykład: <div contenteditable="true">Edytowalny tekst</div>. To sprawia, że zawartość tego <div> stanie się edytowalna. Jaki jest pożytek z contenteditable w HTML? Atrybut contenteditable w HTML jest użyteczny do tworzenia obszarów na stronie, które użytkownicy mogą edytować bezpośrednio w przeglądarce, co jest przydatne w...
- HTML5 / Pominięcie walidacji formularza <form novalidate>
...Sprawdzanie poprawności formularza HTML jest użyteczne, ale często niewystarczające, zwłaszcza w bardziej zaawansowanych aplikacjach. Walidacja po stronie klienta (tzn. bezpośrednio w przeglądarce) może być łatwo omijana przez złośliwych użytkowników, dlatego powinna być uzupełniona walidacją po stronie serwera, aby zapewnić pełne bezpieczeństwo i poprawność danych. Czym jest brak sprawdzania poprawności w HTML? Brak sprawdzania poprawności w HTML oznacza celowe pominięcie procesu...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...żadnych ograniczeń. Może to być przydatne np. w przypadku wyświetlania reklam. Chcielibyśmy mieć pewność, że reklama niczego nie popsuje na naszej stronie, ale jednocześnie nie chcemy, aby po kliknięciu w reklamę strona docelowa posiadała jakiekolwiek ograniczenia. To polecenie samo w sobie nie zezwala na otwieranie okien, a jedynie zdejmuje ograniczenia, jeśli już nowe okno zostanie otwarte. Aby było możliwe otwieranie nowych okien, należy posłużyć się wartością sandbox="allow-popups...