plik - Kurs HTML i CSS
I co dalej... / Wysłanie stronySpis treści Wstęp Total Commander Eksplorator plików Wstęp Teraz kiedy masz już założone konto, możesz przystąpić do wprowadzania strony na serwer. Aby to zrobić, musisz się zaopatrzyć w dowolny program klient FTP Uwaga! Niektóre serwery nie oferują możliwości kopiowania plików przez program FTP. W takim przypadku musisz dokładniej zaznajomić się z opisem przesłania strony, znajdującym się na danym serwerze. Programy FTP są bardzo często wbudowane w edytory HTML czy w przeglądarki...
- HTML5 / Responsywny obrazek <picture, source>
...PICTURE. Dopasowanie formatu <picture, source type> (interpretuje: Firefox 38, Opera 25, Chrome 38) <picture> <source srcset="lokalizacja pliku w formacie 1" type="format 1"> <source srcset="lokalizacja pliku w formacie 2" type="format 2"> (...) <img src="lokalizacja pliku w formacie podstawowym" alt="Tekst alternatywny"> </picture> gdzie: lokalizacja pliku w formacie 1, lokalizacja pliku w formacie 2... Lokalizacja pliku obrazka na dysku lub adres URL do pliku w Internecie...
- HTML dla zielonych / Odsyłacz do podstrony HTML <a href>
...strony. Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML (z rozszerzeniem *.html lub *.htm) i zawiera treść, która dość znacznie różni się tematycznie od pozostałych (tworzy się ją w taki sam sposób jak stronę główną). Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo długo). Umieszczenie...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...Co to są roboty HTML? Witryn w całym Internecie jest tak dużo, że niemożliwe byłoby przeszukiwanie ich wszystkich w czasie rzeczywistym - tak jak plików na dysku lokalnym komputera. Dlatego każda wyszukiwarka internetowa (np. Google) posiada własnego robota (albo w skrócie po prostu bota). Jest to specjalny program, który nieustannie odwiedza wszystkie strony w Internecie i zapisuje ich przetworzoną treść w swojej bazie danych. Następnie kiedy użytkownicy wpisują określone słowa kluczowe...
- Tekst HTML / Klawiatura <kbd>
...tego elementu jest identyczne jak w przypadku kodu komputerowego. Przykład <kbd> Dla strony głównej serwisu internetowego należy utworzyć plik i nadać mu nazwę: <kbd>index.html</kbd>
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8): /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Indeks(id, ramka) { this.id = id; if (typeof ramka == 'undefined') this.ramka = self; else if (typeof ramka == 'string')...
- Indeks, wyszukiwarka / Nowe okno
Aby otworzyć stronę w nowym oknie, należy zmienić plik indeks_hasla.js następująco: var indeks = new Indeks('indeks', 'nazwaokna'); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] )); Jako nazwaokna można wpisać: _blank Wyniki będą za każdym razem otwierane w nowym oknie _self Odpowiednik self z poprzedniego punktu _parent Odpowiednik parent z poprzedniego punktu _top Odpowiednik top z poprzedniego punktu nazwa Wyniki będą otwierane w nowym...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...odsyłacza. Odnośniki obrazkowe można tworzyć dla wszystkich typów odsyłaczy: do podstrony, do adresu internetowego i pocztowych. Na przykład jeśli plik zdjęcia nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić odsyłacz obrazkowy, można się posłużyć odpowiednio następującymi znacznikami: <a href="podstrona.html"><img src="obrazek.jpg" alt="Przejdź do podstrony" style="border: 0"></a> (odsyłacz do podstrony), <a...
- Odsyłacze HTML / Komunikatory internetowe <a "gg, skype, xmpp, icq">
...rozmowa głosowa chat - rozmowa tekstowa add - dodaj do kontaktów userinfo - profil użytkownika voicemail - poczta głosowa sendfile - wyślij plik Jabber <a "xmpp"> <a href="xmpp:użytkownik@serwer">opis</a> ICQ <a "icq"> <a href="icq:numer">opis</a> Status użytkownika <img src="https://web.icq.com/whitepages/online?icq=numer&img=obrazek" alt="ICQ"> gdzie jako obrazek należy podać liczbę od 1 do 25.
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Do tej pory w tym rozdziale przedstawione zostały jedynie odsyłacze tekstowe, tzn. na ekranie był wyświetlany pewien krótki tekst (opis odsyłacza), po kliknięciu którego, następowało przeniesienie do wskazanego adresu. Łatwo zauważyć, że to nie...