Przejdź do treści

warto - Kurs HTML i CSS

  • CSS
    Dobre praktyki / CSS Zorientowane Obiektowo

    ...inaczej od swojego pierwowzoru (klasy bazowej)? Wybrane deklaracje z klasy bazowej można przesłonić (ang. override), przypisując im zmienione wartości w klasie pochodnej. Na przykład: .Article { color: black; background-color: white; /* ... */ } .Review { color: green; font-size: 12px; /* ... */ } Pamiętaj jednak, że kolejność wymieniania nazw klas w atrybucie class="..." z punktu widzenia kaskadowości stylów nie ma znaczenia, dlatego należy zadbać, aby w arkuszu...

  • HTML
    Nagłówek i treść HTML / Ikona strony <link "shortcut icon">

    ...przeglądarki pobierają ikonę strony tylko raz, a później rzadko jest ona odświeżana (albo nawet wcale). Dlatego zanim wprowadzimy taki dodatek, warto go wcześniej dobrze dopracować. Przy tworzeniu ikony strony HTML możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz własną grafikę na podstawie dowolnej emotikony (emoji). ✅ Rozpocznij tworzenie ikony Pytania i odpowiedzi <link "shortcut icon"> Jaki rozmiar ikony strony...

  • HTML
    I co dalej... / Jak wprowadzić stronę do Internetu

    ...najpierw starajmy się odnaleźć jakieś dane kontaktowe. Jeżeli są to tylko adres e-mail i numer jakiegoś komunikatora internetowego, raczej nie warto zaprzątać sobie głowy takim hostingiem. Legalnie działająca firma powinna obowiązkowo podać dokładne dane kontaktowe do tradycyjnej korespondencji, numer NIP oraz REGON. Jeśli chcesz opublikować niekomercyjną stronę WWW, radzę skorzystać raczej z usług jednej z wielu firm, oferujących miejsce na swoim serwerze zupełnie za darmo. Poniżej...

  • CSS
    Dobre praktyki / Przykazania webmastera

    ...podstrony Rozbudowane artykuły długo się ładują. Użytkownik po prostu może się szybko zniecierpliwić i w ogóle nie doczekać się, aż zobaczy pełną zwartość strony, tylko opuścić serwis. Poza tym przecież może wcale nie być zainteresowany całością artykułu, a jedynie jego fragmentem. Dlatego obszerne treści staraj się dzielić na podrozdziały albo w ostateczności na numerowane strony i umieszczać w osobnych dokumentach. Nie zakładaj, że wszyscy użytkownicy posiadają tak szybkie łącze jak Twoje...

  • Skrypty
    Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego

    ...elementy (<dd>...</dd>), przynależące do kolejnych, poprzedzających nagłówków menu (<dt>...</dt>). Tutaj również nie ma ograniczeń, co do zawartości, którą można umieścić wewnątrz. Mogą to być po prostu odsyłacze ale też inne elementy. Poniżej wystarczy już tylko umieścić wywołanie skryptu: <script> new Menu('menu0'); </script> ...i to wszystko 🙂. Zwróć tylko jeszcze uwagę na wyróżniony identyfikator menu0 w dwóch ostatnich fragmentach kodu: musi być on w obu miejscach...

  • Skrypty
    Menu drzewiaste / Skrypt menu drzewiastego

    ...kodu menu musi się znajdować blok <script>...</script>. Zauważ, że wyróżniony w nim identyfikator tree0 musi być identyczny z tym, co wpisano jako wartość atrybutu id="..." na początku menu! UWAGA! Wewnątrz wszystkich znaczników <li>...</li> muszą znajdować się znaczniki odsyłaczy, czyli: <a>...</a>. Odsyłacze znajdujące się w węzłach menu (czyli tworzące otwierane i zamykane foldery) nie powinny posiadać atrybutu href="...". Alternatywnie można wpisać tam href="javascript:void(0)". W...

  • Skrypty
    Skórki

    ...Z doświadczenia mogę poradzić, że semantyczny kod znacznie łatwiej się stylizuje, co jest kolejnym argumentem, aby zgłębić to zagadnienie. Ponadto warto dodać, że jeśli szkielet Twojej strony albo np. elementy menu będą zbudowane w oparciu o tabele, zmiana wyglądu będzie możliwa tylko w ograniczonym zakresie. Natomiast jeżeli strukturę oprzesz o elementy <div>...</div>, a przy budowaniu menu skorzystasz z wykazów (<ul>...</ul>) oraz list definicyjnych (<dl>...</dl>), to bez większego trudu...

  • HTML
    Nagłówek i treść HTML / Dokumenty prawne <link "license, privacy-policy, terms-of-service">

    ...<link "license"> <head> <link rel="license" href="ścieżka dostępu"> </head> Jeżeli aktualny dokument jest chroniony prawami autorskimi, warto wskazać ścieżkę dostępu do dokumentu z licencją opisującą warunki korzystania z materiałów znajdujących się na stronie. Licencja na zdjęcia Może się zdarzyć, że niektóre elementy strony, jak np. zdjęcia wstawione w dokumencie, mogą być chronione odrębnymi licencjami. W takiej sytuacji przy każdym takim elemencie powinniśmy osobno wskazać...

  • HTML
    Odsyłacze HTML / Blokada indeksowania odsyłaczy <a "nofollow, ugc, sponsored">

    ...moglibyśmy chcieć zablokować indeksowanie wybranych linków umieszczonych na naszej stronie. Aby wskazać, o jaką konkretnie przyczynę nam chodzi, warto to określić w sposób jednoznaczny. Dlatego jeśli obawiamy się, że linki w komentarzach naszej witryny mogą stanowić spam i nie chcemy, aby z tego powodu nasza strona straciła reputację, a przez to pozycję w wynikach wyszukiwania, możemy użyć atrybutu z wartością rel="ugc" (ang. user generated content). Wskazuje on, że odnośnik taki nie...

  • HTML
    Multimedia HTML / Obrazek HTML <img>

    ...obrazów, co pozwala zmniejszyć ich objętość bez wyraźnego spadku jakości. Czasami zysk z użycia takiej kompresji jest dość znaczny, dlatego warto się tym zainteresować. Przed wstawieniem obrazka radzę zastanowić się, czy jest on absolutnie konieczny. Jeżeli chcesz umieścić na swojej stronie grafikę o znacznych rozmiarach, zawsze staraj się wcześniej pokazać miniaturkę, aby użytkownik mógł ocenić, czy chce czekać na załadowanie pełnowymiarowego obrazu (można to zrobić np. za pomocą...

« 1 2 3 4 5 6 7 »

★★★★★ 5/5 (289)

Facebook