DHTML0134
Rozdział 8.
Tworzenie pasków tytułowych
Tworzenie pasków tytułowych
Wyświetlenie zawartości mieszczącej się na samym wierzchołku strony na unikalnym tle, odróżniającym się od tła reszty' dokumentu, zawsze było w HTML-u kłopotliwe.
Wynikało to z faktu, że grafika tła mogła zostać przypadkowo powtórzona gdzieś dalej, w niższej części strony, co niweczyło cały efekt. Właściwość repeat-x może zapobiec tym niepożądanym powtórzeniom.
Aby stworzyć pasek tytułowy
1. Stwórz grafikę, której chcesz użyć w funkcji tła paska tytułowego. Wysokość tej grafiki powinna odpowiadać wysokości obszaru, jaki chcesz zająć na górze strony.
2. BODY {background: white url(tlo4 ->.gif) repeat-x;}
Zdefiniuj selektor dla znacznika <BODY>, w' którym wykorzystasz grafikę tła stworzoną w poprzednim kroku. Pamiętaj jednak, aby ta grafika była powtarzana wyłącznie w poziomie, jak zostało pokazane na listingu 8.4. Prawdopodobnie będziesz także chciał określić kolor tła, który zostanie wykorzystany na pozostałym obszarze strony.
3. Teraz możesz użyć tabeli lub umiejscawiania dostępnego w kaskadowych
arkuszach stylów do stworzenia na górze
strony menu, które będzie pasowało do
paska tytułowego nagłówka. Wyniki
powinny przypominać stronę przedstawioną na rysunku 8.6.
Listing 8.4. Znacznik <BODY> został zdefiniowany w taki sposób, aby jego tlo było powtarzane wyłącznie w poziomie, wzdłuż górnej krawędzi strony
<html>
<head>
<meta ht; tp-eaui v ■■ "Content-Type " ->content”,,text/html; chaxset“ISO~8859-2"> <title>Listing 8.4</title>
<sLyle t.ype-"Lext/css”>
BODY { background: white >url(../images/tlo4.gif) repeat-x; } </style>
</head> <body bgcolor=M#FFFFFF’'>
<center>
<p>
<IMG SRC="../images/rys5.gif" width M110" height="95" >
<IMG $RC=" . . / images/rys6 . gi f " w.idth="łłO" height="8b" >
<IMG SRO" . . / images/rys7 . gi f " width="110" height**"85" >
</p>
</center>
<h2>Wybierz element widoczny u góry</h2>
<p>W języku HTML definiuje się po kolei, wszystkie wiersze ... </p>
<p>Para znaczników TR i /TR służy do tworzenia wiersza. Każdy ... </p>
</body>
</html>
Wybiera element widoczny u góry
W języku HTML definiuje się po kolei wszystkie wiersze tabeli, a kardy r wierszy zawiera definicję wszystkich zawartych w nim komórek Definiowanie tabeli zaczynamy od górnego wiersza i ; określamy wszystkie jego komórki, następnie drugi wiersz i jego | komórki, itd Kolumny obliczane są automatycznie w oparciu o liczbę -M \ komórek w każdym z wierszy
Rysunek 8.6. Górna część strony wyróżnia się, gdyż została wyświetlona na unikalnym Ile
138
Wyszukiwarka
Podobne podstrony:
DHTML0136 Rozdział 8. Tworzenie wyróżniających się tytułówTworzeniewyróżniających się tytułów Tytuły
DHTML0049 Rozdział 2. Określanie czcionkiOkreślanie czcionki Czcionka użyta do wyświetlenia tekstu m
DHTML0053 Rozdział 2. Wyświetlanie tekstu kursywąWyświetlanie tekstu kursywę Bardzo często mylone są
DHTML0074 Rozdział 4. Rozdział 4. Tworzenie w5szq<y<h wcięćTworzenie wiszących wcięc Często si
DHTML0127 Rozdział 7. Definiowanie porządku wyświetlaniaDefiniowanie porządku wyświetlania Różne ele
DHTML0130 Rozdział 8. Rozdział 8. Tworzenie nagłówkówTworzenie nagłówków z graficznym tłem Jednym z
215 3 Bogdan Rączkowski - BHP w praktyce__Rozdział 8Wzór STRONA TYTUŁOWA PLANBEZPIECZEŃSTWA I OCHRON
ZAWARTOŚĆ OPRACOWANIA 1. Strona tytułowa. 2. Strona zawartości
DHTML0022 Rozdział 1. Rozdział 1. Czym jest styl?Czym jest styl? Większość dostępnych procesorów tek
DHTML0024 Rozdział 1. Rozumienie reguł CSS Gdzie umieszczać reguły CSS? Reguły mogą być umieszczane
DHTML0028 Rozdział 1. Definicje: właściwości i wartościDefinicje:właściwości i wartości /a selektore
DHTML0030 Rozdział 1. Definiowanie selektorów klasDefiniowanie selektorów klas Użycie selektorów kla
DHTML0032 Rozdział 1. Rozdział 1. Definiowanie saelektora identyfikatora i i j i jneużt!.
DHTML0034 Rozdział 1. Umieszczanie selektorów w kontekście ROZDZIAŁ 7. O problemach nmlaj-skicli Pro
DHTML0036 Rozdział 1. Dodawanie CSS do dokumentu HTML-owego Głównym zastosowaniem CSS jest definiowa
DHTML0040 Rozdział 1. Rozdział 1. Dodawanie komentarzy do CSSDodawanie komentarzy do CSS Arkusze sty
DHTML0042 Rozdział 1. Dziedziczenie właściwościDziedziczenie właściwości od znaczników rodzicielskic
DHTML0044 Rozdział 1.Określanie porządku kaskady Na jednej stronie WWW możesz dysponować dołączonymi
DHTML0046 Rozdział 1. Rozdział 1. Rozwiązywanie problemów z CSSRozwiązywanie problemów z CSS Bardzo
więcej podobnych podstron