podstrony html - Kurs HTML i CSS
Podcast HTML / #4 Odsyłacze HTML...serwisu oraz standardowe odsyłacze do innych stron w Internecie. Odsyłacze do podstron są pomocne przy tworzeniu spisu treści serwisu. Odsyłacz do podstrony: przenosi użytkownika do innej podstrony w ramach tego samego serwisu, gdzie każda podstrona jest osobnym plikiem HTML: <a href="...">. Odsyłacz do adresu internetowego (WWW): wstawia linki do dowolnych stron w obrębie całego Internetu: <a href="https://...">. Odsyłacz do etykiety (kotwice/zakładki): służy do tworzenia elektronicznej...
- Podcast HTML / #1 HTML dla zielonych
...alt="Tu wpisz krótki opis obrazka"></div> Tworzenie odsyłaczy (linków) Odsyłacz (hiperłącze, link) jest tworzony za pomocą znacznika <a>. Do podstrony (w tym samym serwisie): należy użyć względnej ścieżki dostępu. <a href="kontakt.html">Przejdź do strony kontaktowej</a> Do zewnętrznego adresu internetowego: adres musi zaczynać się od http:// lub https://. <a href="https://www.google.pl/">Przejdź do Google</a> Aby otworzyć link w nowej karcie, dodaj atrybut target="_blank". Odsyłacz...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...wielu działów w serwisie oraz dużej ilości plików. Wtedy w katalogu głównym znajduje się zazwyczaj jedynie strona główna index.html, a wszystkie podstrony oraz pliki są umieszczone w katalogach podrzędnych. Poprawnie: ../../katalog2/katalog2a/plik.gif Niepoprawnie: C:\www\katalog2\katalog2a\plik.gif, katalog2/katalog2a/plik.gif, ../katalog2/katalog2a/plik.gif Ten przykład jest już dość zaawansowany. Jeśli go zrozumiesz, możesz powiedzieć, że ścieżki dostępu "masz w małym palcu" 🙂...
HTML dla zielonych / Ćwiczenia...linki.html (nowy plik HTML w edytorze) i umieść do niej odsyłacz na stronie głównej (czyli w pliku index.html). O tym co to są i jak się tworzy podstrony przeczytasz w podrozdziale: Ramy dokumentu. Na podstronie linki.html wstaw odsyłacze do ciekawych stron w internecie, na których czytelnik będzie mógł znaleźć więcej informacji na opisywany przez Ciebie temat. Jeżeli tworzysz stronę o sobie, możesz tutaj umieścić odnośniki do Twojego profilu w serwisach społecznościowych: Facebook...
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarkiSpis treści Wymagana wiedza Skrypt indeksu, wyszukiwarki Wieloznacznik (wildcard) Wymagana wiedza Odsyłacze do podstrony Wczytywanie stron do ramki lokalnej Podstawy stylów CSS (m.in. arkusze stylów) Skrypt indeksu, wyszukiwarki Aby wstawić na swoją stronę indeks z dodatkową 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)...
- Skórki
...<script>...</script>: <link rel="stylesheet" href="style.css"> <script src="skin.js"></script> Ostatnim krokiem będzie przygotowanie specjalnej podstrony, na której będą prezentowane wszystkie udostępnione dla użytkowników skórki z możliwością ich wyboru. Oczywiście wskazanym by było, aby dla każdej skórki przygotować specjalne miniaturki ze zrzutami ekranu (klawisz Print Screen), aby użytkownicy nie musieli wybierać w ciemno 🙂 Zmiana skórki będzie się sprowadzała do wstawienia...
CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">...na wygląd od razu wszystkich podstron Twojego serwisu. Czyż to nie jest piękne? Już nigdy więcej nie będzie Cię czekać żmudne przerabianie każdej podstrony tylko po to, aby zmienić na niej np. kolor albo rozmiar tekstu 🙂 Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości wstawiania stylów CSS na stronach internetowych, zobacz rozdział: Wstawianie stylów. Pytania i odpowiedzi <link "stylesheet"> Jak dodać styl CSS? Najbardziej zalecanym sposobem...
- Widżety HTML / Ramki lokalne <iframe>
...inline frame), która działa jak niezależne okno przeglądarki wewnątrz strony internetowej. Jak wstawić IFRAME na HTML? Na przykład jeśli plik podstrony nazywa się "podstorna.html" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić ramkę IFRAME, można się posłużyć następującym znacznikiem: <iframe src="podstrona.html"></iframe>. Jaki znacznik HTML służy do wyświetlania w ramce fragmentu innej strony internetowej na własnej stronie...
- Widżety HTML / Ramki HTML
...wstawimy to samo menu nawigacyjne na każdej podstronie, możemy mieć w przyszłości sporo pracy, gdy do naszej witryny będziemy chcieli dodać nowe podstrony. Wtedy trzeba będzie mozolnie zmieniać menu w każdym istniejącym dotąd dokumencie, w celu dodania do niego odsyłacza do nowej podstrony. Aby wyeliminować tę niedogodność, a jednocześnie nie utrudniać naszym użytkownikom nawigacji w serwisie, możemy stworzyć jeden wspólny widżet zawierający odnośniki menu, a następnie osadzić go na każdej...
- Promocja strony WWW / Pozycjonowanie (SEO)
...najpierw ukazuje się przyjazny tytuł serwisu, a dopiero potem wyrażenia kluczowe, które niekoniecznie muszą go interesować. Natomiast jeśli chodzi o podstrony, coraz częściej spotyka się kolejność odwrotną, tzn.: Tytuł artykułu - Nazwa serwisu lub Tytuł artykułu - Tytuł działu - Nazwa serwisu Odwrócona kolejność w tytułach poza stroną główną jest korzystna, ponieważ tytuł artykułu zwykle lepiej opisuje zawartość danej podstrony niż nazwa serwisu, a słowa kluczowe umieszczone na początku...