tekst obrazek - Kurs HTML i CSS
Rozmiary CSS / Szerokość i marginesy automatyczne...lub 'margin-right' jest traktowana jako zero (CSS 2.1). Jeżeli wszystkie z powyższych własności mają przypisaną wartość auto, a kierunek tekstu (direction) jest ustawiony jako "ltr" (od lewej do prawej), to prawy margines zostanie dopasowany. W efekcie powinniśmy otrzymać blok, którego szerokość całego pudełka będzie się pokrywać z szerokością bloku obejmującego. W przypadku kierunku tekstu "rtl" (od prawej do lewej) to lewy margines zostanie dopasowany. Jeżeli dokładnie jedna...
HTML dla zielonych / Odsyłacz do podstrony HTML <a href>...Praktycznie na każdej stronie WWW spotyka się odsyłacze (inaczej: odnośniki lub hiperłącza). Najczęściej stanowi je specjalnie wyróżniony krótki tekst (lub obrazek), po kliknięciu którego, następuje przeniesienie do innej 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...
Skórki...arkusza stylów skórki. zrzut ekranu Obrazek ze zrzutem ekranu skórki. Oczywiście w miejsce znacznika obrazka <img> można wstawić również zwykły tekst. Nazwa skórki Tekst alternatywny dla przeglądarek niegraficznych. Jeżeli struktura katalogów serwisu nie jest płaska, tzn. poszczególne podstrony znajdują się w podkatalogach, konieczne będzie podanie bezwzględnej ścieżki dostępu do arkusza CSS, ponieważ wpisana tutaj ścieżka musi być poprawna na wszystkich podstronach serwisu, a nie...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...skupienie się na jednej dziedzinie, niż opisywanie wszystkiego po trochę. Uważaj z doborem kolorów na stronie, zwłaszcza jeśli chodzi o tło oraz tekst. Nieciekawe lub rażąco złe zestawienie barw jest najważniejszym czynnikiem, który zdradza, że autor serwisu jest kompletnym amatorem. Wyobraź sobie co pomyślą np. klienci jakiejś firmy, która posiadałaby stronę z zielonym tłem i czerwonym tekstem (lub co gorsze odwrotnie)! Unikaj jak ognia jaskrawych odcieni w tle. Jeśli nie masz pomysłu...
HTML dla zielonych / Ćwiczenia...zaczerpnąć informacje z internetu, pamiętaj o poszanowaniu praw autorskich! Nie zawsze można sobie swobodnie skopiować na swoją stronę dowolny tekst, jeżeli autor nie wyraził na to zgody. Każdy cytat powinien być wyraźnie oznaczony z podaniem jego źródła. Możesz również stworzyć stronę o sobie, w której opiszesz krótko swoją biografię, zainteresowania, hobby itp. Otwórz edytor HTML. Jeśli korzystasz z edytora graficznego, przełącz się do trybu bezpośredniej edycji kodu źródłowego HTML...
Wyróżnienia...typowy dokument HTML, w jaki sposób zachęcić internautów, aby odwiedzili daną stronę, co to są podstrony. Jak również w jaki sposób wpisuje się tekst na stronach WWW, jakie są zasady poprawnego wpisywania znaków interpunkcyjnych w tekście komputerowym. Z kursu można wynieść też wiedzę na temat znaczników i atrybutów oraz w jaki sposób układać tekst na ekranie, w jaki sposób zmienić wygląd tekstu, jak zmienić tło strony czy też w jaki sposób wstawić obrazek na stronę WWW. cytat z magazynu...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...oczywiście łączyć parametry, np. left: 1cm; top: -10px. Należy jednak pamiętać o tym, że parametr left ma pierwszeństwo przed right (jeśli kierunek tekstu jest "ltr" - od lewej do prawej), natomiast top ma pierwszeństwo przed bottom. To znaczy jeśli np. podamy: left: 1cm; top: 2cm; right: 3cm; bottom: 4cm, to wartości right oraz bottom zostaną zignorowane. Polecenie pozycjonowania relatywnego (względnego) pozwala przesunąć wybrany element w dowolną stronę względem jego położenia...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
...src="ścieżka do pliku miniaturki obrazka" alt="Tekst alternatywny" border="0"></a> Większość nowych przeglądarek potrafi automatycznie otworzyć obrazek w nowym oknie, jednaki nie będzie wtedy możliwości szybkiej nawigacji pomiędzy kolejnymi zdjęciami z galerii. Natomiast starsze przeglądarki po kliknieciu przez użytkownika takiego linka często najpierw wyświetlały okienko z pytaniem co zrobić z obrazkiem, tzn. otworzyć czy zapisać, a po wybraniu pierwszej opcji, następowało wczytanie...
- Odsyłacze HTML / Odnośniki hipertekstowe
Odsyłacze - inaczej hiperłącza, odnośniki hipertekstowe, linki - stanowią całą istotę Internetu. Bez nich byłby on jedynie wielką siecią do pobierania "suchych" danych, a dokumenty znajdujące się w niej, nie byłyby w żaden sposób ze sobą powiązane. Praktycznie na każdej stronie WWW spotyka się odsyłacze. Najczęściej stanowi je specjalnie wyróżniony krótki tekst (lub obrazek), po kliknięciu którego, następuje przeniesienie do innej strony. Przy czym strona taka może wchodzić w skład tego samego...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...elementów jest następujące: Nagłówek 1, Nagłówek 2, Nagłówek 3 Treść kolejnych nagłówków menu (element <dt>...</dt>). Można tutaj wstawić zwykły tekst, jak również inne elementy - np. obrazek. Aby nagłówek wyglądał jak odsyłacz, można się posłużyć kodem: <a href="javascript:void(0)">Treść nagłówka</a>. Można też wstawić normalny odsyłacz, prowadzący do wybranego dokumentu, jednak wtedy w docelowym dokumencie należy zadbać o wstawienie takiego samego układu menu, ponieważ inaczej nigdy nie...