specjalne - Kurs HTML i CSS
Tekst HTML / Kod poprawny semantycznie...sieciowych. Są to aplikacje, które przez cały czas szukają nowych stron w Internecie i sprawdzają, czy stare się nie zmieniły. Za pomocą specjalnego algorytmu informatycznego przetwarzającego treść odwiedzanych stron, zapisują linki do nich w bazie danych przyporządkowując je do odpowiednich słów kluczowych (haseł). Z tej bazy danych korzystają następnie wyszukiwarki sieciowe, takie jak Google, kiedy użytkownicy przeszukują Internet za ich pośrednictwem. Aby serwis WWW mógł być...
- Nagłówek i treść HTML / Struktura dokumentu HTML
...natomiast podanie tytułu strony jest wręcz obowiązkowe! Zaleca się również wpisanie opisu zawartości strony. Większość edytorów HTML posiada specjalne generatory sekcji HEAD, w których podaje się wszystkie atrybuty oraz informacje dotyczące dokumentu, dzięki czemu nie trzeba tego robić ręcznie. Z takiego generatora możesz skorzystać również tutaj. ✅ Rozpocznij konfigurację dokumentu
- Odsyłacze HTML / Do podstrony <a href>
...linijki. Może się to wydawać nieestetyczne. Aby tego uniknąć, należy w opisie odsyłacza zastąpić wszystkie spacje znakami [zobacz: Znaki specjalne]. Nie dotyczy to jednak tekstu, w którym znajdują się: "%" (procent) lub "-" (myślnik). UWAGA! Bardzo ważne: w nazwach plików lepiej nie używać: wielkich liter znaków, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich liter (ą, ć, ę, ł, ń... itd.) Jeśli nie zastosujesz się do tych zaleceń...
Skórki...do tego się nadają. Do przygotowania nowej skórki wystarczy po prostu zaprojektować osobny arkusz stylów (plik *.css) i go podmienić za pomocą specjalnego skryptu. Aby możliwa była jak najbardziej efektowna zmiana wyglądu, konieczne jest, aby serwis został zaprojektowany zgodnie z zasadą rozdzielenie struktury i prezentacji dokumentów. To oznacza m.in., że powinno się unikać znaczników i atrybutów formatujących takich jak <font color="...">...</font>, a także stylów inline, czyli...
Oprawa graficzna / Zamiennik obrazkowy...przegląda sieć za pomocą urządzeń mobilnych (smartfony, tablety). Dzięki obsłudze różnorodnych typów mediów, bez dużego wysiłku można przygotować specjalne wersje serwisu, które będą wygodniejsze do przeglądania na niewielkim ekranie. Niestety elementy graficzne, przygotowane dla podstawowej wersji witryny, zwykle będą zbyt wielkie, aby swobodnie zmieścić się na małym ekranie urządzenia mobilnego. Można co prawda je przeskalować, ale wtedy narażamy się na utratę jakości, a co najgorsze...
- Dobre praktyki / Przykazania webmastera
...zakładkach w nagłówku umieścić tylko główne kategorie, a po kliknięciu wyświetlać coraz głębsze poziomy zagnieżdżenia. Świetnym pomysłem jest specjalne zaznaczanie miejsca w nawigacji, gdzie w danej chwili znajduje się użytkownik. Przykładowo aktualnie wybrany link w menu może być pogrubiony. Dodatkowo przed właściwą treścią artykułu można umieścić tzw. ścieżkę nawigacji, czyli kolejne (najlepiej podlinkowane) kategorie nadrzędne - począwszy od głównej aż do aktualnie przeglądanej...
- HTML5 / Nowe elementy HTML5
...treść z dodatkową informacją zapisaną w formie czytelnej dla komputera (atrybut value="..."). TIME Data i/lub czas. RUBY, RT, RP Przypisy ruby - specjalne krótkie wstawki obok bazowego tekstu, używane zwykle w dokumentach wschodnioazjatyckich do wskazania wymowy lub wstawienia krótkiej adnotacji. W języku japońskim ta forma przypisów jest również nazywana furigana. BDI Obejmuje tekst, odizolowany od otaczającej go zawartości dla celów dwukierunkowego formatowania tekstu. WBR Możliwość...
- Czcionki CSS / Czcionki osadzone @font-face
...że istnieje sposób, pozwalający używać na stronie WWW dowolne czcionki, bez obawy o niepoprawne wyświetlanie. Możliwe jest umieszczenie na serwerze specjalnego pliku z czcionkami, z którego korzysta przeglądarka, podczas wyświetlania strony. Nawet jeśli użytkownik nie będzie posiadał wymaganego kroju, zostanie on automatycznie pobrany z Internetu i dynamicznie tymczasowo zainstalowany w jego systemie. Użytkownik nie będzie mógł z takiej czcionki korzystać po wyjściu z serwisu - chroni to...
- Multimedia HTML / Osadzenie pliku <embed>
...HTML może być użycie znacznika <embed src="...">. Nie zaleca się jednak stosować go dla plików audio-wideo, ponieważ dla nich zostały przeznaczone specjalne odtwarzacze multimedialne. Jak osadzić PDF na stronie? Na przykład jeśli plik nazywa się "dokument.pdf" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy bezpośrednio wyświetlić zawartość pliku PDF, można się posłużyć następującym znacznikiem: <embed src="dokument.pdf" width="1000...
- Formularze HTML / Formularz na stronie internetowej
...na ich podstawie, przez co czynność ta może stać się mniej żmudna. Są to zarówno aplikacje w postaci programów instalowanych tradycyjnie, jak i specjalne skrypty wykonywane bezpośrednio w przeglądarce (np. PHP).